공통된 사항 및 보면 좋을 만한 글 들
리액트
- useLayoutEffect(애니매이션이나, 특정 dom 조작 상황, ux), useEffect (대부분의 경우)
훅 다이어그램 살펴보기
아래 코드로 실행시키면서 같이 살펴보시면 좋을 것 같습니다.
- useMemo를 사용하기 전에
- useEffect complete guide
나만의 리액트 라이브러리 만들기
react에서 data 가져오기
UX
지난 커피챗에 남긴 문서에 이어서 (회고, 리드미 개선 확인 👍)
상세를 가서야 좋아요를 누를수 있는 점 아쉽습니다.
검색어는 쉽게 clear할 수 있게 지우기 버튼 있으면 좋을 것 같습니다.
- 검색어는 url로 공유해도 같은 결과가 나오도록 query랑 매칭시켜주시면 좋습니다.
검색해서 없었을때 검색결과가 없습니다. 사용자에게 알림
투명한 부분에 회색 글씨가 잘 안 보이는 편입니다. + 카드가 없습니다는 가운데로 오게 하면 좋을 것 같습니다.
코드레벨
api - follow.js 전부 주석 이런 코드는 아예 삭제 시키는게 좋아보여요 → 히스토리에 남으니까 가감없이 의미 없는 주석은 제거하는 습관들입시다 + console.log 들
디버깅후 콘솔도 제거하는 습관들여주세요
api - header token 심는 부분이 중복되는데 token을 받으면 headers 옵션에 넣어주는 형태에 공통함수를 만들어주셔도 좋을 것 같습니다.
App에서 routes 별로 코드 분할도 한 번 알아두세요
이 글 바탕으로 react에서 data 가져오기 isLoading, isError, data 같은 상태를 가져와서 사용하도록 공통 hook을 만들어보시면 좋을 것 같습니다.
리드미 확 바뀌었네요 👍
보통 근데 오픈 소스 → 어떻게 실행할 수 있는지 정도는 추가하셔도 좋을 것 같네요 뭐
- yarn install, yarn start 정도지만
- 추가로는 기여, issue report 하는 방법도
다음 프로젝트때 알아보고 도입 고려해보실만한 것들
github action, typescript
react-query,`react-hook-form`, lodash 같은 도구들도 선택지로 알아보시면 좋을 것 같습니다. next.js ssr framework
해당 프로젝트로 더 도전해보실만한 것들
- pwa 입혀서 네이티브 경험 주기
- ts migration
- sentry(에러수집), amplitude, ga 같은 도구로 data 쌓기
- 라이트하우스 제안하는 항목들 개선해나가기
리액트 프로파일러나 , memo 를 이용하여 성능 최적화 꾀해보기
- react-bundle anylazer → https://satisfactoryplace.tistory.com/359
회고
성장을 위해서 프로젝트 회고 필수 !
프로젝트 관련 참고 글
일정산정 관련 및 프로젝트
공통
기술이나 UX 적으로, 팀 생산성, 협업능력 적으로 고민한 사례들을 어필해보면 좋을 것 같아요 👍
지은님 회고 글 리뷰
실제 서비스랑, 깃헙, 자료들 걸어두신 점 좋습니다 👍 ,
어플리케이션 소개 에 간단하게 메인 동작 예시로 .gif 하나 스크린샷 같은 것들 첨부해서 작성해주면 더 좋을 것 같네요
더보기 제목을 조금 더 어떻게 했는지 적절히 풀으셔도 좋을 것 같아요
ex) 적절한도구(githubproject, figma ,.,) 이슈기반으로 팀원들간의 빠르고 활발한 소통
도구 기술 철학 특히 어떤 점들이 좋았는지, 생산성에 도움이 되었는지 이런 부분은 언급해주시면 좋을 것 같습니다.
Try → 보다 문제에대한 구체적이고 직접적인 액션 플랜이 있으면 더 좋을 것 같습니다
ex) 설명회 시간을 가져서 서로에 작업들에 대한 이해를 피쳐개발 이후에 보완하는 시간을 가질 예정이다
- 어찌보면 프로텍션룰, 스토리북 주도 개발 어길 정도로 짧은 시간에 많은 일감 산정 자체가 어느정도 문제일 수도 있겠죠? → 조금 더 스펙을 구체적으로 및 여유있게 잘 산정해서 막아본다 ?
윤성님 회고 글 리뷰
- 팀 문화나 좋았던 부분 적은 글 좋아요 👍 실제 포플에서는 스크린샷으로 증거 자료들도 몇 개 첨부하면 더 좋을 것 같습니다 → KPT 좋습니다 → 기술적으로도 조금 더 도전해보고 싶은 액션도 적어보셔도 좋을 것 같네요
- 트러블 슈팅 관련 timer 관련 재사용성 있는 custom hook에 대한 고민도 해보셔도 좋을 것 같습니다.
- + 참고 react18 부터 지연평가를 해주는 api 인
useDeferredValue도한 번 살펴보시면 좋을 것 같네요
- 첨부로 남겨놓은 useMemo를 하기 전에 글도 살펴보시면 좋을 것 같습니다 👍
우제님 회고 글 리뷰
전역상태관리를 어떤 도구로 활용했는지, 왜 `
useLayoutEffect`로 문제를 해결하려고 하였는지 조금 더 구체적으로 → 원인 분석해서 시도한 내용, 그리고 다시 다른 시도를 한 내용들이 더 들어가면 좋을 것 같습니다 &&연산자와 setIsLoading 몇가지 구체적인 코드 레벨 예시를 보여주고 가능하면 동작의 변화도 기록하는 습관들이시면 좋습니다.
상기님 회고글 리뷰
상기님 회고록 → 일단 velog 같은 공개적인 장소에 남기는 것 좋아요 👍
- PR, Issue template을 깃헙에서 설정했다.
- 조금 더 자세하게 → 혹은 따로 챕터를 나눠서
- 그래서 issue나 PR template을 둬서 어떤 효과를 봤는지? 어떤 점이 아쉬웠고 더 개선을 점점 해내갔는지, 이런 부분들이 추가되면 좋을 것 같네요
- 실제 프로젝트 하면서 PR이나, 고민한 코드도 첨부하면 더 좋겠죠?
- 챕터 구분이 약간 모호한 것 같아요 나의 역할, 나의 성과
- 나의 역할쪽 팀 생산성에 대한 고민, 나의 성과는 실제 피쳐 개발관련 된 부분
정말 또 미뤄질 줄이야ㅜ 오늘에서야 리뷰 드리네요 🙏
너무 고생 많으셨습니다 달리팀 두달간도 화이팅해서 성장 많이 하시기를 ~~
사 랑 해 요 달 리 님 <3