🛠️ 프로젝트

문제 1아무리해도 500에러가 발생 .. 단지 params로 감싸서 생긴 문제URL Parameters (params) 목적: URL Parameters는 주로 간단한 값이나 쿼리 스트링을 전달할 때 사용됩니다. 보통 검색, 필터링, 정렬 등의 용도로 사용됩니다.위치: URL의 끝에 포함되며, ? 뒤에 key=value 형태로 추가됩니다. 여러 개의 파라미터는 &로 구분됩니다.예: /search?name=John&age=30전송 방법: 주로 GET 요청에서 사용되며, 요청하는 리소스를 명시하거나 필터링하는 데 사용됩니다.데이터 크기: URL 길이에 제한이 있어, 데이터를 많이 담을 수 없습니다. 웹 브라우저에서는 URL 길이에 제한이 있기 때문에 긴 데이터를 전달하는 데 적합하지 않습니다.보안: URL에..

기획 단계우리가 만들 서비스의 궁극적인 목적은 무엇일까?우리가 만들 서비스의 대상은 누구인가?우리가 만들 서비스가 추구해야할 가치가 무엇인가?레퍼런스 찾아오기유사 서비스는 없을까? - 유사 서비스 찾아보기생각의 시각화 - 지금 내 생각을 가장 비슷하게 보여주는 그림이나 사진API 조사 하기 (찾을 수 있는 사람들은!!) 개발단계프론트 3명에서 업무 분배 - 백엔드 개발자와 1:1 매칭 - api 개발 - 프론트 개발내가 담당한 페이지는 중고거래 시세조회, 채팅이였다. 시세조회1. chart.js 사용2. 2025-02-03 시세조회에 보여줄 데이터의 의도가 피그마와 맞지 않아 다시 회의 진행회의 내용예를들어 원피스 루피를 검색했을때, 1일과 1주일치의 판매가 구매가의 그래프를 보여줬다. 위에보이는 파랑빨..

Zustand와 쿠키를 활용한 안전한 로그인 상태 관리☄️ 문제점: 새로 고침 시 로그인 상태 유지 안됨현재 로그인 후 받은 사용자 정보를 Zustand의 userStore에 저장하여 상태를 관리하고 있습니다.하지만 새로 고침 시 상태가 초기화되어 로그인 상태가 유지되지 않는 문제가 발생했습니다.토큰이나 사용자 정보를 로컬 스토리지나 세션 스토리지에 저장하는 것이 필요할지 고민이 되었습니다. 🚀 고민로그인 상태 유지를 위해 어떤 저장 방식이 가장 적합할까?zustand를 사용할 때 로컬 스토리지나 세션 스토리지를 추가로 활용해야 할까, 아니면 다른 방법을 고려해야 할까?쿠키를 사용한다면 어떻게 안전하게 토큰을 저장하고 사용할 수 있을까? 상태 관리의 기본 문제☝🏻 여기서 잠깐zustand는 메모리 상..

워크루트 | 구인구직 플랫폼간편한 알바 구인구직 플랫폼, 워크루트에서 시작하세요.www.workroot.life 1. 프로젝트 개요한 달을 빠듯하게 보낸 2024년의 마지막 ✨ 드디어 심화 프로젝트를 마무리하게 되었다. 회고는 프로젝트가 끝나고 2주 후에 작성 중..심화프로젝트를 하며 구현했던 것들과 어떤 어려움이 있었는지, 배운 것들은 무엇인지에 대해 회고글을 작성해보려 한다.- 프로젝트명: WorkRoot (워크루트)- 개발 기간: 2024.11.22 ~ 2024.12.30- 팀 구성: 프론트엔드 4명- GitHub 팀 레포지토리 링크 GitHub - FE9-2/workroot: FE9-2팀) 🌳 "일"을 통해 자신의 뿌리를 내리며 "성장"하는 구인구직 사이트FE9-2팀) 🌳 "일"을 통해 자신의..

구글 간편 로그인 하는 법1. 구글 클라우드 사이트 접속- 구글 클라우드한국어 옆에 보이는 콘솔링크로 이동합니다. 2. 새 프로젝트 생성새 프로젝트를 생성 합니다.프로젝트가 만들고 해당 프로젝트로 이동합니다.위에 보이는 경로로 OAuth 동의 화면을 찾아갑니다. 3. OAuth 동의외부를 선택하여 만들기.위 진행단계로 진행합니다.앱이름, 사용자 이메일, 앱 도메인을 입력합니다. 앱 도메인은 개발 상태에선 http://localhost:3000/로 작성하면 됩니다. 4. 범위사용자가 동의해야 할 권한들을 설정합니다. 예를 들어, 구글 계정 정보 접근을 원하면 email, profile 등의 범위를 추가합니다.권한을 추가하려면, 필요한 구글 API 범위를 선택해야 합니다.여기서 선택한 범위에 따라 goog..

내가 하고있는 프로젝트는 Next.js + typeScript + app router를 사용하는 프로젝트이다.카카오 간편 로그인은 처음이라 좀 헤메었지만 일단 차근차근 해보았다.1. 카카오 개발자 사이트에서 애플리케이션 등록- 카카오 개발자 사이트 에 접속하여 애플리케이션을 등록합니다.- REST API 키와 Redirect URI를 확인합니다.사이트 도메인 등록등록하러 가기 링크 클릭 ‼️ Redirect URL 등록2. OAuth 인증 흐름 / API 엔드포인트 구현- 사용자가 카카오 로그인 버튼을 클릭하면 카카오 인증 페이지로 리다이렉트합니다.- 사용자가 인증을 완료하면 카카오는 설정한 Redirect URI로 `code`를 포함하여 리다이렉트합니다.- 이 `code`를 사용하여 액세스 토큰을 요..