일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 리스티웨이브
- 오블완
- components as formulas
- 프리렌더링
- 스프린트 여정 마침
- 리액트 19 useref
- express로 채팅 기능 구현하기
- http.createserver
- css module classNames
- type reference cannot be named error
- trigger additional callbacks
- 티스토리챌린지
- React
- app.listen
- inferred type error
- node.js(express) + ws(websocket) + react
- dynamic metadata
- useimperativehandle 사용할때
- pure functions
- CSS module 장점
- 회고
- 특정 dom node만 노출시키고 싶을 때
- next.js
- useref 타입
- 이미지 업로드 과정
- 리액트로 채팅 기능 구현하기
- useimperativehandle 사용법
- 코드잇 스프린트 FE 1기
- express react
- usemutation custom hook
- Today
- Total
목록React (2)
Life is connecting the dots .

지난 프로젝트를 진행하면서 Next.js에 기본값으로 StrictMode 값이 true로 설정되어 있어서 버그를 발견하고 예방할 수 있었다. 그때의 상황을 대략 설명하자면 컴포넌트 안에서 useEffect를 실행했었고, useEffect의 콜백함수로 API를 호출하는 중이었다. 단순히 데이터를 불러오는 API라면 여러 번 호출해도 이상 없겠지만, 해당 API는 로그인 인증 관련된 부분이어서 동일한 데이터를 두 번 호출했기 때문에 에러가 발생하는 상황이었다. 결론적으로 컴포넌트가 다시 마운트 될 때, 이전 API요청을 취소하는 방법으로 해결했고, 개발환경에서만 React StrictMode가 동작하므로 배포환경에서는 문제가 안 되는 것을 확인했지만 혹시 모를 상황에 대비하여 코드를 제대로 작성할 수 있었다..

3월 6일부터 시작해서 2달 동안 React와 Next.js를 공부하고, 5월부터 시작한 첫 프로젝트를 마침내 완료했다!! 5월 1일부터 시작해서 26일까지 딱 4주만에 기획부터 코딩, 마지막 서비스 문서작성까지 기간 안에 프로젝트를 완성할 수 있어서 유종의 미를 거둘수 있었다. 코드캠프x인프런에서 만든 온라인 부트캠프에서 처음 만나서 각자 다른 지역에 살고 있기에 팀원분들과 처음부터 끝까지 온라인으로 소통할 수 밖에 없었지만, 오히려 활발한 소통이 이루어졌고 덕분에 시간분배를 더 효율적으로 하여 무사히 마칠 수 있었다. 이 포스팅에서는 우리가 만든 첫 프로젝트가 어떤 서비스인지에 대한 소개와 기획의도, 진행 과정과 아쉬운 부분 등을 소개 해 보려고 한다. 🔸YouTube 발표 영상🔸 영상 URL : h..