본문 바로가기
728x90

전체 글71

2년차 주니어 프론트엔드 개발자의 회고록 벌써 2년차 개발자가 되다니..!2년차 프론트엔드 개발자가 된 기념(?) 으로나의 소감과 이전 회고록 이후에 어떤 업무를 했는지에 대해서 정리해 보려고 한다  - 나의 소감- 진행한 업무 나의 소감21년 12월 개발자로의 직무 전환을 결심한 후부터, 현재 24년 11월까지 약 3년.취업과 이직을 거쳐 실무 경험을 쌓은지 2년이 되었다! 개발자로서 일하는 것이 즐겁고 적성에 맞다고 느낀다.물론 이 생각은 중간 중간 바뀌기도 한다ㅎ (몰려온 업무, 결함, 부족한 지식 등으로 인해..) 올해 여름이 과도기였다.현재 회사에서 어느정도 적응이 끝나고 나니, 내가 과연 하루 하루 성장하고 있는 걸까 하는 의문이 들었다.주니어 개발자로서 성장하기 위해 열정적으로 매일 매일을 노력해야 하는데퇴근하고 운동하는 날이 아니.. 2024. 11. 12.
[프로그래머스] 수 조작하기 2 : JavaScript 📌 문제 📌 풀이function solution(numLog) { return numLog.reduce((acc, curr, i) => { if (i === 0) return acc; const diff = curr - numLog[i - 1]; if (diff === 1) { return acc + 'w'; } else if (diff === -1) { return acc + 's'; } else if (diff === 10) { return acc + 'd'; } else if (diff === -10) { return acc + 'a'; .. 2024. 11. 3.
[React-Query] useMutation 으로 CRUD 적용하기 (feat. 무한 스크롤) [ 게시판 프로젝트 ]Stack : Next.js (14 App Router - Client / Serverless API 직접 구현), MongoDBInfo : 기록하고 싶은 글을 자유롭게 남길 수 있는 게시판 서비스 목차useMutation 적용 이유useMutation 적용 예시 (feat. 북마크 기능)최종 구현 화면 📌 useMutation 적용 이유현재 게시판 프로젝트는 무한 스크롤 기능(React-Query 의 useInfiniteQuery)이 적용된 상태이다.사용자가 page=2, page=3.. 으로 게시글을 보고 있다가, 특정 동작(ex. 수정, 삭제)을 하면 데이터가 page=1 로 초기화 된다.이렇게 되면 이전에 보고 있던 데이터를 보고 싶으면 다시 불러와야 한다.이를 React-.. 2024. 9. 30.
[Next.js] 게시판 프로젝트에 무한 스크롤 적용하기 (+ React-Query, useInfiniteQuery) (feat. App Router ver.) [ 게시판 프로젝트 ]Stack : Next.js (14 App Router - Client / Serverless API 직접 구현), MongoDBInfo : 기록하고 싶은 글을 자유롭게 남길 수 있는 게시판 서비스 목차React-Query 적용 이유무한 스크롤 적용 (useInfiniteQuery + react-intersection-observer)최종 구현 화면 📌 React-Query 적용 이유게시판 프로젝트는 Next.js 14 App Router 를 사용하고 있다.기존에는 일부 클릭 이벤트 같은 client 동작이 있는 컴포넌트를 제외하곤 server component 에서 동작하였다.그러나 메인 페이지에 접속할 때마다 전체 게시글 데이터를 조회하는 것은 (데이터가 많아질 경우) 서버에 .. 2024. 9. 11.
728x90