프론트엔드 멘토링/과제 (3) 썸네일형 리스트형 2주차 과제 - 모던자바스크립트 10~14장 정리 10장 "객체 리터럴" 10.1 객체란? - 자바스크립트는 객체 기반 프로그래밍 언어이며 자바스크립트를 구성하는 거의 모든 것이 객체다. 원시값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체다. - 객체 타입은 다양한 타입의 값(원시 값 또는 다른 객체)을 하나의 단위로 구성한 복합적인 자료구조다. - 원시타입의 값 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값이다. - 객체는 0개 이상의 프로퍼티로 구성된 집합이며 프로퍼티는 키와 값으로 구성된다. 객체는 프로퍼티와 메서드로 구성된 집합체이다. // 객체는 프로퍼티의 집합이다. var person = { name: 'Lee', age: 20 // 프로퍼티 키: 프로퍼티 값 } // 객체의 프로퍼티와 .. 2주차 과제 - 모던자바스크립트 1~6장 정리 1장 "프로그래밍" 1.1 프로그래밍 -프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션. -문제해결 능력을 요구하며 정확하고 상세하게 요구사항을 설명하는 작업이다. 1.2 프로그래밍 언어 - 사람이 이해할 수 있는 프로그래밍 언어(ex. 자바스크립트)를 컴파일러가 기계어(1 또는 0)로 번역하여 컴퓨터가 실행하도록 한다. 2장 "자바스크립트란?" 2.1 자바스크립트의 탄생 - 1995년 넷스케이프 커뮤니케이션즈에서 웹페이지의 보조적 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 브렌던 아이크가 개발한다. - 1996년 내비게이터2에 탑재되었고 '모카'로 명명되었고, 후에 '라이브스크립트' 에서 '자바스크립트'로 최종 명명되었다. - 이후 JScript 가 출시되어 자바스크.. 1주차 과제 - Vanilla Javascript 로 웹 Component 만들기 1. 컴포넌트와 상태관리 *컴포넌트란? - 재사용 가능한 웹의 구성요소, 독립된 모듈, 단위 먼저 컴포넌트의 설계의 기반이 되는 코드를 작성해본다. 2. state - setState - render (1) setState 메서드를 통해 state를 기반으로 render 를 해주는 코드 작성하기 * state 가 변경되면 render 를 실행한다. * state 는 setState 로만 변경해야한다. 이 규칙을 지키며 작성하면, 브라우저에 출력되는 내용은 무조건 state 에 종속된다. 즉, DOM 을 직접적으로 다룰 필요가 없다. 2) 추상화하기 특정 데이터에 대해 로직을 적용하는 코드의 중복을 줄이는 방법은, 액션을 따로 파라미터화 하는 것이다. 이처럼 같은것을 묶고, 변하는 부분과 변하지 않는 부분.. 이전 1 다음
