React

React 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 (1) React의 3가지 특징에 대해서 이해하고, 설명할 수 있다. JSX가 왜 명시적인지 이해하고, 바르게 작성할 수 있다.

React SPA 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 SPA(Single-Page Application) 개념을 이해하고 설명할 수 있다. SPA의 장, 단점에 대해 이해하고

React SPA 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 state, prop의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다. React 함수 컴포넌트(Rea

React 클라이언트 Ajax 요청 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 React에서의 데이터 흐름, 단방향 데이터 흐름을 이해할 수 있다. 어떤 컴포넌트에 state가 위치

Component Driven Development(CDD)의 필요성과 이점에 대해서 이해한다.구조적으로 CSS를 작성하는 방법의 발전과 이유에 대해서 이해한다.CSS 방법론들의 특징과 장단점을 이해한다.CDD는 협업을 위해 디자인과 개발 단계에서부터 재사용할 수 잇는

UseRef 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 useRef의 필요성에 대해 학습한다. useRef가 필요한 상황들을 기억한다. useRef의 사용법을 이해한다. 1. u

CDD 개발 도구 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 Styled Component의 기본 사용법을 익힌다. HTML과 CSS로 작성된 요소를 Styled Component

상태관리 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 로컬 상태와 전역 상태의 차이점을 이해한다. 전역 상태의 필요성을 이해한다. 상태 관리 라이브러리의 필요성을 이해한다. 1.

상태 관리 라이브러리가 왜 필요한지 이해할 수 있다.Redux에서 사용하는 Action, Dispatcher, Reducer 그리고 Store의 의미와 특징을 이해할 수 있다.Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다.기존에 언

React 번들링과 웹팩 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 1. 번들링 번들링은 여러 제품이나 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미합니다. 프론트엔드 개

Virtual DOM이 나오게 된 배경을 학습합니다.React가 어떻게 Virtual DOM을 사용하는지 학습합니다.Virtual DOM이 어떻게 생겼는지 학습합니다.React가 DOM 트리를 탐색하는 방법에 대해 학습합니다.DOM 엘리먼트의 타입이 같을 때와 다를 때

함수 컴포넌트와 클래스 컴포넌트의 차이를 학습하고, 함수 컴포넌트에서 Hook을 사용하는 이유를 이해합니다.Hook의 사용 규칙에 대해 학습하고 이해합니다.useMemo의 쓰임새와 작성 방법에 대해 학습합니다.useCallback의 쓰임새와 작성 방법에 대해 학습합니다

목적 : 불변성 이해하기상태 관리에 관한 리액트 강의에서 불변성에 관한 내용이 언급되어 정리하고자 합니다.변수 값을 변경하기 위해 원시 값을 재할당하면 새로운 메모리 공간을 확보하고 재할당한 값을 저장한 후, 변수가 참조하던 메모리 공간의 주소를 변경한다. 값의 이러한