yooputer's devlog

세번째 회사에 입사한지 2주가 지났다. 나는 인서울 컴퓨터공학과 졸업 두달전 취업하여현재는 만 2년 조금 넘게 개발자로 일하고 있다. 1년 4개월 일하고 이직. 8개월 일하고 이직. 누가봐도 상습이직범이다ㅎㅎㅎ 이번 포스팅에서는 내가 이직을 한 이유와 이직 과정에 대해 정리해보려고 한다. 첫번째 회사 - W사이 회사는 내가 서류를 넣었던 회사 중 유일하게 면접 제안이 온 회사였고면접에서 지원동기에 대한 답변으로 '신입을 뽑길래'라고 말한 나를 뽑아준 회사다. (첫면접이라 준비가 좀 미흡했다...하하 )아마 전공자, 높은 성적, 교내대회 대상, 정처기 뭐 이런 것들을 보고 뽑아준 듯 하다. 프로젝트를 할 때 항상 JPA만 써와서 쿼리도 제대로 못짜고과제를 해야하는데 퍼블리싱에 대한 지식이 없어주말에 도..

주절주절 2025. 8. 8. 22:58

https://my-portfolio-nextjs-lemon.vercel.app/ Kim Yoojin PortfolioBuilt with Next.js, Tailwind CSS and shadcn/ui, Notion API. Deployed with Vercel. Contact Email : yooputer@gmail.commy-portfolio-nextjs-lemon.vercel.app 최근에 Next.js와 노션 API를 사용하여 개발자 포트폴리오를 구축하였다. 그리고 배포를 했는데, 메인, 프로젝트 목록, 스킬 페이지는 내용이 바로바로 뜨는데프로젝트 상세 페이지에만 접속하면 유독 페이지가 늦게 떴다. (진짜 느릴 때는 20초정도?) 그래서 아니 늦게뜰꺼면 다 늦게 뜨고, 빨리 뜰꺼면 다 빨리 뜰 것..

Project/포트폴리오(NextJS + Notion API) 2025. 7. 16. 16:40

최근에 OpenAI API를 사용해보게 되었는데, 앞으로 진행하게될 프로젝트에 굉장히 유용하게 사용할 수 있을 거 같아 NextJS에서 OpenAI API를 연동하고 활용하여간단한 문장요약 사이트를 만드는 과정에 대해 기록해보고자 한다. Setup NextJS 프로젝트 생성우선 아래와같이 NextJS 프로젝트를 생성하였다. npx create-next-app@latest text-summary-demo npm install아래와 같이 이후 개발에 필요한 라이브러리를 설치한다. npm install openainpm install react-query@latest --legacy-peer-depsnpx shadcn@latest add buttonnpx shadcn@latest add formnpx shad..

Development Study/AI 개발 활용기 2025. 7. 3. 16:23

Next.js에서 Clerk을 사용하여 사용자 인증을 구현하였는데, 어느순간보니 아래와 같은 로그가 다다다 올라오고 계속 sign-in 페이지로 리다이렉트되는 현상이 발생했다. JWT issued at date claim (iat) is in the future. Issued at date: Tue, 01 Jul 2025 00:10:22 GMT; Current date: Tue, 01 Jul 2025 00:10:12 GMT; (reason=token-iat-in-the-future, token-carrier=cookie)Clerk: Refreshing the session token resulted in an infinite redirect loop. This usually means that your ..

Project/etc. 2025. 7. 1. 11:01

최근에 듣고있는 강의에서 무한 스크롤에 대해 배웠는데, 코드가 너무 쌈뽕해서 별도의 포스팅으로 기록하고 싶었다. Next.js 15로 완성하는 실전 YouTube 클론 개발 강의 | antonio - 인프런antonio | 이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용,www.inflearn.com 강의에서는 tRPC 기반 API를 사용하여 trpc의 useSuspenseInfiniteQuery를 사용하였는데대부분의 프로젝트는 rest api를 사용하기 때문에 이번 포스팅에서는 rest api와 useInfiniteQuery을 사용하여 무한스크롤을 ..

Development Study/프론트엔드 2025. 6. 25. 16:58

요즘 React.js와 Next.js를 공부하고 있다. 이번에 무한 스크롤에 대해 배우게 되었는데, 간단한 demo 프로젝트를 만들어서 복습해보려 했다. 이때 목록을 조회하는 api가 필요했는데, 내가 실무에서 주로 사용하는 기술인 SpringBoot로 빠르게 만들 수 있었다. 근데 이번에는 인공지능을 사용해 api를 만들어보고 싶어IntelliJ에 Claude를 붙여 프롬프팅으로만 api 서버를 구현해보았다. Java/SpringBoot/Jpa/PostgreSQL 환경에서 Claude에 IntelliJ를 연결해 api 서버를 구현한 과정을 정리해보려 한다. Project SetupDB 생성학습을 위한 간단한 토이프로젝트이기 때문에 로컬에서 도커로 PostgreSQL 컨테이너를 실행시켜 DB 서버를 구..

Development Study/AI 개발 활용기 2025. 6. 25. 13:33

최근에 개발자가 된지 만 2년이 되어 경력기술서를 업데이트하게 되었다. 근데 작성하다보니 성과에 대한 정량적인 데이터가 매우 부족하다는 것을 깨달았다. 여태까지 성능을 측정하고 개선하는 것이 아닌 그저 기능 구현에 초점을 맞춰왔던 것이다. 개발자로서의 가치를 높이기 위해서는 그저 기능 구현만 하는 것이 아닌, 내가 만든 기능을 어떻게 안정적이고 빠르게 동작할 수 있도록 만들 수 있는지에 대해 고민하여야 한다. 그리고 이러한 고민은 정량적인 수치를 바탕으로 이루어져야 한다. 그래서 이번 포스팅에서는 백엔드 개발자로서 어떤 것에 집중하여야 하고어떻게 백엔드 서버의 성능을 측정할 수 있는가에 대해 정리해보려 한다. 백엔드 서버의 주요 목표백엔드 서버는 클라이언트의 요청에 따라 비즈니스 로직을 처리하고보이지..

Development Study/대용량 트래픽 처리 2025. 6. 23. 15:20

최근에 간단한 프로젝트를 진행하면서 페이지가 하나인 NextJS 서버를 배포하게 되었다. NextJS 서버 이외에도 ExpressJS 서버와 DB서버도 배포해야했으므로 도커 허브에 이미지를 업로드한 후 원격서버에서 풀 받아서 docker-compose를 실행시키기로 했다. 근데 push가 너무 느렸다! 한시간정도? 그래서 확인해보니 NextJS의 이미지 크기가 무려 1.08GB였다. 멀티스테이징 방식으로 이미지를 생성하면 크기가 좀 줄어들겠지 했는데여전히 1GB였다. 그래서 NextJS 이미지 경량화에 대해 찾아본 후 standalone라는 빌드 옵션을 이용하여 이미지를 경량화하는 방법을 알게 되었다. 그래서 이번 포스팅에서는 이 방법을 적용하는 방법에 대해 정리해보려 한다. standalone 이..

Development Study/도커 2025. 6. 23. 11:15