주간 회고 Liked 취업 시장에서 도입을 진행하고 있는 Next.js까지 학습했습니다. 복잡한 유스케이스에 맞게 활용하지 않았습니다. 하지만 내일부터 활용하기 시작할 것 같습니다. 조기에 팀편성을 받아 기획 방향을 일찍 정할 수 있게 되었습니다. 지난주에 설정한

상세페이지 코드입니다.서버랑 동기적으로 화면을 보여주기 위해 post 요청을 보내고 새로고침합니다.이렇게 작성할 것이면 그냥 SWR 사용하는게 좋은 것 같습니다.

지루하고 현타가 와서 시작한 것은 맞습니다.1달 동안 5명이 코드작성량이 많을 코드베이스를 리팩토링하고 코드 퀄리티를 높이는 하나의 좋은 수단이라고 합리화를 하고 수강했습니다.https://github.com/gopinav/React-Testing-Tutori

https://www.youtube.com/watch?v=d3cfV2Y0_p0마지막 장인 인증입니다. Next.js에게 인증이 무엇인지 볼 것입니다. 또 Next-auth 라이브러리를 배웁니다.다른 제공자와도 같이 사용하는 법을 응용할 수 있습니다.로그인 로그

Next.js 입문입니다.https://www.youtube.com/watch?v=9P8mASSREYMnext.js는 프로덕션을 위한 리액트프레임워크라고 정의합니다.웹앱을 리액트만으로 만들기에는 부족하다는 것을 알 수 있습니다. UI 즉 View를 만드는 책임

thunder client를 사용하는데 Json-server가 응답을 안합니다. https://github.com/rangav/thunder-client-support/issues/170https://stackoverflow.com/questions/

이번 프로젝트는 쉬어갔습니다. 지난주 금요일 이후 추석과 주말에 조금 쉬었습니다. 프로젝트는 미리 어느정도 해놨습니다. 파이널 프로젝트 진행 전에 체력적인 보충이 되었습니다.원하는 기술스택을 활용했다는 점이 좋았습니다. 코드 수명이 짧은 프로젝트에 tailwind로 빠

생각보다 그렇게 나쁜 것 같지 않습니다. 프로젝트에 read-only용 데이터를 JSON으로 넣었습니다.저 혼자 쓰려고 만들었지만 다른 팀원도 잘 써주었습니다. read-only data를 JSON에 넣어 놓고 공유하는 전략 나름 괜찮은 것 같습니다. 타입스크립트로 i

https://www.youtube.com/shorts/VNS6QTcDFQ0이런 커맨드를 발견했습니다.성능저하 문제가 상당히 컸습니다.https://velog.io/@zuyonze/%EC%9B%B9%EA%B3%BC-%EB%A9%80%ED%8B%B0%E

https://trendyol.github.io/react-carousel/docs/installation 이 라이브러리를 설치하고 버그가 발생했습니다. VScode에는 더이상 버그가 없었습니다.삭제 후 git clone하고 재설치해봤습니다. 소용없었습니다.원

원하는 기술스택으로 자유롭게 사용할 수 있게 되었습니다. 이제 활용하고 문제를 해결하고 공부만 하면 됩니다.파이널 프로젝트 직전에 활용해보려는 기술 스택들을 도입했습니다. 여기서 또 연습하고 다음 프로젝트에 또 사용하면서 완성도를 상당히 높일 수 있을 것 같습니다.잘하

팀원분들에게 매우감사합니다. 재미있는 개발 경험이 될 것 같습니다. 재미있고 생산적이고 쾌적하고 또 가치있는 개발이 될 것같습니다.어제 설정하면서 발생한 에러를 팀원이 해결해줬습니다. 감사합니다.이제 DB랑 통신은 천국입니다.

이렇게 해결합니다.https://www.youtube.com/watch?v=yqn9Fkv7f2Mprops를 넘기는데 제약을 걸어두는 방법입니다.지금 이런 코드가 있습니다.이렇게 하면 에러가 발생하지 않습니다. 하지만 의도랑 다르게 컴포넌트가 사용될 수 있습니다

https://www.youtube.com/watch?v=TiSGujM22OI타입스크립트를 위한 리액트 입문 튜토리얼입니다.타입스크립트를 오랬동안 사용하면서 개발 경험이 더 좋았습니다. 런타임 디버깅하는 시간도 줄였고 문서화와 자동완성, 리팩토링 편의성 등 다

서론 꿀빨고 싶어서 간단하기로 소문난 라이브러리로 todo app을 만들어 보겠습니다. 다 큰 어른인데 설치랑 폴더구조 각자 알아서 하시기 바랍니다(사실 작성하기 귀찮습니다). store 앱의 핵심이 되는 store입니다. 공식문서에서 권장하는 것은 slic

타입스크립트를 공부하기 시작하면 인간적으로 아래있는 것들은 무조건 알았으면 합니다. 어디가 사람취급 받거나 사람 비슷한 흉내라도 내고 싶으면 아래는 무조건 알아야 합니다.Typescript를 왜 사용해야하는 지 이해할 수 있다.Typescript와 Javascript의

https://github.com/total-typescript/beginners-typescript-tutorialhttps://www.totaltypescript.com/tutorials/beginners-typescript/implicit-any

prune 원격에 트레킹 안하는 브랜치를 삭제하는 명령입니다. 오늘 처음봤습니다. 진정한 낙관적 업데이트 https://tanstack.com/query/v4/docs/react/guides/optimistic-updates 낙관적 업데이트를 유스케이스를 소개

이렇게 하면 일단 통신이 성공합니다.

낙관적 업데이트 말고 난관적 업데이트를 구현했습니다.경고도 없습니다. 정상 구현했다는 착각을 갖는 것 같습니다.