codestates / codestates/pick-me-up
[KPT-개인회고] 박지영/프론트엔드
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 2
- PR merge metrics
- No merged PRs in 30d
Description
**Keep (유지할 항목)**
---
<기능구현 관련>
- 리액트 hooks & 리액트 state 관리 & 서버에 axios 요청 및 받은 데이터 랜더링에 대한 전반적인 흐름을 어느정도 이해했다.
- 서버에 요청하여 데이터를 받아야 하는 것 vs (서버에 요청할 필요 없이) 리액트 state 변경 만으로 충분한 것 사이에서 어떤 것을 선택해야 할 지, 어느 정도 감을 잡게 되었다. 서버의 부담과 클라이언트의 부담이 적절하게 분배된 상태로 여러 기능들이 구현되었다.
<레이아웃/디자인 관련>
- 2주짜리 프로젝트라, 자칫 심심해보일 수 있는 웹페이지에 정적요소를 추가하기 위해 여러가지를 고민했다(ex. 스크롤 시 어떠한 화면 변화가 일어나도록)
- 웹버전 & 모바일 버전에 따라 레이아웃이 깨지지 않은지 상시 더블체크 하였다.
- Post CSS 라이브러리를 사용한 것! 여러 사람이 코드를 작업해도 css 속성 충돌이나 상속이 불필요하게 일어나지 않았다.
<기타>
- 지속적으로 앱의 목적이 무엇인지 & 사용자 입장에서 어느것이 편리한지를 염두해두고, 이에 부합하게 기능 및 디자인을 구현하려고 노력했다.
- 점점 더 늘어나는 구글링실력... 어떠한 키워드로 구글링해야 원하는 정보를 빠르게 얻을 수 있는지 요령이 생긴 것 같다.
- Section 1~3때 진행했던 스프린트들을 자주 뜯어보는 습관이 생겼다. 지난 4개월간 배웠던 것들을 여러번 반복하여 복습할 수 있었다.
**Problem (문제라고 생각하는 항목)**
---
<기능구현 관련>
- 유저의 앱사용흐름을 해치게 되는 페이지 전환이 리액트에서 어떻게 이뤄지는지 좀 더 공부가 필요하다.
- 리액트의 화면랜더링이 어떨 땐 state 변경으로, 어떨 땐 페이지 분기로(라우팅) 이뤄져야할 지 좀 더 공부가 필요하다.
<레이아웃/디자인 관련>
- 반응형 웹/모바일 디자인을 위하여 효율적인 css 단위 사용에 대해 좀 더 공부가 필요하다.
<기타>
- 기능구현에 치중하여 코드 리팩토링에 신경쓰지 못했다. 코드를 효율적으로 줄이면서 가시성있게 작성하고 싶다.
- 프로젝트하면서 기억하고 싶은 코드 & 구글링하여 새로 알아낸 내용들을 꼼꼼히 블로깅하려고 했던 계획이... 지켜지지 않았다.
**Try (Action Items)**
---
- SR기획 시 리액트 컴포넌트를 조금 더 세부적으로 설계하기.
- 어플리케이션의 목적과 컨텐츠가 가장 돋보일 수 있는 디자인이 무엇일 지 꼭 고민하기.
- 컨디션 관리 잘 하기.
- 커뮤니케이션 시 항상 팀원들을 존중하기.
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.