들어가며프로젝트를 하다보니, API 요청 마다 fetch를 호출하다보면 BASE_URL을 적고 resposen.ok를 체크하고, fetch를 사용할때 필요한 response.json()을 반복적으로 호출해야 합니다. 반복적인 코드를 여러 곳에서 쓰다보면 BASE_URL이 변경될때 등 유지보수가 필요할 때 놓칠 수 있는 문제가 생깁니다.이를 한곳에서 관리하여 공통 로직을 작성하기 위해 Fetch wrapper 함수를 작성합니다. 1. GETconst BASE_URL = "https://jsonplaceholder.typicode.com/comments";export const api = { async get(url: string, params?: Record): Promise { const queryS..

들어가며TypeScript 기반의 빠른 풀스택 개발을 위해 NextJS 세팅 과정에서 다른 기술 스택을 정하는 과정입니다. 정해야 하는 부분이 상태관리, 서버 상태관리, 스타일링 파트였습니다. 상태관리 : ZustandZustand로 진행하여 보일러 플레이트 코드가 많은 Redux 보다는 빠른 개발이 가능하다고 생각했습니다. 서버 상태 관리 : tanstack query다음은 서버 상태 관리였는데, 가장 인기있고, Zustand와 호환성이 높은 Tanstack query를 통해서 클라이언트에서는 Zustand, 서버에서는 Tanstack query로 역할을 분리하기로 했습니다. 특히 NextJS 14의 App Router 를 지원하므로 Server components와의 호환성이 높다는 장점이 있습니다...

들어가며깃허브 organization에서 .github에서 이슈 템플릿을 적용하며 organization 전체 레포지토리에 해당 이슈 템플릿이 적용된다고 생각했습니다. 하지만 실제로는 전체 레포지토리에 적용되지 않았고, 이를 해결하는 과정입니다. 1. .github 레포지토리가 public 인가?public 이다 2. .github 폴더에 ISSUE_TEMPLATE 폴더와 PULL_REQUEST_TEMPLATE 이 모두 포함되어야 한다현재 .github 폴더 외부에 있던 ISSUE_TEMPLATE 폴더와 PULL_REQUEST_TEMPLATE을 안으로 넣었더니 해결했다.

📋 들어가며2025년 하반기 취업준비를 하면서 많은 면접 스터디를 진행했습니다. 프로젝트 기반, CS 스터디 등을 운영하며 노션으로 진행하던 스터디 방식에 불편함을 느꼈습니다. 이로 인해 나만의 맞춤 서비스를 개발해보자는 생각을 했습니다. 그 과정을 기록한 글의 첫 글입니다. 👀개발 배경1. 하나의 요약 노트를 만들고 싶다!!우선 저는 참여하는 스터디가 많았고, 이를 하나의 폴더에 정리하고 싶었습니다. 그러나 알고리즘, CS, 포트폴리오, 프론트엔드 스터디에서 배운 내용을 각각 정리하다 보니, 폴더가 분산이 되었습니다. 공부를 하다보면 아시겠지만, CS 스터디 중 네트워크에서 배운 내용이 다른 파트에서 나오기도 하고, 깊이 있는 꼬리질문을 받다보면 여러 카테고리를 넘나들며 개념을 이해해야 합니다. ..

들어가며방금 최종 탈락 메일을 받고 다음 취업 시즌에 도움이 될까, 내 터진 멘탈을 여기 회고록에 꾹꾹 정리해 놓고 다음 면접에 최선을 다하기 위해서 정리해본다. 1. 서류 10월 10일에 한솔 인티큐브 서류를 제출했습니다. 기억상 자기소개서 문항은 4개였고, 각각 모두 500자로 짧은 제한이 있었습니다. 문항 자체는 낯설지 않았지만, 다른 기업 대비 짧은 글자 수 제한으로, 어떤 내용을 추려서 담아야할지가 중요했습니다. 2. AI 면접10월 24일 서류 합격 메일이 왔습니다. 코딩 테스트 전형이 없고 바로 AI 면접이었습니다. 사실 면접만 있었는지, AI 역량 검사도 있었는지는 잘 기억이 안 나지만 기존 잡다에 제출된 문제 풀이 내용을 그대로 제출해왔기 때문에 AI 면접만 보면 되었습니다. ..

👉 PR 바로가기 👈 Fix: Code block overflow on mobile in N/M Base docs using responsive grid by arty0928 · Pull Request #476 · dev-five-git/devupResolves #475 Problem: Code block layout overflow on mobile devices in N/M Base documentation The code examples in the N/M Base documentation page were displayed using a fixed 2-column grid layout...github.com들어가며오픈소스 컨트리뷰션 아카데미에서 Table 반응형 좌우 스크롤 문제를 해결하는 ..