모두의 연구소(오름캠프)33 [JavaScript] 24.02.05 JavaScript에 대해서(2) this this 란? 객체를 가리키는 참조 변수로, 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this는 함수가 만들어질 때가 아닌 "실행"될때 그 값이 결정된다. this가 가리키는 대상은 어떻게 this가 호출되는지에 따라 다르다. 아래 상황별로 this의 의미를 나눌 수 있다. 전역 공간에서의 this 메서드로서 호출할 때 내부에서의 this 함수로서 호출할 때 내부에서의 this 콜백 함수 호출 시 내부에서의 this 생성자 함수 내부에서의 this this를 전역에서 사용한 경우 브라우저라는 자바스크립트 런타임의 경우에 this는 항상 window라는 전역 객체를 참조한다. 전역 객체란 전역 범위에 항상 존재하는 객체를 의미한다. 브라우저라는 자바스크립트 런.. 2024. 2. 5. [JavaScript] 24.02.02 JavaScript에 대해서 JavaScript 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어로 해당 언어를 사용하여 정적이던 웹을 동적인 웹으로 만들 수 있게 되었다. 즉 HTML 페이지를 동적으로 만들어 주는 것이다. 왜 자바스크립트인가? 자바스크립트의 원래 명칭은 ‘모카’(Mocha)에서 ‘라이브 스크립트’(LiveScript)로 변경되었다가 최종적으로 ‘자바스크립트’(JavaScript)가 되었습니다. 라이브스크립트가 출시 될때 쯤, 당시에 인기있던 언어중에 ‘자바’ 가 있었는데 이 인기를 이용하고자 이름만 빌려와 자바스크립트가 되었습니다. HTML : 웹페이지의 구조를 만들어준다. (마크업 언어) CSS : 웹페이지에 디자인을 입혀준다. (스타일 규칙 언어) JavaScript : 웹페이지가 .. 2024. 2. 2. [CSS] 24.01.31 Position, Flex 오전시작으로는 어제의 실습 문제를 다시 풀어보는 시간을 가졌다. 여러번의 프론트엔드 프로젝트를 진행해본 경험이 있어서 쉽게 작성할 것이란 생각으로 시작했지만 시간내로 작성하기 위해 엉망으로 작성한 코드들이 부끄럽기도 했고, html의 요소들의 특징이나 css의 사용법을 정확하게 알지 못하고 작성하니 출력 화면에서 표현되는 요소들의 배치나 스타일 등 여러가지가 문제였지만 어찌어찌 제출을 완료했고 강사님이 작성해주시는 코드를 보며 다시 한번 부족한 부분을 확인하는 시간이었다. 1. position position이란? HTML 태그의 위치를 지정해주는 속성이다. 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용된다. 2. position 종류 2.1 positi.. 2024. 1. 31. [CSS] 24.01.30 CSS 기본 CSS란 CSS는 Cascading Style Sheets의 약자로, CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어. 즉 웹 페이지의 스타일을 정의하는 언어이다. 우리가 작성한 HTML의 스타일, 레이아웃 등을 꾸미는 역할을 하고, CSS를 한번 작성해 여러 HTML에 재사용하여 반복 작업을 줄일 수 있다. 프론트엔드 개발자로서 제일 먼저 배우게 되는 세 가지 언어 HTML/CSS/JavaScript 중 하나이다. html: 웹페이지의 기본 틀 (뼈대)를 구성하는 역할 css: 웹페이지를 꾸며주는 역할 Javascript (JS): 동작들을 표현 CSS 적용 방법 CSS는 적용 방법에는 인라인 방식, 내부 스타일, 외부 스타일이 있다. 적용 방법은 외부 스타일의 방식을 추천하며, HTML과 C.. 2024. 1. 30. [HTML] 24.01.29 Form 및 Table 1. form 사용자에게 입력받은 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타낸다. form은 입력된 데이터를 서버로 전송하는 역할을 한다. method 속성에는 양식을 제출할 때 사용할 HTTP 메서드 post와 get을 많이 사용하며 둘은 각가의 차이가 있다. Get은 가져온다는 개념이고, Post는 수행한다는 개념으로 받아들이면 쉽다 1.1 Post Post method는 리소스를 생성/업데이트 하기 위해 서버에 데이터를 보내는데 사용된다. - post는 양식 데이터를 요청 본문으로 전송 - 브라우저에 의해 캐시되지 않고, 브라우저 히스토리에도 남지 않는다. - Post 방식의 HTTP 요청에 의한 데이터는 쿼리 문자열과는 별도로 전송 - 데이터의 길이 제한이 없고, GET 방식.. 2024. 1. 29. [HTML] 24.01.26 HTML 기본 및 태그 1월 26일 약 일주일간 프론트엔드 개발 기술인 HTML, CSS, JavaScript에 대한 교육이 시작된다. 학부시절에 배웠던 내용이라 익숙할 것 같았지만 다시 시작하려니 가물가물했다.. HTML 기본 HTML 이란? Hyper Text Markup Language의 약자로 웹페이지를 만들 때 사용하는 언어. 웹페이지가 어떻게 구조화 되어있는지 정의하는 마크업 언어이다. HTML은 요소 안에 다른 요소가 들어갈 수 있습니다 위의 코드처럼 HTML은 요소(Elements)로 구성되어 있으며, 와 은 tag라고 할 수 있다. HTML은 요소 안에 다른 요소 가 들어갈 수 있습니다 위의 코드는 잘못 작성된 예시로, 태그의 사용에 신경써야한다. 태그(Tag) 태그는 어떤 표시를 하귀 위해 붙인 꼬리표로, 웹.. 2024. 1. 29. 이전 1 2 3 4 5 6 다음
