프론트엔드 멘토링 (4) 썸네일형 리스트형 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주차 멘토링 회고 1. 멘토링 내용 - Vanilla Javascript 로 웹 컴포넌트 만들기 과정 블로그 정리와 설명하기 : 웹컴포넌트를 설명하기 전 기본적인 자바스크립트에 대한 개념들이 확립되지 않아 코드 흐름에 정확한 설명에 어려움을 느꼈음. - 자바스크립트에 대한 수업 : 자바스크립트에 대하여 몰랐던 지식을 많이 알 수 있었음. 2. 느낀점 - 이번 멘토링을 통해 자바스크립트 교재를 보며 기본 개념을 먼저 잡고 가는것이 중요하다는 것을 깨달았다. 그리고 비전공자로서 프론트엔드 개발 공부를 어떻게 해야 할지 몰라 퇴사 후 전전긍긍 했는데 멘토님의 제안으로 시작하게 된 공부가 많이 도움이 될 것 같아 기대가 된다. 처음에는 주어지는 과제와 공부량에 내가 잘할 수 있을까 두렵기도 했지만, 할 수 있다고 자신감을 가지고.. 1주차 과제 - Vanilla Javascript 로 웹 Component 만들기 1. 컴포넌트와 상태관리 *컴포넌트란? - 재사용 가능한 웹의 구성요소, 독립된 모듈, 단위 먼저 컴포넌트의 설계의 기반이 되는 코드를 작성해본다. 2. state - setState - render (1) setState 메서드를 통해 state를 기반으로 render 를 해주는 코드 작성하기 * state 가 변경되면 render 를 실행한다. * state 는 setState 로만 변경해야한다. 이 규칙을 지키며 작성하면, 브라우저에 출력되는 내용은 무조건 state 에 종속된다. 즉, DOM 을 직접적으로 다룰 필요가 없다. 2) 추상화하기 특정 데이터에 대해 로직을 적용하는 코드의 중복을 줄이는 방법은, 액션을 따로 파라미터화 하는 것이다. 이처럼 같은것을 묶고, 변하는 부분과 변하지 않는 부분.. 이전 1 다음
