react (17) 썸네일형 리스트형 [Custom File Extension] Electron으로 나만의 파일 확장자 만들기 👋 소개안녕하세요! 대학생 개발자 주이어입니다.오늘은 최근에 만들기 시작한 Custom File Extension 프로젝트에 대해서 간단하게 소개해보려고 합니다.Custom File Extension 프로젝트는 이름에서 알 수 있듯이 저만의 파일 확장자를 만들기 위한 프로젝트입니다. 이 프로젝트를 생각하게 된 계기는 갑자기 "내 이름으로 된 확장자가 있으면 재밌겠는데?" 라는 생각이 들어서 바로 제작하게 되었습니다.[Sub Projects]라는 카테고리를 새로 만든 이유도 이런식으로 개인적인 재미를 위해서 제작한 프로젝트를 정리하려 만들었습니다.(뭔가 [Main Projects] 카테고리로 넣기엔 애매한 프로젝트들...) 기술적인 부분으로는 아직 크게 소개드릴 부분이 없어 간단하게 어떻게 만들었는지와 .. [React] react-loading-skeleton 적용 및 응용 (skeleton UI) [React] 선반영, 후처리 유저 경험 및 성능 향상 - 낙관적 UI 업데이트 (Optimistic UI Update) [React] 선반영, 후처리 유저 경험 및 성능 향상 - 낙관적 UI 업데이트 (Optimistic UI Update)[React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크) [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크)[Express] 레이어드 아키텍쳐 구현하기 (Layered Architeblog.juyear.dev이전 글 읽으러 가기! 👋 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 skeleton UI에 대해서 간단하게 소개하고, reac.. [React] 선반영, 후처리 유저 경험 및 성능 향상 - 낙관적 UI 업데이트 (Optimistic UI Update) [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크) [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크)[Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture)🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 레이어드 아키텍쳐 구조화blog.juyear.dev이전 글 읽으러 가기! 👋 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 낙관적 UI 업데이트 (Optimistic UI Update)에 대해서 정리하고 실제 프로젝트에 적용했던 예제 코드도 같 .. [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture)🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 레이어드 아키텍쳐 구조화 방법을 사용하여 Express 폴더를 정리해보려고 합니다! 레이어드 아키텍쳐는 실무에서 자주 사용되는 백엔드blog.juyear.dev추천 글 읽으러 가기!🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 AbortController와 zustand를 사용하여 전역으로 fetch 요청을 관리하는 방법에 대해서 정리해 보려고 합니다! 순서는 fetch 요청을 취소해야 하는 이유, Promise에 취소기능이 없는 이유, AbortController에 대해서.. [Next] v15 useSearchParams without Suspense 오류 해결 🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 Next.js v15에서 발생할 수 있는 오류 중 하나인 useSearchParams without Suspense에 대해서 알아보려고 합니다. 저도 프로젝트를 진행하던 도중에 이 오류가 발생하게 되었는데, 미리 이 오류에 대해서 알고 있지 않으면 나중에 많은 수정을 거쳐야 할 수 있기 때문에 이렇게 공유를 해보려고 합니다. ❓ 발생하는 이유는?이 오류가 발생하는 이유는 오류 이름에서 알 수 있듯이 useSearchParams를 Suspense 없이 사용했을 때 발생하는 오류 입니다.next를 사용해보신 분이라면 아시겠지만, Suspense는 기본적으로 컴포넌트나 함수의 동적 처리를 기다리고, 기다리는 동안 fallback 함수 등을 사용하여 로딩을.. [Node] 랜덤 공유 링크는 어떻게 생성할까? (nanoid) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture)🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 레이어드 아키텍쳐 구조화 방법을 사용하여 Express 폴더를 정리해보려고 합니다! 레이어드 아키텍쳐는 실무에서 자주 사용되는 백엔드blog.juyear.dev이전 글 읽으러 가기!🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 nanoid를 사용해서 랜덤 공유 링크를 생성하는 방법에 대해서 정리해보려고 합니다. 현재 진행 중인 프로젝트에서 일정 공유 기능이 필요했고, 이 기능을 구현하기 위해 nanoid를 선택하게 되었습니다. 랜덤 공유 링크는 Google Docs, Dro.. [React] React + Node.js로 사용자별 알림 기능 구현하기 (Notification System) [React] 실시간 검색 - debouncing 기능 구현하기 [React] 실시간 검색 - debouncing 기능 구현하기[React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌juyear-coding.tistory.com이전 글 읽으러 가기! (실시간 검색 기능)🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 React에서 사용자별 알림 기능을 구현하는 방법에 대해서 정리해보려고 합니다!Notification System, 즉 알림 기능은 우리가 평소에 자주 사용하는 기능입니.. [Express] GET 요청으로 유저 검색 기능 구현하는 깔끔한 방법(w. React) [React] 실시간 검색 - debouncing 기능 구현하기 [React] 실시간 검색 - debouncing 기능 구현하기[React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌juyear-coding.tistory.com먼저 읽고 오면 좋은 글!🚩소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 GET 요청을 이용하여 유저 검색 기능을 구현하는 방법에 대해서 정리해보려고 합니다.GET 요청을 보낼 프론트엔드는 React를 이용하여 만들어 주었습니다.⚙️ 클라이언트에서 유저 아이디 .. 이전 1 2 3 다음
