모노 레포 방식으로 한 레포지토리에서 web과 moblie, 둘 다 관리하려고 했지만 브랜치 관리의 편의성을 위해 멀티 레포방식을 사용하기로 결정했다.모노 레포에서는 개인 레포지토리에서 만들었기 때문에 Vercel로 관리가 가능했지만, Vercel에서 Organization의 레포는 유료로 배포해야 한다.Next.js와 찰떡인 Vercel을 사용하지 못한다는게 아쉬웠지만, 단순히 배포용이라면 Netlify로 배포해도 괜찮아보였다. 코촉촉 Organition : https://github.com/ko-chock-chock 코촉촉반려동물 구인 및 판매 서비스 코촉촉. 코촉촉 has 2 repositories available. Follow their code on GitHub.github.com 우선은 웹만..
💻 Project
배포 ToolNext.js 14 : vercelReact Native Expo : expo cli 배포 과정Next, React 어떤 라이브러리/프레임워크를 사용하더라도 웹은 Vercel로 배포하려고 했었다.딸깍 몇번이면 끝나는 배포에, 애초에 Next 자체가 vercel에서 만들어졌기 때문이다.그래서 열심히 배포를 하고?!생각해보니까 웹뷰를 보여주는 웹앱을 할 예정인데 웹만 repository에 담아 배포했다...참고로 우리 조는 모노레포 형식이다. (모노레포: https://f-lab.kr/insight/advantages-of-monorepo-20240625)expo는 배포를 어떻게 하면 좋을지 몰라 찾아보고 생각해본 결과, CLI에서 expo start 등을 이용해서 실행시키는 걸 배포라고 하더라..
초기 설정 이유와 방법팀프로젝트 시작을 위해 레포지토리(오가니제이션)을 만들어야 한다.Vercel로 배포하려고 하는데 오가니제이션 안의 레포지토리는 유로이다.무료로 사용하기 위해 개인 레포로 fork 해온 다음, Github Action을 사용해 설정해주는 과정이 필요해서 초기 설정을 빠르게 해야하는 우리 팀에게는 이 방식은 맞지 않다고 생각했다.기간이 짧기 때문에 배포에도 많은 시간을 투자할 수 없어 Vercel을 포기하진 못했다...그래서 생각한 방법이 개인 레포를 만들어 해당 레포를 배포하고 다른 팀원들은 내 레포를 fork해서 작업하는 방식으로 가기로 결정헀다.나도 브랜치 관리를 위해 해당 레포를 fork해서 사용할 예정이었지만 본인이 본인 레포를 fork하는게 안된다...(방법이 없나...)그래..
React Hook Form을 사용해 로그인 폼을 구성했지만, onSubmit과 onClick을 직접 처리하여 loginUser API를 호출하고 accessToken을 localStorage에 저장하려 했다.내가 생각하기엔 문제는 없어 보였는데 로그인 페이지가 렌더링 됨과 동시에 onClick안의 함수와 토큰 값을 출력하는 콘솔이 출력되는 문제가 발생했다.token=nulltoken=nullonClickFunction {}onClickFunction {}콘솔이 이런 식으로 나와 당황스러웠다.우선, 같은 콘솔 로그가 두 번 출력되는 이유는 React의 Strict Mode 때문인 것 같아 Strict Mode를 비활성화했다. 그럼 두 번째. 토큰은 왜 null이 나올까?코드를 보면서 설명해보려고 한다.우..
프로젝트 시작코드캠프 프론트엔드 13기를 진행하면서 과제로 받게 된 여행 프로젝트가 있다.중간에 과제를 몇 번 놓치기도하고 비어있는 요구사항도 많아 개인 프로젝트 포폴로 사용할 겸 새로 만들기로 했다. 리팩토링 안하고 새로 만드는 이유?1. tailwind css를 적용해보고 싶어서2. 시험 대비 겸 전체적인 복습을 하고 싶어서3. 공부를 할 때, 이해하지 못하고 무의식 중에 외워서 한다고 생각하는데 과제 역시 그런 방식으로 구현한 것 같아서4. 순도 100 공부를 위해 연습하는 프로젝트이다 => 기존 코드를 리팩터링해도 이해를 못 하고 한다면 의미가 없다고 생각해서 프로젝트 기간구현할 내용은 과제 목록에 어느정도 있고, API 없이도 프론트적으로 구현하고 싶은 기능들을 추가할 예정이다.과정을 반으로 잘..
