profile
프론트엔드 개발 연습장 ✏️ 📗
post-thumbnail

git 명령어 Cheat Sheet

branch, checkout, fetch, pull, commit, push, reflog...

2023년 10월 24일
·
0개의 댓글
·
post-thumbnail

23년 5월 회고

7월 오기 전에 후다닥 적은 회고.

2023년 6월 19일
·
0개의 댓글
·
post-thumbnail

[프로그래머스/탐욕법(Greedy)] Level 2 | 조이스틱 (JavaScript)

이해하는데 삼일 걸린 프로그래머스 그리디 문제 조.이.스.틱 한방에 이해하기!.!

2023년 6월 17일
·
0개의 댓글
·
post-thumbnail

[Figma] 재사용 컴포넌트를 만들어보자! (Button 편)

디자인에서 빠질 수 없는 재사용 컴포넌트 만들기! (feat. Figma)

2023년 5월 29일
·
4개의 댓글
·
post-thumbnail

Next.js: Local Font를 tailwindCSS와 같이 사용하면 발생하는 이슈

Next.js와 TailwindCSS를 사용한 프로젝트에서 localFonts를 사용해보았는데요... 다이나믹 라우팅 페이지에서 적용이 안되네요?

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

23년 4월 회고 (with 원티드 프리온보딩 프론트엔드 인턴십)

프리온보딩을 진행 하면서 느낀 점, 성장한 점, 재밌었던 점 등등 다 담은 회고입니다.

2023년 5월 26일
·
0개의 댓글
·
post-thumbnail

데이터 가져오기 전까지 로딩 띄우는 useLoading 커스텀 훅 만들기 (TypeScript)

데이터를 가져올 때 로딩을 띄우고 싶다면 React Hook의 useState를 활용해서 사용할 수 있다. 로딩 상태값을 만들어서 데이터를 가져오기전까지 로딩을 띄우고, 다 가져왔으면 로딩을 없애주는 로직을 useState 훅을 사용하여 많이 사용해 왔을 것이다.

2023년 5월 21일
·
0개의 댓글
·
post-thumbnail

Shallow copy (MDN 번역)

본 글은 면접을 준비하고자 MDN에 설명된 Shallow copy를 번역 해본 글입니다.

2023년 5월 10일
·
0개의 댓글
·
post-thumbnail

[Git 관리] - 혼자서 협업 연습해보기

!혼자서! 연습해볼만한 Git 관리 방법을 소개합니다.

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

TypeScript 타입 총정리 (part.1)

사용해보면 자바스크립트로 못돌아가는 타입스크립트 정리!

2023년 5월 1일
·
0개의 댓글
·
post-thumbnail

Kakao Map 전환기 (part.2)- 지도에서 특정 좌표 및 주소 가져오기

지도를 클릭하여 클릭 위치의 좌표 및 주소를 가져오는 과정을 담았다.

2023년 3월 21일
·
0개의 댓글
·
post-thumbnail

Kakao Map 전환기 - 지도 생성하기 (with Errors)

네이버 Maps API -> 카카오 Maps API 전환 하는 과정을 담은 블로그

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

지도에서 클릭한 지점 주소 가져오기 | - [네이버 Map's API - Reverse Geocoding] (Next.js/TypeScript)

본 게시물에서는 네이버 클라우드 플랫폼 Naver Map's Enterprise API를 사용하여 지도에서 주소를 가져올 수 있는 Reverse Geocoding 구현방법을 정리하였습니다. 참고문서 사용스택: Next.js, TypeScript, tailwindCSS

2022년 11월 25일
·
0개의 댓글
·
post-thumbnail

네이버 클라우드 플랫폼 Application 등록하기 - Map's Enterprise API

❗️2023년 1월부터 네이버 클라우드 플랫폼 Maps 서비스중 Reverse Geocoding를 포함하여 일부 서비스에 가격변동이 있으니 주의해주세요. 공지링크네이버의 맵 API를 사용을 위한 Application 등록 방법을 따로 정리 해놓았다. 맵이 아닌 다른 A

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

<input type='file' />태그로 이미지 preview 띄우기 (Next.js / TypeScript)

file 타입의 input 태그를 사용하여 선택한 이미지 파일 미리보기 기능 구현

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

[Next.js] Error: Abort fetching for route: "/"

[SOLVED with Shallow Routing] Error: Abort fetching component for route: "/"

2022년 10월 19일
·
0개의 댓글
·
post-thumbnail

[Git] 이미 push 된 커밋 메시지/제목 수정

마지막에 푸쉬한 커밋을 되돌리는 것은 쉽다. Github Desktop에서 우클릭후 Amend Commit... 을 클릭하면 된다. 하지만 개인 프로젝트 중 간혹 가다 커밋 메시지가 마음에 안들거나 실수로 통일된 커밋 가이드에 벗어난 메시지가 거슬릴 수 있을 것이다.

2022년 10월 14일
·
0개의 댓글
·
post-thumbnail

[React] - FE 신입 포트폴리오 (준비 과정 기록용) | 스토리편

스토리 부분 아코디언으로 작업완료-!

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

[React] - FE 신입 포트폴리오 (준비 과정 기록용) | menubar편

토글되는 메뉴바, React의 useState, useContext 훅들과 framer-motion으로 멋즤게 만들기✨

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

[React] - FE 신입 포트폴리오 (준비 과정 기록용) | Carousel편

기술스택 부분 싹 다 지우고 캐러셀처럼 만들어 봤는데...정말 만들어 보기만 했다.

2022년 8월 27일
·
0개의 댓글
·