최신 글
-
후기
마지막 글또, 마지막 글 제출
글또 10기를 시작한 지 엊그제 같은데 벌써 마지막 글 제출날이 다가왔다. 과거의 나는 글쓰기에 부담을 느꼈고, 특히나 기술 블로그라는 주제는 더더욱 부담감을 느꼈었다.그런 마음으로 글또 10기의 OT를 들었는데 성윤님과 글또분들의 북적북적 화기애애한 분위기가 정말 좋았다.나도 여기에 자연스레 스며들고 싶다는 생각을 OT 내내 했었다. 그리고 그때 세웠던 나의 다짐(2024.09.30 - [일기] - 글또 10기 시작!) 나의 다짐 1. (글또 Action Item) 마감일보다 더 빠른 인생 살아보기2. (글또 Action Item) 퀄리티가 좋지 않아도 작성하고 계속 수정하기 - 9월 30일에 작성한 글을 아직도 제출하지 않고 수정 중인 나... 이미 실행 중 일지도..3. 프로젝트를 진행하면서 ..
-
후기
코드트리 두 달 체험 후기
이 포스팅은 코드트리 x 글또 블로그 챌린지 2기를 통해 코드트리 체험권을 받아 작성한 후기입니다. Gap Check 기능 소개코드트리가 오랜 연구 끝에 'Gap Check'라는 기능을 새롭게 런칭했습니다.이 기능은 사용자에게 코딩 테스트에서 현재 부족한 부분이 무엇인지, 어떤 영역을 더 집중적으로 공부해야 하는지 알려주며 정확한 실력을 진단해 줍니다. 또한, 다른 플랫폼을 통해 코딩 테스트를 풀었더라도 코드트리로 옮겨오면 그에 맞는 수준의 문제가 출제된다고 합니다. 'Gap Check'는 '적응형 시험 시스템'을 활용하여 첫 문제 이후에는 사용자의 풀이 속도와 정확도를 기반으로 최적화된 문제를 제안합니다. 이를 통해 사용자는 자신의 진짜 실력을 파악할 수 있습니다.모든 진단이 끝나면 약점이 담긴 보고..
-
개념 정리
React와 Next.js로 알아보는 CSR과 SSR
이전에 React 프로젝트를 블로그를 개발하다가 기능을 더 확장시켜 다른 프로젝트로 변경하게 되어 개발을 멈추게 된 적이 있습니다. 멈추게 된 김에 이 React 프로젝트를 Next.js로 바꾸면서 간단하게 CSR과 SSR의 차이를 비교해 보았던 경험을 이야기하고자 합니다. 또한 개인 프로젝트 몇 개가 '실은 SSR이 더 적합한 사이트일 수도 있지 않을까?'라는 생각이 들게 되었고 그 차이에 대해 이번 기회에 알아보는 게 좋을 것 같다는 생각이 들었습니다. 물론 React로 SSR 구현이 가능하고, Next.js로도 CSR 구현이 가능합니다만, 간략하게나마 그 차이를 알아보고 싶어 작성하게 되었습니다. 🔍 CSR과 SSR의 이해1. CSR(Client Side Rendering)서버에서 빈 페이지를 최..
-
후기
코드트리 한 달 체험 후기
이 포스팅은 코드트리 x 글또 블로그 챌린지 2기를 통해 코드트리 체험권을 받아 작성한 후기입니다. 코드트리를 알게 된 계기글또 10기 슬랙 질문하기에서 "이번 기수는 코드트리 이벤트가 없을까요?"라는 글을 종종 보게 되었습니다. 그때는 코드트리가 뭐길래 이런 글이 종종 올라오는 걸까?라는 생각을 하게 되었고, 이를 통해 코드트리가 코딩 테스트 학습 플랫폼이라는 것을 알게 되었습니다. 당시 저는 백준과 프로그래머스로 코딩 테스트를 가끔 풀고 있었지만, 실력이 늘고 있다는 느낌을 받지 못했습니다.그래도 무료로 코딩 테스트를 제공해 주는 곳이 있으니까라는 생각에 코드트리를 따로 결제해서 사용해 볼 생각은 하지 못했습니다. 어느 날 드디어 코드트리와 글또 블로그 챌린지 2기를 모집한다는 글을 보게 되었고 부랴..
-
트러블슈팅
Notice와 WOD 메뉴의 공통 컴포넌트화 과정에서의 TanStack Query
📝 배경wodLog 프로젝트에서 Notice와 WOD(WorkOut of the Day) 메뉴는 동일한 CRUD 기능을 가지고 있어 코드 중복이 존재했습니다. React를 사용하고 있으므로 코드의 재사용성 및 유지보수 편의성 향상을 위해 공통 컴포넌트로 구현을 생각하게 되었고 그때 겪었던 TanStack Query의 `useQuery`, `useSuspenseQuery`에 대해 작성해 보려 합니다. 각 메뉴들의 동일한 CRUD 기능을 props로 `ContentType`을 통한 동적 쿼리 처리로 새로운 게시판 기능 추가 시 쉽게 확장 가능하게 개발해야겠다는 생각을 하게 되었습니다. 단순히 공통 컴포넌트 개발 후 각각의 메뉴에 진입하여 사용하기만 하면 이상이 없겠지만 제가 개발한 홈페이지는 웹 사이트의 ..
-
트러블슈팅
"어제보다 더 춥다고?": 6개의 API를 사용한 날씨 비교 서비스 개발기
🎯 프로젝트 소개대부분의 날씨 정보 서비스들은 현재와 미래의 날씨 정보만을 직관적으로 제공하며, 과거의 날씨는 '지나간 정보'라는 이유로 제공하지 않거나 추가 클릭을 통해서만 확인할 수 있습니다. 하지만 우리는 어제 경험한 날씨를 통해 오늘의 체감 온도를 더 정확하게 예측할 수 있습니다. "어제보다 더 춥다" 또는 "어제보다 덜 덥다"와 같은 비교는 일상생활에서 매우 유용하게 활용됩니다. 이러한 사용자 경험을 바탕으로, 어제-오늘-내일의 날씨를 최고/최저 온도로 한눈에 비교할 수 있는 서비스를 기획하게 되었습니다. 🔄 프로젝트 발전 과정초기 개발 (2023년)2023년도의 저에게 이 프로젝트는 매우 도전적이었습니다. TypeScript와 WebPack을 처음 배우면서 시작한 프로젝트였기 때문입니다...
-
트러블슈팅
크로스핏의 다양한 기록 정렬: 17:17과 3R+12, 누가 더 잘한 걸까?
크로스핏 박스 전용 웹 사이트 'wodLog'를 개발하면서 가장 흥미로웠던 것은 '다양한 기록 측정 방식에 따른 순위 정렬 구현'이었습니다. 이 글에서는 복잡한 정렬 요구사항을 어떻게 해결했는지, 그 과정에서 발생한 문제들과 최적화 과정을 공유하고자 합니다. 우선 크로스핏에 대해서 아주 간략히 말씀드리자면, 크로스핏에서 경쟁은 빼놓을 수 없는 요소이며, 이는 기록을 통해 순위가 결정됩니다. 프로젝트 기획 전, 10개의 크로스핏 웹 사이트를 조사해 보니 8개가 네이버 카페로 운영되고 있는 것을 확인하였습니다. 이는 크로스핏 전용 사이트가 아니다 보니 여러 불편함이 있었습니다.기록이 단순 사진으로만 등록되어 순위 파악이 어려움사진이 잘려서 올라가는 경우가 존재필체가 알아보기 힘든 경우가 존재이런 문제들을 해..
-
일기
2024년 후기(회고)
연간 회고를 작성해 본 적이 없어서인지 아니면 지나간 2024년을 제대로 마주할 용기가 없었던 것인지 회고를 작성하다가도 정신 차리고 보면 다른 주제를 생각하거나 프로젝트 리팩토링을 하는 등 다른 작업을 하고 있었다. 하지만 2024년 글또 활동의 마지막 글은 회고로 하는 게 좋을 것 같아서 그리고 회고를 해야 다가오는 2025년은 후회 없이 더 잘 맞이할 수 있을 것 같아서 다시 마음을 바로 잡았다. 2024년의 나는 여전히 회사 지원하기가 두렵다.공부를 하면 할수록 스스로 부족하다는 생각만 계속 들어서 이 정도로 지원해도 되는 걸까? 만약에 운이 정말 좋게 서류에서 붙는다고 해도 면접이 자신 없기에 아까운 기회만 날리는 게 아닐까라는 생각만 계속했다. 이렇게 지원하기가 두려우니 오히려 여러 스터디를 ..