일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다.고차 함수(higher-order function)에 대해 설명할 수 있다.고차 함수를 자바스크립트로 작성할 수 있다.JavaScript에는 비행기의 first-class 좌석처럼 특별한
클로저 모듈 패턴에 대해 설명할 수 있다.클래스와 인스턴스에 대해 설명할 수 있다.클래스 문법을 이용할 수 있다.<span style="background-color:객체 지향 프로그래밍은, 절차 지향 프로그래밍(Procedural Programming)과는 다르
프로토타입이 무엇인지 설명할 수 있다.프로토타입과 클래스의 관계에 대해 설명할 수 있다.프로토타입 체인에 대해 설명할 수 있다.여기서 프로토타입은 원형 객체를 의미한다. JavaScript는 프로토타입(Prototype) 기반 언어➡ 모든 객체들이 메소드와 속성들을 상
어떤 경우에 중첩된 콜백(callback)이 발생하는지 이해할 수 있다.중첩된 콜백(callback)의 단점, Promise의 장점을 이해할 수 있다.async/await 키워드에 대해 이해하고, 작동 원리를 이해할 수 있다.카페에 가서 주문을 하는데, 앞 사람이 주문
Node.js 내장 모듈을 사용할 수 있다.서드 파티 모듈 (3rd-party module)을 활용할 수 있다.Node.js 공식 문서를 활용하여 fs.readFile을 이용할 수 있다."비동기 이벤트 기반 JavaScript 런타임"Node.js 내장 모듈 목록모든
React의 3가지 특징에 대해서 이해하고, 설명할 수 있다.JSX가 왜 명시적인지 이해하고, 바르게 작성할 수 있다.React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다.create-react-app 으로 간단한 개발용 Rea
리액트, JSX 기본 문법을 익힌다.리액트, JSX로 트위틀러를 하드 코딩할 수 있다.컴포넌트를 먼저 개발하는 Bottom-up 개발 방식에 익숙해진다.npm script로 리액트 개발에 필요한 기본적인 툴을 사용할 수 있다.객체 배열 형태로, 큰 배열 한개 안에 동일
SPA(Single-Page Application) 개념을 이해하고 설명할 수 있다.SPA의 장, 단점에 대해 이해하고 설명할 수 있다.와이어프레임을 보고 어느 부분을 컴포넌트로 구분할지 스스로 정할 수 있다.React에서 npm으로 React Router를 설치(np
state, props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다.React 함수 컴포넌트(React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있다.React 컴포넌트(React Com
클라이언트-서버 아키텍처를 이해할 수 있다.HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다.API의 개념을 이해할 수 있다.상품 정보 같은 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것리소스를 사용하는 앱이 바로 "클라이언트", 리소스를 제공(se
브라우저의 작동 원리를 이해할 수 있다.보이지 않는 곳의 통신을 이해할 수 있다.URL과 URI의 차이를 이해할 수 있다.IP 주소와 PORT에 대해 이해할 수 있다.DNS와 IP 주소의 관계를 설명할 수 있다.크롬 브라우저의 에러 메시지를 통해 문제를 파악할 수 있다
HTTP의 동작 방식을 이해할 수 있다. HTTP Messages의 구조를 설명할 수 있다. HTTP Requests와 Responses를 구분할 수 있다. HTTP의 응답 메시지를 찾아볼 수 있다. HTTP HyperText Transfer Protocol의 줄임말
보이는 곳의 통신을 이해할 수 있다.AJAX의 개념을 이해할 수 있다.SSR과 CSR의 차이를 이해할 수 있다.Asynchronous JavaScript And XMLHttpRequest의 약자로, JavaScript, DOM, Fetch, XMLHttpRequest,
REST API에 대해 이해할 수 있다.REST 성숙도 모델에 대해 이해할 수 있다.REST API 문서를 읽을 수 있다.REST API에 맞춰 디자인할 수 있다.Open API와 API Key에 대해 이해할 수 있다.<span style="background-c
Side effect가 어떤 의미인지 알 수 있다.React 컴포넌트를 만들 때 side effect로부터 분리해서 생각할 수 있다.Side effect의 예를 들 수 있다.Effect Hook을 이용해 비동기 호출 및 AJAX 요청과 같은 side effect를 Re
SOP에 대해 이해할 수 있다.CORS에 대해 이해할 수 있다.CORS 동작 방식에 대해 이해할 수 있다.CORS 설정 방법을 이해한다.SOP은 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻한다. 한 마디로 ‘같은 출처의 리소스만 공유가 가능하다’
Express로 간단한 서버를 구현할 수 있다.미들웨어를 이해할 수 있다.미들웨어를 이용할 수 있다.미들웨어를 구현할 수 있다.npm install express 로 우선 express를 설치한다. <span style="background-color:클라이언트는
‘지나간 일을 돌이켜 생각하는 것’➡ 걸어왔던 길을 되돌아 보고, 목표를 향해 계속 나아가기 위해 필요한 노력이 무엇인지 생각하고 실천하는 것을 꾸준히 반복함으로써, 꾸준히 성장하기 위해서목표 상기하고, Keep(이번 섹션 동안 좋았던 점, 앞으로도 지켜가고 싶은 부분
졸업 프로젝트를 진행하면서도 만난 그 녀석... CORS 에러! 조원들과 학교 1층 카페에 모여서 열심히 구글링 하면서 문제를 해결했던 기억이 있다. 그때는 당최 CORS 에러가 뭔지 정확하고 자세하게는 모르겠지만, 여하튼 프론트엔드 개발자들이 넘어야 할 산 중에 하나