profile
단단한 개발자

깃 컨벤션 (보기전용)

타입과 제목은 필수로 작성합니다.타입은 소문자를 기본으로 사용합니다. (!BREAKING과 !HOTFIX의 경우 대문자로 작성합니다.)타입과 제목 사이에는 콜론(:)을 사용합니다.콜론은 타입에 붙여쓰며, 제목과는 한 칸 띄어 사용합니다.필요할 경우 본문에 자세한 내용을

2025년 7월 31일
·
0개의 댓글
·

🌐 React Context Provider

컴포넌트 간에 데이터를 전역으로 공유할 수 있는 리액트 기능props drilling 없이 데이터를 여러 컴포넌트에 전달할 수 있음예: 로그인 정보, 테마 설정, 필터 조건, API 데이터 등✔ Provider를 사용하면 상태를 하나의 상위 컴포넌트에서 전역 관리 가능

2025년 7월 29일
·
0개의 댓글
·
post-thumbnail

신입개발일기 / Loading page & Provider

router.tsx

2025년 7월 28일
·
0개의 댓글
·
post-thumbnail

신입개발일기 / Sentry 에러 로깅 연동

오늘 개발팀 데일리 스크럼에서 맡게 된 업무 중 하나가 Sentry 에러 로깅 연동이었는데, 이게 어떤 작업인지 정리해봤다.Sentry는 애플리케이션에서 발생하는 에러(버그, 예외 등)를 실시간으로 추적하고 수집하는 모니터링 도구다.에러 발생 시 스택 트레이스, 사용자

2025년 7월 24일
·
0개의 댓글
·
post-thumbnail

React-Query + Gemini

프론트엔드 입사 3일차,React-Query를 사용하여 프로필 설정 부분 생성된 API를 (아직은 미완성이지만 된 부분만)가져와서 UI에 뿌려주는 과제를 받게 되었다.실제 백엔드 API와 통신하고 데이터를 화면에 표시하는 부분 찾기\-폴더 구조 파악도 안 된 상태에서

2025년 7월 23일
·
0개의 댓글
·
post-thumbnail

잼미니 사용법 GOOGLE GEMINI

Google의 Gemini 모델을 로컬 터미널에서 사용할 수 있는 강력한 CLI 도구로, 개발자와 AI가 더 가까워지는 경험을 제공한다.여러 파일의 흐름을 동시에 인식하고 이해한다.프로젝트 단위 문맥 파악이 가능해, 복잡한 코드 구조도 AI가 함께 추적하고 설명해준다.

2025년 7월 14일
·
0개의 댓글
·
post-thumbnail

타입스크립트 셋팅 Tailwindcss + VITE(ts) npx tailwindcss init -p 못 찾을 때,, GPT 금지

✅ Node.js 최신 설치nvm 설치하고또는 Node.js 공식 설치파일 다운로드 https://nodejs.org/ko/download✅ npm 최신 업데이트Node.js 설치하면 기본 업데이트필요하면 node가 설치되어있다면 nvm 설치React ->

2025년 5월 28일
·
0개의 댓글
·
post-thumbnail

비로그 Velog 사용 방법

Velog 로그인 → 오른쪽 상단 프로필 사진 클릭 → 설정(Settings) 이동"프로필" 항목에서 👉 이미지 업로드 가능 (JPG, PNG 파일 사용)설정(Settings) → "자기소개" 입력란에 간단한 소개 작성. (예: "자바스크립트를 공부하는 신입 개발자입

2025년 4월 29일
·
0개의 댓글
·
post-thumbnail

변수

📝 JavaScript 변수 - var, let, const 정리 1. var ES5까지 사용된 변수 선언 방법 중복 선언 가능 호이스팅 발생 (선언만 위로 끌어올려짐, 초기화는 안 됨) 함수 스코프를 가진다. ({} 중괄호를 무시하고 함수 단위로 스코프를 가짐)

2025년 4월 29일
·
0개의 댓글
·