Front-End 엔지니어로 비상하기 위한
백괴의 첫 도약🐤
- Front-End 엔지니어로 나아가기 위해 React.js 문법을 학습한 내용을 정리한 레포입니다.
- 학습하면서 작성한 코드와 배운 내용을 정리한 마크다운 문서가 담겨 있습니다.
- 각 마크다운 문서는 어느 정도의 수정 후 개인 velog에 차례대로 업로드 중에 있습니다. 입문자 친화적인 설명을 원하실 경우 벨로그의 강의를 참고 바랍니다.
- 링크가 제공되는
summary디렉터리 내부의 챕터들은 정리가 완료 된 챕터입니다. - 'velog판 보기' 링크가 제공되는 챕터는 velog 정리까지 완료 된 챕터입니다.
- 아직 정리가 완료되지 않은 챕터는
unprocessed디렉터리 내부에 있으며, 시간이 되는 대로 차례대로 정리 예정입니다. - 잘못 된 내용에 대한 수정 요청은 seongbeom_lee@kakao.com으로 부탁드립니다.
- 1. CRA 프로젝트와 컴포넌트의 기본 개념
- 2. JSX의 특성
- 3. props를 통해 컴포넌트에게 값 전달하기
- 4. 조건부 렌더링 & 스타일링
- 5. useState를 통한 상태 관리 & 이벤트 핸들링
- 6. 이벤트 객체로 input 상태 관리하기
- 7. 여러개의 input 상태 관리하기
- 8. useRef 활용하기
- 9. 배열 렌더링하기
- 10. 배열의 동적 업데이트
- 11. useEffect 알아보기
- 12. useMemo 를 사용하여 연산한 값 재사용하기
- 13. useCallback 을 사용하여 함수 재사용하기
- 14. React.memo로 컴포넌트 리렌더링 최소화하기
- 15. useReducer 를 사용하여 상태 업데이트 로직 분리하기
- 16. 커스텀 Hook 만들기
- 17. Context API 를 사용한 전역 값 관리
"벨로퍼트와 함께하는 모던 리액트" .velopert
"Study/React" .xiubindev
"(2) React 보일러 플레이트 Boiler Plate CRA(Create-React-App)" .IUA
"React에서 불변성을 지켜야 하는 이유" .webigotr
"React Hooks! useCallback편(React 17버전)" .zerocho
"React Hooks: useCallback 사용법" .Dale Seo
"React.memo() 현명하게 사용하기" .TOAST UI
"Sass 강좌 – 한 눈에 보기" .velopert
"Axios란? / Axios 사용 및 서버 통신 해보기!" .zofqofhtltm8015
"Axios 러닝 가이드" .yamoo9
"[Javascript] async-await와 Promise" .Satisfaction
"Axios Docs" .Axios
"Front-End 개발자로 거듭하는 그날까지, 백괴 화이팅💪🔥"