조금 늦었지만 9월 공부 회고록을 쓰고자 한다. 기록해야 기억한다! 📝
1. 리액트
팀프로젝트를 어떻게 할까 고민하던 중에 리액트 + 노드 + 클라우드 프로젝트 실습 강의를 연다고 해서 9월부터 듣고 있다.
마침 리액트부터는 처음에 강의를 듣고 너무 어려워서 걱정했는데, 물론 지금도 여전히 어렵지만 개인 프로젝트를 하면서
연습을 많이 하면 익숙해질 거라고 생각한다. 컴포넌트를 어떻게 쪼개고 페이지를 어떻게 나눌 것인지 구조 잡는 것부터가 어렵다..🤔
React의 특징
중요 키워드 : virtual DOM, component, JSX
- JSX라는 문법을 사용
- Virtual DOM에서 DOM의 수정사항을 한 번에 모아 화면상에서 수정된 가상 DOM을 렌더링
- 컴포넌트 기반. 최근에는 함수형 컴포넌트 사용
- 아키텍처의 뷰 레이어만을 담당하는 컴포넌트 기반 프론트엔드 라이브러리
React Hook
- useState, useEffect, useReducer 세 가지가 많이 쓰임
- useRef: DOM 액세스
- useEffect: DOM 다룰 때, 외부 API 가져올 때 상태 변경 관리
- useReducer: 상태관리 hook. reducer로 사용 → 여러 사람이 state 조작시 중간에서 조정
- useMemo, useCallback: 컴포넌트 성능 향상
- useContext: 상태를 컴포넌트가 아닌 전역적으로 관리
Props
- 상위 컴포넌트가 하위 컴포넌트에 값 전달(부모 -> 자식)
- 하위로 전달하는 과정에서 필요없는 부분에도 props 전달하는 props drilling 현상
- 전역 상태 관리 툴 (redux toolkit, mobx, recoil 등) 사용해서 해결
2. Obsidian
위 영상을 보고 옵시디언을 써보고 싶어서 9월부터 쓰고 있는데, 핵심 기능인 그래프 뷰는 막상 잘 안 쓰고 있지만
키워드끼리 연결되는 기능이 좋아서 기술 면접 준비할 때 제대로 활용할 예정이다.
아직 노션만큼 대중화가 되지 않아 나만^^ 쓴다는 약간의 자부심 + 홍대병으로 혼자 흡족해하는 중이다.
시간이 되면 플러그인 개발해서 공유해보고 싶다.
3. 개인프로젝트 와이어프레임 제작
react + ts + node 기술을 익힐 겸 개인프로젝트를 만들려고 추석 때 와이어프레임까지는 만들어놓았다.
이제 처음 해보는 카카오 로그인 기능과 CRUD 기능을 구현할 생각에... 설레서 잠이 안 온다 ^^!!! HAHAHA
4. 토익 신청
정말 갑자기... P가 되어버린 걸까? 마지막으로 검사했을 때 INFP가 나왔는데 흠... 아무튼
어학 능력을 어필하면 좋을 것 같아 토익 시험을 신청해버렸다. 모의토익 점수가 꽤 잘나왔기 때문에
근자감이 생겨서 그랬다. 이렇게 된 거 전부 열심히 해버리지 뭐~~ 바쁘면 괴롭지만 동시에 행복하니까..*^^*
(23.10.07 아무리 생각해도 에바인 것 같아서 취소함. 프로젝트나 열심히 하자.)
그럼 10월도 힘내서 공부하자! 👊🏻