profile
안녕하세요 😚
태그 목록
전체보기 (63)next.js(13)React(9)typescript(6)10MM(5)디프만(4)framer-motion(4)NA LAB(3)i18n(3)Numble(3)DND(3)hydration(2)테오의 스프린트 14기(2)자바스크립트(2)SSR(2)next export(2)preat(2)zustand(2)회고(2)depromeet(2)i18next(2)드림캐쳐(2)useLocalStorage(2)js(2)Emotion.js(2)기록해드림(2)십분만(2)svg(2)Portal(2)뒤로가기 동작 커스텀(2)트러블슈팅(2)browser(1)DOM 이미지 다운(1)NAVER MAP(1)agent(1)setIntervel(1)해커톤(1)marker clustering(1)yarn(1)pointer-event(1)면접(1)별점 평가(1)프론트엔드(1)chatGPT(1)getServerSideProps(1)동기적 언어(1)persist middleware(1)next-i18next(1)storybook(1)스톱워치(1)visibilitychange(1)비동기(1)StoryFn(1).html(1)뒤로가기 커스텀(1)ESLint(1)app Directory(1)php(1)env(1)stylelint(1)next13(1)next/router(1)safari(1)custom marker(1)Jira Issue(1)원티드 프리온보딩(1)i18next-http-backend(1)Cloudflare(1)interface(1)github actions(1)CriOS(1)NextRouter was not mounted.(1)react-naver-maps(1)Google Analytics(1)Satori(1)gtag(1)html to svg(1)vite(1)마커 클러스터링(1)pointer(1)body(1)history(1)html2canvas(1)Enum(1)CSS(1)ios Chrome(1)Hydration failed(1)코드 저장소(1)postcss(1)stopwatch(1)touchAction(1)CSR(1)pakage version(1)junction asia 2023(1)localstorage(1)다이나믹프로그래밍(1)yarn start(1)별점 평가 기능 구현(1)metamon(1)인가코드(1)301 status(1)custom hook(1)spa(1)pushState(1)next/navigation(1)면접 질문(1)dangerouslysetinnerhtml(1)icon(1)네카라쿠배 개발자와 함께 VanillaJS 활용하기(1)redirect(1)seo(1)네이머 맵(1)ssg(1)CLIENT_FETCH_ERROR(1)JAKA(1)GA(1)전역상태라이브러리(1)mobile(1)AWS Amplify(1)디자인 패턴(1)react/no-unknown-property(1)SPARCS(1)이벤트 루프(1)테오의 스프린트(1)react-beautiful-dnd(1)github issue(1)createPortal(1)vscode(1)Web API(1)카카오 로그인(1)History Stack(1)자바스크립트 엔진(1)Client Side Rendering(1)Image Optimization Loader(1)@emotion/react/types/css-prop(1)formData(1)나랩(1)react-naver-map(1)VanillaJS 로 신년메시지 주고받는 사이트를 SPA 로 만들기(1)구글스프린트(1)AI 단톡방 만들기(1)popstate(1)http(1)브라우저 뒤로가기(1)no-unused-vars(1)브라우저 뒤로가기 동작(1)AWS S3(1)next-auth(1)
post-thumbnail

앱이 갑자기 꺼진다면?!

요구사항 : 앱 환경을 고려해 화면을 이탈하거나, 백그라운드에서도 타이머의 시간이 없어지면 안 됩니다.

2024년 2월 27일
·
0개의 댓글
·
post-thumbnail

뒤로가기시, 모달 띄우기

요구사항 : 뒤로가기 버튼 클릭, 또는 뒤로가기 동작 (브라우저 동작)이 일어나면, 정말 끝내시겠습니다?라는 모달이 뜨게 됩니다.

2024년 2월 26일
·
0개의 댓글
·
post-thumbnail

[10MM] 스톱워치 요구사항

10MM 서비스는 "하루 10분으로 시작하는 습관 만들기"입니다.이 "하루 10분"을 측정하기 위해 스톱워치 기능이 필요했습니다.

2024년 2월 21일
·
0개의 댓글
·
post-thumbnail

10MM, 하루 10분으로 시작하는 습관 만들기

⏰ 하루 10분을 투자해서 나를 변화시킬 수 있다면?!

2024년 2월 20일
·
0개의 댓글
·

'Story'은(는) 사용되지 않습니다.ts(6385) 에러해결

'Story'은(는) 사용되지 않습니다. ts(6385)

2024년 1월 9일
·
0개의 댓글
·
post-thumbnail

React에서 웹브라우저 뒤로가기 동작 
커스텀 하기

시간을 기록하는 페이지를 만들며, 해당 페이지에 이탈하는 경우 사용자에게 특정 모달을 보여주어야하는 요구사항이 있었습니다 👀

2024년 1월 9일
·
0개의 댓글
·
post-thumbnail

[i18next] i18next::translator: key "xxx" for namespace "translation" won't get resolved as namespace was not yet loaded 에러 해결

Error: i18next::translator: key "xxx" for namespace "translation" won't get resolved as namespace was not yet loaded

2023년 11월 22일
·
0개의 댓글
·
post-thumbnail

[i18next] Error: You are passing a wrong module! Please check the object you are passing to i18next.use()

Error: You are passing a wrong module! Please check the object you are passing to i18next.use()

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

[next-i18next] Error: appWithTranslation was called without a next-i18next config

Error: appWithTranslation was called without a next-i18next config 해결

2023년 11월 21일
·
0개의 댓글
·

(번역) React.js에서 아이콘을 관리하는 "가장 좋은" 방법

원문 : The "best" way to manage icons in React.js

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

junction asia 2023 수상 후기

junction asia 2023 팀빌딩 junction asia 2023에서 참가자 모집을 할 당시 나는 IT 연함 동아리를 끝마치고 쉬는 중이였다. 어느날 같이 동아리했던 백엔드 분 한분이 같이 해커톤을 나가자고 연락이 왔다. 이전부터 해커톤같은 경험을 하는

2023년 9월 20일
·
0개의 댓글
·
post-thumbnail

별점 평가 드래그 기능 구현하기

5점 만점의 별점 평가 기능을 구현해보자.

2023년 7월 29일
·
0개의 댓글
·

Github Actions로 Github Issue 생성 시 Jira Issue도 같이 등록 시키기

Github Actions로 Github Issue 생성 시 Jira Issue도 같이 등록 시키자!

2023년 7월 28일
·
0개의 댓글
·

브라우저 종류를 알아내는 유틸 함수를 만들자

브라우저 종류를 알아내보자! 그런데 왜 ios Chrome이 Safari로 인식되지?

2023년 7월 24일
·
1개의 댓글
·

Next.js에서 GA 부착하기

사용자 유입 경로, 동작을 추적하기 위해 Next.js 페이지에 Google Analytics를 부착해보자

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

Satori를 이용하여 서버에서 svg 만들기

HTML과 CSS를 SVG로 변환할 수 있는 라이브러리 Satori를 이용하여 서버에서 svg를 만들어보자

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

브라우저 뒤로가기 커스텀 동작 hook 만들기

브라우저에서 뒤로가기 버튼을 누르거나 가로로 스와이프 해서 뒤로가기 동작이 일어날때, 자동적으로 전 페이지로 이동하게 된다. 나는 이 기본 뒤로가기 동작을 커스텀 하여, 내가 원하는 동작을 수행하게 하고 싶었다.

2023년 7월 9일
·
0개의 댓글
·

Next.js 프로젝트에서 yarn start 명령어를 입력하면 무슨 일이 일어날까?

Next.js 프로젝트에서 yarn start 혹은 npm run start 스크립트를 실행했을 때 실행되는 코드(파일)과, 해당 파일에 대한 간단한 설명을 첨부해주세요.

2023년 7월 3일
·
0개의 댓글
·

SPA로 구성된 웹에서 SSR이 왜 필요할까?

SSR이란? 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 클라이언트에 보내, 사용자에게 페이지를 보여주는 방식입니다.

2023년 7월 3일
·
0개의 댓글
·

CSR이란?

서버에서 빈 페이지를 최초로 렌더링 하고, 사용자가 요청할 때 마다 클라이언트 내 브라우저에게 렌더링 하는 것

2023년 7월 3일
·
0개의 댓글
·