[회고] stack overflow 클론코딩

기술 회고

이슈 노트

: 잘 이해되지 않았던 개발 기술이나 부족했던 기술

1. Http / Https, 쿠키, 세션, 토큰 등 통신/보안 과정을 이해하고 코드로 구현하는 것
2. React 상태 변경과 의존성, 컴포넌트 렌더링 순서에 대한 이해
3. Redux 의 reducer와 store 관리 방식
4. sementic한 HTML 마크업과 CSS 컨벤션 적용

좋았던 점

• 백엔드와의 협업을 통해 Http 통신이 코드에서 실제로 표현되는 방식을 알고 사용 가능한 기능을 완성했다.
• React-redux, redux-persist 등 필요한 기능이 있을 때 스스로 검색해서 공부하고 적용하는 과정을 통해 자신감을 얻었다.
• Styled component의 활용 방식에 조금 더 익숙해졌고, login, tab, tag 등 자주 쓰이는 UI 컴포넌트 제작을 연습할 수 있었다.

아쉬웠던 점

• 오류가 발생했을 때 정확한 원인 파악에 시간이 오래 걸려, 당초 계획했던 것을 전부 완성하지는 못했다.
• react hooks, axios 등 여러 도구의 구체적인 동작 방식과 효과적인 활용을 위한 변형 방식을 익히지 못했다.
• 안정적인 화면 구성과 UI 제작 능력, css attribute의 우선순위에 대한 지식이 부족했다.

개선할 점

• React의 데이터 저장-출력, 페이지 렌더 순서를 추가로 공부해 필요없는 리플로우-리페인트 줄이기
• Typescript를 적용해 타입 오류의 발생을 줄이기
• 쿠키와 토큰을 활용해 인증/인가 방식을 구현한 모범 코드를 찾아 적용하기 (실습 코드 및 오픈소스)
• 마크업, React 컴포넌트, Redux 리듀서, CSS의 구조화와 재사용을 위한 컨벤션을 미리 찾아보고 적용해서 작업 도중 발생하는 비용을 줄이기