본문 바로가기

분류 전체보기

(117)
2025년 상반기 개발자로서의 회고 안녕하세요!! 왕란입니다! 🐥 기술적인 글 쓰고 싶은 게 너무 많은데, 6월이 다 지나면 꼭 써보고 싶었던 회고에 대해서 작성하려고 합니다. 뭘 이뤄냈는지, 뭐가 달라졌는지 생각해 보고 스스로에게 더 자극을 주고, 하반기 회고할 때와 비교하며 앞으로 AI시대에 개발자로서 어떻게 해야 할지 분석하려는 목적으로 작성합니다!!개발을 한순간도 놓지 않기!이것을 어떻게 할까 다양한 고민을 했는데, 제가 했던것은!! 1일 1커밋 하기 입니다!! (A.K.A 잔디) 1월부터 6월말까지 딱 반년동안 6번 안 했군요. 색이 찐하지 않아서 별로안한거아니야? 라고 생각이 들 수 있지만, 11월에 찐했던 저 부분에 78 커밋 이렇게 해버리는 바람에 깃허브 잔디 특성상(상대적으로 잔디 색이 정해짐) 다른 부분이 연하게 나오..
프로젝트 프론트엔드 성능 개선 및 최근 일주일의 회고(바이브 코딩) 안녕하세요!!! 왕란입니다!! 포스팅이 늦었습니다. 지난주에 작성하다 급한 일이 생겨 임시저장으로 넘겨버렸습니다. 현충일에 바이브코딩을 Claude code로 처음 접해보고, 상당한 충격을 받아서 얼떨떨했던 것 같습니다. 오늘은 Claude code로 바이브코딩을 아주 "조금"만더 진행해 보고, 더해서 제가 일주일 동안 회사 근무를 하며 Claude code로 백엔드 개발도 해본 경험에 대한 이야기를 하려고 합니다. 오늘 포스팅에 들어가는 내용은 대부분 프론트엔드에 관련된 내용이며, 첨부될 코드에 관련된 부분은 모두 클로드가 독단적으로 진행한 부분이기 때문에 코드에 대한 리뷰는 하지 못할 것 같습니다. 웹 페이지 성능 개선우선 오늘은 지난번보다 메인페이지를 약간 더 개선할 생각이었습니다. 자잘한 텍스..
바이브코딩으로 프로젝트 개선해보기...(위기감지) 안녕하세요 왕란입니다!!! 이번 포스팅은 바이브코딩으로 제가 진행하던 프로젝트의 프론트엔드 부분을 개선하는 작업을 하려고 합니다. 이번에 코드에 관련된 내용은 딱히 말할 게 없을 것 같아요.... AI 녀석이 저보고 저리 가라 그러고 지 알아서 다 하더군요. 개발자로서 엄청난 위기감을 느끼게 되었습니다. 지난번 백엔드와 프론트엔드의 협업에 대한 내용을 다룬 포스팅에서 바이브코딩이라는 말을 처음 언급했는데 사실 그때 한 건 바이브 코딩도 아니라는 생각이 들었습니다.. 그냥 GPT 참고정도...? 바이브코딩은 다들 이젠 아실 것 같지만, AI와 사람이 협업하여 코드작성을 하는 작업을 의미합니다. 근데 오늘한 코드작업은 협업이 아니라 명령 수행 을 하는과정이었던 것 같고, 저는 코드를 단 한 줄도 보지 않아..
따라만 하면되는 구글 로그인 프로젝트에 적용하기!! 안녕하세요. 왕란입니다!! 오늘은 진행 중인 프로젝트에 구글 로그인 기능을 넣는 과정을 다뤄보려고 합니다! 구글 계정은 거의 전 세계적으로 사용되고 있고, 인증도 깔끔하며 로그인 관련 API를 제공하고 있기 때문에 프로젝트에 적용하기 매우 간편하고 쉽습니다. 그리고 회원가입 -> 로그인 과정을 거치는 것 대신에, 구글 인증 사이트를 통해 회원가입과 로그인을 통합적으로 가능하기 때문에 사용자 경험적인 측면에서도 뛰어나고 좋습니다. 아래 단계를 하나씩 따라해보시면 아주아주 쉽게 구글 로그인을 구현하실 수 있을 거예요!!그럼 바로 적용해보도록 할까요!? Google OAuth 클라이언트 등록하기가장 처음 할 일은 Google Cloud Console에 접속하여 새 프로젝트를 생성하는 것입니다.첫 페이지입니다...
도커로 프로젝트 구동하기(ft. Redis-Cluster) 안녕하세요 왕란입니다!!! 벌써 5월 한 달도 다 지나가고 슬슬 여름이 다가오고 있는 것 같아요! 이럴 땐 집에서 선풍기 쐬며 코드작성하는 게 가장 좋은 것 같습니다 ㅎㅎ😋 이번에 작성하려는 내용은, 제가 개발하고 있는 프로젝트에 도커를 적용하여 프로젝트에 필요한 요소들을 실행시켜보려고 합니다!! 프로젝트를 개발하다보면 개발환경이 달라서 프로젝트를 빌드하고 개발이나 테스트에 불편함을 겪어보신 적 있을 것입니다. 이걸 도커를 통해 컨테이너로 관리하면 매우 편리하게 프로젝트를 일정한 환경에서 개발할 수 있어서 좋은 것 같습니다. 그럼 시작하겠습니다!! 🐋 도커가 뭐지?기존의 프로젝트에서는 IDE에서 구동하면 운영체제 단에서 제가 실행시킨 프로젝트를 하나의 프로세스로 분류하여 동작하게 합니다. 간단한 ..
[트러블 슈팅] 인기게시글 Cache, DB접근 줄이기 ver.2 안녕하세요!! 왕란입니다~!!! 오늘은 2주 만에 포스팅을 하는군요.. 가능한 일주일에 1회 이상 포스팅 하고 싶었는데, 평일에는 회사 + 주말에는 개인개발을 하다 보니 주말 이틀 중 하루는 개발, 하루는 블로그 포스팅 이렇게 하고 있는 상황입니다..하지만 주말 중 하루라도 놀아버리면 포스팅이 힘들어지네요 ㅠㅠ 개발도 즐겁지만 기념일도 즐거운 것이니 이번만 용서해주십쇼!!! 그래도 기념일 아침에도 가볍게 프로젝트를 개선해 보았습니다. 지난주 주말의 수정 사항과 이번 주 새로운 수정사항을 가볍게 포스팅해 보겠습니다!Redis 서버에 자주 조회되는 게시글 등록하기(feat. 인기 게시글)지금 제가 개발한 블로그의 메인페이지에서는 게시판의 게시글들이 노출되고 있습니다. 사용자가 게시글을 클릭할 때마다, 게시글..
[트러블 슈팅]백엔드개발자가 프론트엔드와 협업하기 안녕하세요 개발자 왕라니입니당!! 백엔드 개발자가 되기 위해 열심히 공부하는 주니어 개발자분들 많으실 거라고 생각합니다! 백엔드에서 API 개발하면서 다들 다음 같은 생각 하셨을 것 같습니다.음.. 응답 Json으로 이 정도 필드들이면 되겠지...? 에이 이런 간단한 계산은 프론트가 하겠지 ㅋ 혹시 저만 이런 생각했던 걸까요? ㅎㅎ.. 백엔드 개발자 꿈나무만 60명 정도 모여서 학습을 하던 부트캠프 시절에선, 짧은 기간 안에 간단한 프로젝트를 하나씩 개발해내야 하다 보니 얼른 API 하나씩 완성하고 서버 측에서 안정적인지 확인하는 것에 초점을 맞추기 때문에 FE와의 협업을 생각해 본 적이 없던 것 같습니다. 개발자가 반드시 가져야 하는 소양인 "협업능력"이 중요하다는 것은 모든 개발자들이 알고 있을 겁..
[트러블 슈팅] 인증/인가 캐싱처리로 DB접근 줄이기 안녕하세요 왕라니입니다! 오늘은 어린이날이라 월요일인데 즐거운 휴무입니다! 몸 컨디션도 좋지않고 날도 흐린 휴일인데 집에서 개발하면서 스트레스를 풀기 좋은날인것 같습니다..🤣 토요일부터 집에서 유튜브보면서 개발만 하고있는데 생업과 취미가 같은건 좋은일인것 같습니다. 아무튼 각설하고 오늘 해보려고 하는건 Spring Security 를 사용하여 인증/인가를 진행하고 있는 프로젝트의 UserDetails 의 정보를 캐싱처리하여 DB에 접근하는 횟수를 줄이는것을 목표로 하는 것입니다.(일단 배포하는 서버가 아니기에 Hibernate 통계를 보는 내용도 추가하여 개선이 되는지도 확인을 해보았습니다!) 문제인식지난 포스팅에서 API 요청을 보내는데 한번에 세개의 쿼리를 보내는 재밌는(?) 현상이 발견되었습니다..