MenuPicker 개발기 #2 - React에서 현재 위치 불러오기 & Kakao API를 써서 위치 검색하기

안녕하세요! 지난 글을 쓰고 약 한 달 반이 흘러갔네요,, 직장에서 일도 하고 또 진행하는 다른 프로젝트들도 여러 개 있어서 글 쓸 기회가 너무 없었습니다ㅠ 특히 10월 그리고 11월이 정말 바빴는데 이때 있었던 일들도 또 다른 게시글로 적어보도록 하겠습니당 오늘은 지난 글에 이어서 MenuPicker 에 대해서 적어보려고 합니다~~ 2025.10.06 - [Frontend] - MenuPicker 개발기 #1 - React에서 QR 코드 생성 및 기기 환경 판별 기능 구현하기 MenuPicker 개발기 #1 - React에서 QR 코드 생성 및 기기 환경 판별 기능 구현하기추석 연휴 중이라 간단한 기술을 기록해보겠습니다! 제가 토이 프로젝트로 진행했던 서비스에서 사용했던 기술이고 또 쓰게 될 것 같아서..

• format_list_bulleted Frontend
• · 2025. 11. 23.
• textsms

MenuPicker 개발기 #1 - React에서 QR 코드 생성 및 기기 환경 판별 기능 구현하기

추석 연휴 중이라 간단한 기술을 기록해보겠습니다! 제가 토이 프로젝트로 진행했던 서비스에서 사용했던 기술이고 또 쓰게 될 것 같아서 기록해놓겠습니다. 깃허브 레포지토리 주소https://github.com/MenuPicker/MenuPicker_FE 1. 배경MenuPicker는 웹앱으로 개발하려고 생각했고, PWA를 사용하여 웹앱으로 개발을 진행했습니다. 그런데 요새 나오는 웹앱은 에이블리, 무신사처럼 기존의 웹페이지와는 다른 UI를 보여주고 있었어요. 기존의 웹과는 다른게 보여지시나요? 두 개의 사진 모두 노트북으로 보는 화면이지만, 동시에 너비와 높이만 줄이면 앱처럼 보일것 같지 않나요? 그래서 이런 UI를 사용했고, 또 에이블리에서 오늘 글의 요점인 QR 코드, 기기 환경 판별 아이디어를 가..

• format_list_bulleted Frontend
• · 2025. 10. 6.
• textsms

Axios 인터셉터로 간단하게 JWT 토큰 자동으로 담아 보내기

두 번째 라이브러리 게시글입니다! 이 인터셉터도 이전의 모달과 마찬가지로 프로젝트를 진행할 떄마다 코드를 짜는게 너무 귀찮았어요. 거의 모든 프로젝트들이 JWT 토큰을 사용하기 때문에 인터셉터도 항상 같을 수밖에 없었어요. 그래서 이 라이브러리를 만들게 됐답니다. 깃허브 레포지토리 주소https://github.com/nyeonseok/nyeonseok-interceptor 먼저 사용할 수 있는 환경에 대해 말해볼게요.JWT 토큰을 사용하는 환경access token, refresh token을 모두 사용하는 환경refresh token은 httpOnly 설정된 환경이렇게 3 가지를 만족하면 이 라이브러리를 사용할 수 있어요! 그럼 어떻게 사용하는지 알아보겠습니다. 1. 설치라이브러리를 사용하..

• format_list_bulleted 라이브러리
• · 2025. 9. 29.
• textsms

React 환경에서 웹 화면에 Modal 창 쉽게 적용하기

이 라이브러리를 만들기 전에 프로젝트를 할 때마다 매번 모달을 만들어서 했었어요. 근데 만들 때마다 너무 귀찮아서 '그냥 라이브러리로 만들어서 앞으로 있을 프로젝트에서는 쉽게 적용하자!' 란 생각으로 이 라이브러리를 만들게 됐습니다. 깃허브 레포지토리 주소https://github.com/nyeonseok/nyeonseok-modal 1. 설치먼저 이 라이브러리는 npm을 이용하여 다운받을 수 있습니다. 그리고 React 환경에서 사용할 수 있어요!# 프로젝트에 npm 패키지 설치npm install# nyeonseok-modal 라이브러리 설치npm install nyeonseok-modal 이미 프로젝트에 npm이 설치되어 있다면 2번 째 줄만 작성하시면 돼요. 2. Modal import필요한 라..

• format_list_bulleted 라이브러리
• · 2025. 9. 28.
• textsms

[멋쟁이 사자처럼] 13기 중앙 해커톤 기록

안녕하세요! 제 첫 게시글은 최근에 있었던 멋사 13기 중앙 해커톤 글로 시작해보겠습니다~ 사실 글을 쓰는 지금도 한 달이 지난 상태지만,, 뒷북이 심하긴 하지만 한번 적어보겠습니다! 이 글을 시작으로 공부 기록, 프로젝트 기록을 해 나갈 생각입니당 1. 주제먼저 멋사 13기 중앙 해커톤은 8월 25 ~ 8월 26일 무박 2일로 진행 됐습니다. 주제는 약 한 달 전쯤인 7월 21일에 올라왔어요. AI로 다시 뛰는 우리 동네 : 지역 경제와 삶을 AI로 연결해 보세요. 음,,, 처음 주제를 봤을 때는 'AI를 배우지도 않았는데 어떻게 쓰냐?'란 생각이 가장 먼저 들었어요. 저희 팀원은 총 6명인데 2학년 두 명, 3학년 두 명, 4학년 한 명에 저 이렇게 있는 상태였거든요. 일단 저희 팀은 각자 아이..

• format_list_bulleted 활동
• · 2025. 9. 26.
• textsms