React

리액트는 프론트앤드 개발을 위한 Javascript 오픈소스 라이브러리JSX를 사용함으로써 코드의 복잡성을 줄이고, 이를 이해하기 쉽게 만들 수 있습니다.

Single Page ApplicationReact SPA개발을 위한 라이브러리 Router

1. State & Props 2. Props 사용방법 3. useState 사용방법 4. state 갱신하기

1. React 데이터 흐름 React 개발 방식의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작 한다는 점이 가장 큰 특징 페이지를 만들기 전에 컴포넌트를 먼저 만들고 조립 즉 상향식으로 앱을 만든다. 이것의 가장 큰 장점은 테스트가 쉽고 확장성이 좋다. 하나의 컴포넌트는 한가지 일만 한다! 컴포넌트는 컴포넌트 바깥에서 props를 이용하...

함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우를 해당 함수는 Side Effect가 있다useEffect는 컴포넌트 내에서 Side effect를 실행할 수 있게 하는 Hook

1. 컴포넌트 단위로 개발 2. 컴포넌트 UI 개발을 위한 Storybook 3. 구조적인 CSS 작성 방법의 발전 프로젝트의 규모나 복잡도가 점점 커지고 함께 작업해야할 팀원 수도 많아짐에 따라 CSS를 작성하는 일관된 패턴이 없는 것이 문제점이 되었고 모바일이나 태블릿을 비롯한 다양한 디바이스들의 등장으로 웹사이트들이 다양한 디스플레이를 커버해야 하...

1. 상태관리 상태란 무엇인가? 상태는 변하는 데이터 이며 UI에 동적으로 표현될 데이터이다. 예를 들어 상품의 개수, 상품 선택 여부, 장바구니에 담긴 물품 등 Side Effect란 무엇인가? 함수의 입력 외에도 함수의 결과에 영향을 미치는 요인 예를 들어 네트워크 요청, API 호출 등 상태를 생각함에 있어 side effect역시 ...

1. SSR & CSR 2. 빌드 3. 배포