개요
작년 미니 프로젝트를 하러 물색을 하던때 프론트엔드에 대한 역량을 키우고 싶어서 시작했던 프레임워크가 리액트였다.
접해보니 그냥 서버 사이드 페이지였던 JSP와 달리 리액트는 SPA의 특성을 가졌고 점점 더 파고드니 이 프레임워크가 무엇일까에 대한 궁금증이 점점 더 생기기도 했다.
따라서, 추후 리액트를 통한 개발에 도움이 될 수 있도록 자습 기록을 남겨보고자 한다.
목표
- 프론트엔드가 무엇인지 이해한다
- MPA와 SPA의 차이를 이해한다
- 리액트 프레임워크가 무엇인지 알아본다
- 리액트의 컴포넌트를 이해한다
- 클래시형 컴포넌트와 함수형 컴포넌트의 차이가 무엇인지 이해한다
- 리액트의 훅(Hook)을 이해한다
- useState를 통해 리액트의 상태 값을 어떻게 굴리는지 이해한다
- useEffect를 통해 리액트의 효과를 어떻게 표현할지 이해한다
- (이외 사항 추후에 추가예정...)
참고사항
https://ko.reactjs.org/docs/getting-started.html
리액트에 대한 기술문서 페이지로 한글화가 굉장히 잘 되어있어 해당 페이지를 통해 교육을 배워도 무방할 정도로 정리가 훌륭하다. 그래서 앞으로 해당 페이지를 토대로 글이 작성될 예정이다.
'Self-Study > React' 카테고리의 다른 글
[React] state (0) | 2022.04.17 |
---|---|
[React] props (0) | 2022.04.17 |
[React] 리액트의 컴포넌트 (0) | 2022.04.15 |
[React] 리액트의 개요 (0) | 2022.04.12 |
[React] 프론트엔드란 무엇인가? (0) | 2022.04.04 |
최근댓글