구버전/항해 99
-
[Seoulvival] Trouble shooting구버전/항해 99 2023. 9. 14. 13:41
문제점 부연설명 해결방법 middleware에서 cookies().set() 이나 기타 비동기 함수의 사용 가능 여부 cookies() 의 경우 route 와 server 내에서 사용 가능하며 middleware에서 비동기 함수를 사용했을 때 비동기처리가 끝나기 전에 강제로 종료가 되는 듯한 모습을 보였다 middleware에서 토큰을 통해 사용자 구별을 하려했지만 server-component나 app-route 부분에서 처리하기로 하였다 좋아요 버튼과 ref를 사용한 입력창 props로 내리기에는 보기가 싫어서 전역적으로 ref를 관리해서 사용하면 어떨까라는 생각을 하게 되었다. 근데 ref객체 자체를 담아보니 답이 없이 에러가 뜨면서 current는 readonly니깐 변경하지말라는 에러가 뜬다 r..
-
[Seoulvival] 전체 회고록구버전/항해 99 2023. 9. 12. 15:48
항해99 실전프로젝트를 하면서 느꼈던 점을 종합적으로 정리를 해보았다 원래 하루하루기록했더라면 좋았겠지만.. 너무 바쁘고 지쳐있다보니 다 끝나고 하게 된 점이 너무나 아쉽다 프로젝트 기획 프로젝트 기획단계에서 조금 아쉬움이 많이 남는다 그에 따라 정리를 해보았는데 3가지 정도 아쉬움이 있고 이에따라서 추후에 어떻게 해야할지 기술해보았다. 1. 프로젝트 기획 기획단계에 있어서 조금에 문제가 있어 중간 MVP check 시간 3일전에 기획이 수정되는 일이 있었다. 이에 따라서 조금씩 일정이 밀리게 되어 결국 시간에 쫒기듯이 프로젝트를 마감했다는 느낌이 있다. 사전 기획단계에서의 의견 조율이나 또는 확고하게 선정되지 못한 이유 중 가장 큰 것을 꼽자면 너무 욕심이 많았다고 생각이 된다. 프로젝트를 기획하는 단..
-
[Seoulvival] DetailPage - 좋아요구버전/항해 99 2023. 9. 11. 17:25
[고민한 내용] 정적인 데이터와 동적인 데이터를 어떻게 받아오고 구성을 해야할까? 인풋을 이용해서 다양한 작업(댓글에 관련된 CU 작업) 어떻게 하면 재사용을 많이하면서 구성을 할 수 있을까? 정적인 데이터와 동적인 데이터의 구분 next.js를 통해서 구현을 하기때문에 컴포넌트 별 SSR과 CSR을 얼마나 잘 사용하는지에 따라서 랜더링 시간이나 유저의 UX가 많이 달라질 것이라고 생각이 되었다. 대부분의 유저의 인터렉션에 동적으로 반응해야 할 부분을 구분을 하고 그 중에서 좋아요, 스크랩, 그리고 댓글 부분에 대해서 동적으로 구현을 해야겠다고 생각을 하였다. 1. 처음 fetch를 통해서 가져온 값에 대해서 revalidation을 적용해서 실행을 해보았는데 cache된 데이터가 제대로 최신화가 되지 ..
-
[기술면접] 3. 전역상태관리 라이브러리의 비교구버전/항해 99 2023. 8. 6. 01:48
상태관리 라이브러리 종류 Redux 현재 가장 많이 사용되는 전역상태관리 라이브러리 단방향의 구조를 이루고 있으며 사용자의 action이 dispatch 함수를 통해서 Dispatcher에 전달이 되고 이는 reducer를 통해서 CRUD(?) 되어 Store에 저장이 된다. 이후 selector를 통해서 View에 나타낼 수 있으며 View에서 사용자의 action에 의해서 순환되는 구조를 가진다 ▣ 기타 특징 Store에 모든 상태를 저장하는 중앙집중 방식 불변성을 유지하면서 상태변화를 관리해야 함 보일러플레이트 코드가 크다 (단점) 비동기 처리 시 saga , thunk 와 같은 별도의 라이브러리 필요 (단점) 오직 하나의 Strore만 가지며, 하나의 객체 트리를 사용해 디버깅 용이 (장점) 오직..