DEV_JACKY

인기글

• 

  네이버 2025 공채 1차 면접까지 회고 들어가며작년 상반기는 인턴으로, 하반기는 네이버 부스트캠프 웹모바일 9기 과정으로 보냈다. 그때도 틈틈이 서류를 준비하긴 했지만, 이번 상반기만큼 본격적으로 취업 준비에 집중하진 못했던 것 같다.이번에는 그동안 쌓아온 경험과 성장을 바탕으로, 보다 전략적으로 그리고 가능한 많은 기업에 지원해 보려 노력했다. 그 과정에서 네이버 2025 신입 공채 1차 면접 기회를 얻을 수 있었고, 결과와는 별개로 이 과정에서 무엇을 준비했고 어떤 질문을 받았는지, 어떤 아쉬움과 배움을 얻었는지를 기록해두고 싶었다.마침 9기 캠퍼 분이 운영하시는 글쓰기 스터디에 참여하게 되면서, 글로 정리할 동기도 함께 얻을 수 있었다.이 글은 네이버 서류 작성부터 코딩 테스트, 그리고 1차 면접을 준비하고 응시한 과정을 돌아보며, 그 .. 댓글 2 2025.05.17

• 

  [Mac OS] 'Docker'은(는) 사용자의 컴퓨터를 손상시킵니다 해결하기 들어가며평소와 같이 아침에 일어나서 맥북을 켰는데 갑자기 에러 메세지가 아래와 같이 발생했습니다.‘Docker’은(는) 사용자의 컴퓨터를 손상시킵니다. 해당 항목을 휴지통으로 이동해야 합니다.Docker를 키지도 않았는데 갑자기 뜬 에러 메세지를 보고 이게 뭐지 싶어서 구글링을 해봤는데 관련된 내용이 좀 있어서 보고 해결한 내용을 간단하게 정리해봤습니다.발생 원인도커 공식 문서와 관련해서 작성된 글들을 보았을 때 Docker 실행 시 다음과 같은 오류 메시지가 나타날 수 있다는 내용을 확인 했습니다. 원인은 macOS에서 Docker 파일을 신뢰할 수 없는 프로그램으로 인식하는 문제라고 합니다. 도커 파일 양식이 잘못되어서 malware로 인식되는게 아마 원인 같습니다. 관련해서는 링크를 참조해두었으니 .. 댓글 3 2025.02.05

• 

  React Native + Expo로 ToDo 만들어보기 들어가며React Native와 Expo를 활용해 iOS에서 동작하는 간단한 ToDo 앱을 만들어보기로 했다. 평소에는 웹 개발을 주로 해왔기 때문에 네이티브 앱을 직접 만들어본 경험은 없었다. 그래서 이번엔 한 번 진짜 네이티브 구조를 직접 구현해 보자는 목표로 시작했다. 생각보다 빠르게 앱을 구성할 수 있었고, 그 과정에서 겪은 시행착오들을 글로 정리해 본다.왜 ToDo였을까?ToDo는 거의 모든 웹 개발 학습과 실무에서 기본이 되며, 동시에 확장성도 뛰어난 기능이다. CRUD(Create, Read, Update, Delete)의 기본적인 흐름을 전부 포함하고 있어서, 컴포넌트 구성, 상태 관리, 입력/출력/삭제 로직을 체계적으로 연습하기에 딱 좋은 구조다. 또한 이후 필터링, 정렬, 알림, 네트워.. 댓글 1 2025.05.24

최신글

• 

  React Native + Expo로 ToDo 만들어보기 들어가며React Native와 Expo를 활용해 iOS에서 동작하는 간단한 ToDo 앱을 만들어보기로 했다. 평소에는 웹 개발을 주로 해왔기 때문에 네이티브 앱을 직접 만들어본 경험은 없었다. 그래서 이번엔 한 번 진짜 네이티브 구조를 직접 구현해 보자는 목표로 시작했다. 생각보다 빠르게 앱을 구성할 수 있었고, 그 과정에서 겪은 시행착오들을 글로 정리해 본다.왜 ToDo였을까?ToDo는 거의 모든 웹 개발 학습과 실무에서 기본이 되며, 동시에 확장성도 뛰어난 기능이다. CRUD(Create, Read, Update, Delete)의 기본적인 흐름을 전부 포함하고 있어서, 컴포넌트 구성, 상태 관리, 입력/출력/삭제 로직을 체계적으로 연습하기에 딱 좋은 구조다. 또한 이후 필터링, 정렬, 알림, 네트워.. 2025.05.24

• 

  네이버 2025 공채 1차 면접까지 회고 들어가며작년 상반기는 인턴으로, 하반기는 네이버 부스트캠프 웹모바일 9기 과정으로 보냈다. 그때도 틈틈이 서류를 준비하긴 했지만, 이번 상반기만큼 본격적으로 취업 준비에 집중하진 못했던 것 같다.이번에는 그동안 쌓아온 경험과 성장을 바탕으로, 보다 전략적으로 그리고 가능한 많은 기업에 지원해 보려 노력했다. 그 과정에서 네이버 2025 신입 공채 1차 면접 기회를 얻을 수 있었고, 결과와는 별개로 이 과정에서 무엇을 준비했고 어떤 질문을 받았는지, 어떤 아쉬움과 배움을 얻었는지를 기록해두고 싶었다.마침 9기 캠퍼 분이 운영하시는 글쓰기 스터디에 참여하게 되면서, 글로 정리할 동기도 함께 얻을 수 있었다.이 글은 네이버 서류 작성부터 코딩 테스트, 그리고 1차 면접을 준비하고 응시한 과정을 돌아보며, 그 .. 2025.05.17

• 

  Tanstack Table 쓰기 전에 공식문서 읽어보기(번역과 함께) 들어가며최근 취업을 준비하면서, 친구들과 함께 면접 질문을 아카이빙하고 관리할 수 있는 토이 프로젝트를 진행하고 있습니다.면접 준비 과정에서 자주 등장하는 질문들을 정리하고, 카테고리별로 분류하거나 검색할 수 있는 기능이 있으면 좋겠다는 아이디어에서 출발한 프로젝트입니다. 이 과정에서 질문 데이터를 테이블 형태로 보여줄 필요가 있었고, 어떤 테이블 라이브러리를 사용할지 고민하던 중 TanStack Table을 선택하게 되었습니다.기존에도 프로젝트에서 Shadcn UI를 사용하고 있었기 때문에, 같은 Headless UI 접근 방식을 유지하는 것이 좋겠다는 결론을 팀원들과 함께 내린 점도 선택에 큰 영향을 주었습니다.또, 향후 데이터 패칭이나 무한 스크롤 기능을 직접 구현해보고, 이후에 TanStack Q.. 2025.04.04

• 

  [백준] 1931 회의실 배정 const fs = require('fs');const filePath = process.platform === 'linux' ? 'dev/stdin' : '../input.txt';const input = fs.readFileSync(filePath).toString().trim().split('\n');let N = parseInt(input.shift());let list = [];for (let i = 0; i { if (a[1] === b[1]) { return a[0] - b[0]; } else { return a[1] - b[1]; }});let answer = 0;let end = 0;list.forEach((time) => { if (time[0] >= end) { .. 2025.02.24

• 

  [백준] 9461 - 파도반 수열 삼각형으로 나선을 그리면서 삼각형이 추가 되어지고 문제는 그려지는 삼각형 중 N번째의 사이즈에 대해서 묻는 문제였습니다. 처음에 좀 헷갈렸던게 어디서 부터 삼각형이 그려지는 였는데, 간단하게 위의 그림 처럼 그려보니 빠르게 이해가 되었습니다. 그 이후에는 삼각형의 사이즈가 이루어지는 값들을 하나씩 적어봤고 5번째 삼각형인 3부터 (0,4) .... 10번째 삼각형 12까지 (5,9)로 하나씩 더해가면서 삼각형이 이뤄지는 것을 확인 했습니다. const fs = require('fs');const filePath = process.platform === 'linux' ? 'dev/stdin' : '../input.txt';const input = fs.readFileSync(filePath).toStrin.. 2025.02.17

• 

  [FE] 브라우저와 렌더링 들어가며웹 개발을 하면서 가장 많이 알아야 되지만 항상 미묘하게 알고 있었던 게 브라우저에 대한 내용인 것 같습니다. 스터디 준비하면서 한번 정리를 해둬야 겠다 싶어서 전체적인 내용을 짚어가면서 정리를 해보려고 합니다.1. 브라우저란?1.1. 브라우저의 탄생과 발전웹의 시작과 초창기 브라우저웹은 1990년 팀 버너스 리(Tim Berners-Lee) 박사에 의해 개발된 월드 와이드 웹(WWW)에서 시작되었습니다. 초창기 웹페이지는 단순한 정적 HTML 문서로 구성되었으며, 1993년 최초의 그래픽 기반 웹 브라우저인 모자이크(Mosaic)가 등장하면서 대중들이 웹을 쉽게 접할 수 있는 계기가 되었습니다. 이후 1994년 넷스케이프 내비게이터(Netscape Navigator)가 출시되면서 브라우저 기술이.. 2025.02.07

• 

  [Mac OS] 'Docker'은(는) 사용자의 컴퓨터를 손상시킵니다 해결하기 들어가며평소와 같이 아침에 일어나서 맥북을 켰는데 갑자기 에러 메세지가 아래와 같이 발생했습니다.‘Docker’은(는) 사용자의 컴퓨터를 손상시킵니다. 해당 항목을 휴지통으로 이동해야 합니다.Docker를 키지도 않았는데 갑자기 뜬 에러 메세지를 보고 이게 뭐지 싶어서 구글링을 해봤는데 관련된 내용이 좀 있어서 보고 해결한 내용을 간단하게 정리해봤습니다.발생 원인도커 공식 문서와 관련해서 작성된 글들을 보았을 때 Docker 실행 시 다음과 같은 오류 메시지가 나타날 수 있다는 내용을 확인 했습니다. 원인은 macOS에서 Docker 파일을 신뢰할 수 없는 프로그램으로 인식하는 문제라고 합니다. 도커 파일 양식이 잘못되어서 malware로 인식되는게 아마 원인 같습니다. 관련해서는 링크를 참조해두었으니 .. 2025.02.05

• 

  [FE] this 정리하기 this란?this는 자바스크립트에서 현재 실행 중인 컨텍스트의 객체를 참조하는 특별한 식별자입니다. this의 값은 함수가 호출되는 방식에 따라 동적으로 결정되는데, 일반 함수에서는 전역 객체를, 메서드로 호출될 때는 해당 메서드를 소유한 객체를, 화살표 함수에서는 상위 스코프의 this 값을 참조합니다. 또한 call(), apply(), bind() 메서드를 통해 this의 바인딩을 명시적으로 변경할 수 있어 유연한 객체 지향 프로그래밍을 가능하게 합니다.this 바인딩이란?this 바인딩은 this 키워드가 실제로 가리키는 대상을 결정하는 과정입니다. JavaScript에서 this는 코드가 작성된 시점이 아닌, 함수가 실행되는 시점에 바인딩이 결정됩니다. 즉, 동일한 함수라도 어떻게 호출되느냐에.. 2025.02.04

• 

  [FE] HTTP 상태 코드가 뭘까요? HTTP란?HTTP(Hypertext Transfer Protocol)는 웹 서버와 웹 클라이언트 사이에서 데이터를 주고받기 위해 사용하는 통신 방식으로 TCP/IP 프로토콜 위에서 동작합니다. 즉, 우리가 웹을 이용하려면 웹 서버와 웹 클라이언트는 각각 TCP/IP 동작에 필수적인 IP 주소를 가져야 합니다.HTTP란 이름대로라면 하이퍼텍스트(Hypertext)만 전송할 수 있어 보이지만, 실제로는 HTML이나 XML과 같은 하이퍼텍스트뿐 아니라 이미지, 음성, 동영상, Javascript, PDF와 각종 문서 파일 등 컴퓨터에서 다룰 수 있는 데이터라면 무엇이든 전송할 수 있습니다.HTTP 상태 코드란?이러한 HTTP 통신 과정에서, 웹 서버는 클라이언트의 요청에 대한 처리 결과를 상태 코드를 통해 .. 2025.02.01