🛠️ 프로젝트/[workRoot] - 알바 플랫폼

워크루트 | 구인구직 플랫폼간편한 알바 구인구직 플랫폼, 워크루트에서 시작하세요.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`를 사용하여 액세스 토큰을 요..

심화프로젝트에 들어가며 프로젝트 세팅하는 과정중에 내가 storybook 세팅을 하게되었다.🎨 storybook을 사용하면 좋은 이유storybook은 컴포넌트를 독립적으로 개발하고 테스트할 수 있는 환경을 제공한다.⚙️ 스토리북 설치1. 설치npm install --save-dev @storybook/react2. script 확인package.json 파일의 scripts 섹션에서 storybook 스크립트가 올바르게 설정되어 있는지 확인해야한다. storybook은 6006포트를 사용하고있다."scripts": { "storybook": "storybook dev -p 6006"}3. 명령어 실행npm run storybook설치가 된 후 storybook 관련 폴더가 생성되었다.기본 폴더 구조..