본문 바로가기
728x90
반응형

DEV/FE27

[npm deep dive] 2장 npm 기본기 다지기 - package.json과 npm 명령어 완전 정복들어가며새로운 회사에 입사하게 되면서 기본기를 다시 탄탄히 다져야겠다는 생각이 들었다. 그동안 개발을 하면서 당연하게 사용해왔던 도구들과 개념들을 다시 한번 차근차근 살펴보고 싶었고, 마침 좋은 책을 발견해서 읽고 있는데 바로 npm deep dive라는 책이다. 지난번 1장에서 Node.js의 기본 개념들을 정리했고, 이번에는 2장 내용을 정리해보려고 한다. 이번에 취업하게 되면서 팀에 배치를 받고 팀의 프로젝트 코드를 살펴보면서 이 책을 읽기 시작한 선택이 정말 잘한 일이었다는 생각이 더욱 강해지고 있다. 익숙하다고 생각했던 것들도 실제로는 모르는 부분이 많았다는 걸 깨닫고 있기 때문이다. 동기의 팁으로 프로젝트 package... 2025. 7. 26.
Next.js + MDX 블로그 만들기 - 1 1. 블로그를 만들어야겠다고 생각한 이유지금까지 기술을 정리하거나 회고를 할 때 노션을 주로 사용해왔지만,정리한 내용을 검색하기 어렵고, 다른 사람들과 공유하기도 애매했다.또, 최근에는 실무와 면접 준비 과정에서"내가 어떤 생각을 하고 어떻게 풀었는가”를 남겨두는 것이 중요하다는 걸 절실히 느꼈다.그래서 기록을 쌓을 수 있는 나만의 공간이 필요하다고 생각했다.물론 지금 글을 적고 있는 Tistory도 충분히 글을 풀어내는 데에는 좋은 공간이지만,직접 코드를 실행하고 보여줄 수 있는 공간으로써는 부족함을 많이 느꼈던 것 같다.그래서 실제로 코드를 실행하는 것까지 보여줄 수 있는 환경을 구축하기 위해블로그를 직접 만들어보기로 결정했다.같이 스터디를 했던 분들도 이런 고민에 대한 일환으로 블로그를 만들고 계셨.. 2025. 5. 31.
React Native + Expo로 ToDo 만들어보기 들어가며React Native와 Expo를 활용해 iOS에서 동작하는 간단한 ToDo 앱을 만들어보기로 했다. 평소에는 웹 개발을 주로 해왔기 때문에 네이티브 앱을 직접 만들어본 경험은 없었다. 그래서 이번엔 한 번 진짜 네이티브 구조를 직접 구현해 보자는 목표로 시작했다. 생각보다 빠르게 앱을 구성할 수 있었고, 그 과정에서 겪은 시행착오들을 글로 정리해 본다.왜 ToDo였을까?ToDo는 거의 모든 웹 개발 학습과 실무에서 기본이 되며, 동시에 확장성도 뛰어난 기능이다. CRUD(Create, Read, Update, Delete)의 기본적인 흐름을 전부 포함하고 있어서, 컴포넌트 구성, 상태 관리, 입력/출력/삭제 로직을 체계적으로 연습하기에 딱 좋은 구조다. 또한 이후 필터링, 정렬, 알림, 네트워.. 2025. 5. 24.
네이버 2025 공채 1차 면접까지 회고 들어가며작년 상반기는 인턴으로, 하반기는 네이버 부스트캠프 웹모바일 9기 과정으로 보냈다. 그때도 틈틈이 서류를 준비하긴 했지만, 이번 상반기만큼 본격적으로 취업 준비에 집중하진 못했던 것 같다.이번에는 그동안 쌓아온 경험과 성장을 바탕으로, 보다 전략적으로 그리고 가능한 많은 기업에 지원해 보려 노력했다. 그 과정에서 네이버 2025 신입 공채 1차 면접 기회를 얻을 수 있었고, 결과와는 별개로 이 과정에서 무엇을 준비했고 어떤 질문을 받았는지, 어떤 아쉬움과 배움을 얻었는지를 기록해두고 싶었다.마침 9기 캠퍼 분이 운영하시는 글쓰기 스터디에 참여하게 되면서, 글로 정리할 동기도 함께 얻을 수 있었다.이 글은 네이버 서류 작성부터 코딩 테스트, 그리고 1차 면접을 준비하고 응시한 과정을 돌아보며, 그 .. 2025. 5. 17.
Tanstack Table 쓰기 전에 공식문서 읽어보기(번역과 함께) 들어가며최근 취업을 준비하면서, 친구들과 함께 면접 질문을 아카이빙하고 관리할 수 있는 토이 프로젝트를 진행하고 있습니다.면접 준비 과정에서 자주 등장하는 질문들을 정리하고, 카테고리별로 분류하거나 검색할 수 있는 기능이 있으면 좋겠다는 아이디어에서 출발한 프로젝트입니다. 이 과정에서 질문 데이터를 테이블 형태로 보여줄 필요가 있었고, 어떤 테이블 라이브러리를 사용할지 고민하던 중 TanStack Table을 선택하게 되었습니다.기존에도 프로젝트에서 Shadcn UI를 사용하고 있었기 때문에, 같은 Headless UI 접근 방식을 유지하는 것이 좋겠다는 결론을 팀원들과 함께 내린 점도 선택에 큰 영향을 주었습니다.또, 향후 데이터 패칭이나 무한 스크롤 기능을 직접 구현해보고, 이후에 TanStack Q.. 2025. 4. 4.
[FE] 브라우저와 렌더링 들어가며웹 개발을 하면서 가장 많이 알아야 되지만 항상 미묘하게 알고 있었던 게 브라우저에 대한 내용인 것 같습니다. 스터디 준비하면서 한번 정리를 해둬야 겠다 싶어서 전체적인 내용을 짚어가면서 정리를 해보려고 합니다.1. 브라우저란?1.1. 브라우저의 탄생과 발전웹의 시작과 초창기 브라우저웹은 1990년 팀 버너스 리(Tim Berners-Lee) 박사에 의해 개발된 월드 와이드 웹(WWW)에서 시작되었습니다. 초창기 웹페이지는 단순한 정적 HTML 문서로 구성되었으며, 1993년 최초의 그래픽 기반 웹 브라우저인 모자이크(Mosaic)가 등장하면서 대중들이 웹을 쉽게 접할 수 있는 계기가 되었습니다. 이후 1994년 넷스케이프 내비게이터(Netscape Navigator)가 출시되면서 브라우저 기술이.. 2025. 2. 7.
728x90
반응형