[Preterview] 3. FE 기술 스택 세팅 및 NextJS RSC 보안 이슈 보완하기
·
🧡 Projects/🎤Preterview
들어가며TypeScript 기반의 빠른 풀스택 개발을 위해 NextJS 세팅 과정에서 다른 기술 스택을 정하는 과정입니다. 정해야 하는 부분이 상태관리, 서버 상태관리, 스타일링 파트였습니다. 상태관리 : ZustandZustand로 진행하여 보일러 플레이트 코드가 많은 Redux 보다는 빠른 개발이 가능하다고 생각했습니다. 서버 상태 관리 : tanstack query다음은 서버 상태 관리였는데, 가장 인기있고, Zustand와 호환성이 높은 Tanstack query를 통해서 클라이언트에서는 Zustand, 서버에서는 Tanstack query로 역할을 분리하기로 했습니다. 특히 NextJS 14의 App Router 를 지원하므로 Server components와의 호환성이 높다는 장점이 있습니다...
[Preterview] 2. github organization에서 이슈 템플릿 미적용 문제 해결하기
·
🧡 Projects/🎤Preterview
들어가며깃허브 organization에서 .github에서 이슈 템플릿을 적용하며 organization 전체 레포지토리에 해당 이슈 템플릿이 적용된다고 생각했습니다. 하지만 실제로는 전체 레포지토리에 적용되지 않았고, 이를 해결하는 과정입니다. 1. .github 레포지토리가 public 인가?public 이다 2. .github 폴더에 ISSUE_TEMPLATE 폴더와 PULL_REQUEST_TEMPLATE 이 모두 포함되어야 한다현재 .github 폴더 외부에 있던 ISSUE_TEMPLATE 폴더와 PULL_REQUEST_TEMPLATE을 안으로 넣었더니 해결했다.
[Preterview] 1. MVP 기획 및 깃허브 세팅하기
·
🧡 Projects/🎤Preterview
📋 들어가며2025년 하반기 취업준비를 하면서 많은 면접 스터디를 진행했습니다. 프로젝트 기반, CS 스터디 등을 운영하며 노션으로 진행하던 스터디 방식에 불편함을 느꼈습니다. 이로 인해 나만의 맞춤 서비스를 개발해보자는 생각을 했습니다. 그 과정을 기록한 글의 첫 글입니다. 👀개발 배경1. 하나의 요약 노트를 만들고 싶다!!우선 저는 참여하는 스터디가 많았고, 이를 하나의 폴더에 정리하고 싶었습니다. 그러나 알고리즘, CS, 포트폴리오, 프론트엔드 스터디에서 배운 내용을 각각 정리하다 보니, 폴더가 분산이 되었습니다. 공부를 하다보면 아시겠지만, CS 스터디 중 네트워크에서 배운 내용이 다른 파트에서 나오기도 하고, 깊이 있는 꼬리질문을 받다보면 여러 카테고리를 넘나들며 개념을 이해해야 합니다. ..
2025 하반기 한솔인티큐브 Front-end 최종 임원 면접 탈락 후기
·
🟠 인생 계획
들어가며방금 최종 탈락 메일을 받고 다음 취업 시즌에 도움이 될까, 내 터진 멘탈을 여기 회고록에 꾹꾹 정리해 놓고 다음 면접에 최선을 다하기 위해서 정리해본다. 1. 서류 10월 10일에 한솔 인티큐브 서류를 제출했습니다. 기억상 자기소개서 문항은 4개였고, 각각 모두 500자로 짧은 제한이 있었습니다. 문항 자체는 낯설지 않았지만, 다른 기업 대비 짧은 글자 수 제한으로, 어떤 내용을 추려서 담아야할지가 중요했습니다. 2. AI 면접10월 24일 서류 합격 메일이 왔습니다. 코딩 테스트 전형이 없고 바로 AI 면접이었습니다. 사실 면접만 있었는지, AI 역량 검사도 있었는지는 잘 기억이 안 나지만 기존 잡다에 제출된 문제 풀이 내용을 그대로 제출해왔기 때문에 AI 면접만 보면 되었습니다. ..
[OSCCA] 4. devUP UI : MDX 코드 블록이 모바일에서 넘칠 때, 반응형 그리드로 해결하기
·
🧡 Projects/🧡 OSCCA 오픈소스 컨트리뷰션 아카데미
👉 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 반응형 좌우 스크롤 문제를 해결하는 ..
[OSCCA] 3. devUP UI : 코드블록 라이트모드 CSS 미적용 문제 해결기
·
🧡 Projects/🧡 OSCCA 오픈소스 컨트리뷰션 아카데미
👉 PR 바로가기 👈 Fix Table Component Scroll & Light Mode Color Issues by arty0928 · Pull Request #461 · dev-five-git/devup-uiResolves #460 Problem 1: Table not horizontally scrollable on mobile devices The props table in component documentation pages was not horizontally scrollable on mobile devices, causing content to...github.com 들어가며오픈소스 컨트리뷰션 아카데미 OSCCA 에 'devupUI : zero-runtime Css-in-JS Libra..