코린이의 개발 일지

문제 상황 뉴스피드 무한스크롤이 게시물 페이지 들어갔다가 router.back으로 돌아오면 맨 위로 스크롤이 원상 복구되는 문제 사용자 경험 측면에서 상당히 불편한 문제라서 꼭 고치고 싶었다. 해결 방안 같은 팀원분이 이런식으로 해보는것이 어떻냐는 방법을 제시해 주셔서 그걸로 시도해봤다. 스크롤 y 위치와 , 불러온 전체 뉴스피드 목록 전역상태로 관리 뒤로가기 버튼 누를시, 전역 상태 불러와서 렌더링 뉴스피드는 현재 페이지네이션으로 동작한다 (usePaginator 훅이 pages(불러온 뉴스피드 목록)을 반환한다.) 처음 코드 export default function MainSection() { const scrollRef = useRef(); const [scroll, setScroll] = use..

Next.js란? 서버사이드 렌더링, 정적 웹 페이지 생성 등 리액트 기반 웹 애플리케이션 기능들을 가능하게 하는 Node.js위에서 빌드된 오픈소스 웹 개발 프레임워크 SSR을 이해해보자 우선 SSR을 이해해보자 SSR이란? 서버에서 사용자에게 보여줄 페이지를 모두 미리 구성한 뒤 페이지를 렌더링 하는 방식 SSR과 CSR의 차이점 리액트는 CSR 기반이고 Next는 SSR 기반이라는건 알겠는데, 그럼 정확히 동작이 어떤식으로 흘러간다는 걸까? 아래의 그림을 보면 좀 더 명확히 이해가 가능하다. 가장 주요한 차이점은 SSR의 경우 브라우저에 대한 서버의 응답이 렌더링할 준비가 된 페이지이고, CSR은 자바스크립트만 연결된 거의 빈 페이지를 응답으로 받는다. 즉 SSR은 자바스크립트가 다운로드되고 실행될..

중간 회고 말이 이상한데 마땅한 단어가 생각나지 않는다. 아무튼 팀프로젝트의 중반을 달리는 지금 느낀 점들 기록하는 글이다. 팀프로젝트 절반이 지났다. 소감은? 와 이제 부캠 3주밖에 안남았다. 절대 오지 않을 거 같던 12월이 벌써 코앞이다. 팀프로젝트 동안 힘든점도 많고 좋은 점도 많았다. 기록을 안해두면 면접때 까먹을거 같아서 적어본다. 느낀점 1. 기획은 정말 중요한 과정이다. 한주간 기획을 하면서 쉬지 않고 정말 열심히 했지만, 모두가 처음하는 팀플에 기획도 도중 한번 엎어서 제대로 결정된게 많지 않은? 기획이 나왔다. 그 결과로 이번주 개발 하면서 api 명세를 다시 작성하고, 뭐 필요하면 슬랙에서 얘기하는 방식으로 진행했다. UI도 제대로 논의되지 않아서 일단 피그마 대로 만들었는데, 변경된..

8주간에 학습 스플린트가 끝났다. 뭐했다고 벌써 8주가 지났지 했는데 지난 8주간 학습정리한 내용을 보니까 와 나 그래도 뭔가를 하긴 했구나 싶었다. 내일부터 팀프로젝트에 들어가는데, 그전에 반성의 시간을 좀 가져야 할거 같아 회고를 남겨보려고 한다. 마지막 프로젝트 총 4개의 프로젝트 중에서 마지막 프로젝트는 3주간 이어졌다. 길었던 만큼 아쉬웠던 점이 너무나 많다. 특히나 내 자신이 아주 게을러져버렸다. 이번 마지막 프로젝트는 게을러질만한 핑계가 아주 많았다. 학교 중간고사를 치러야했고, 컨퍼런스도 다녀왔고, 오랜만에 학교 동기들도 만나서 신나게 놀고 왔다. 부캠 내내 친구를 거의 안만나다가 오랜만에 만나니까 너무 재밌었다. 그래서인가 자꾸 놀고 싶더라 ㅎ 저런 일정들을 핑계로 공부를 더 더 안했다...