정의 : Web 개발자에게 필요한 다양한 기능을 제공하는 React Framework Next의 장점 SEO(Search Engine Optimization)을 위한 SSR(Sercer-Side Rendering) 지원 파일 기반 라우팅/ 앱 기반 라우팅으로 Routing을 쉽게 구현 복잡한 Server가 없어도 API 배포 가능 초기 로딩 속도 개선을 위한 자동 Code Splitting 등 최적화를 자동으로 지원. 개발 환경이 쉽고 간단함 a. Linting, compiling, bundling, deploying을 위한 설정이 자동화 되어있음 b. Router, tailwind, typescript, lint 등의 주요 기능들이 configure 없이 사용 가능함. Reference https://..

🚀 Today I Studied Final Team Project 새로운 팀원들과 팀 프로젝트 기획안구성 그라운드 룰 정하기 프로젝트 주제 정하기 팀 이름 정하기 주요기능 기술스택 선정 역할 나누기 개발 일정 정하기 ⚡️ Today I Learned * Ice Climber: Savers ==> https://iris-scallop-80f.notion.site/e5561d909e3e4ec6bf6be74807944ccc?pvs=4 🕰️ 오늘의 공부시간: 11:04 오늘의회고 내가 원했던 주제가 되지 않아 아쉽지만, 이번 프로젝트 주제 나쁘지 않다 내가 하고 싶었던 것은 개인 프로젝트 때 한번 구현해보고 싶다. 디자이너까지 합류하여 역대 최대 인원으로 프로젝트를 진행하다보니 회의에 어려움이 있었다. 좀 더 ..

🚀 Today I Studied Team Project: BRSand 최종완성 그러나 리팩토링이 전혀 진행되지 않아서 리팩토링 및 컴포넌트 분리 필수적으로 필요한 상황 다음 주 월요일에 다시 팀원들과 이야기해 볼 예정 Final Project 기획서 및 새로운 팀 규칙 등 ==> https://iris-scallop-80f.notion.site/5-e5561d909e3e4ec6bf6be74807944ccc ⚡️ Today I Learned BR을 마치며... 느낀점 프로젝트가 우당탕탕 완성이 다 되었지만 최종 전 마지막 프로젝트라서 긴장을 많이 했던거 같습니다. 프로젝트 사이즈가 많이 크다고 생각해서… 나름 챌린지를 해본건데 그래도 으쌰으쌰해서 완성단계까지 끌어올릴 수 있어서 좋았습니다~~ 포기하지 않으..

🚀 Weekly I Studied Team Project: BRsand 프로젝트 개요: easy order/management Service user: 주문하기, 주문내역 확인, login(social)/join manger: 주문내역관리, 재고관리 admin: 통계/매장관리, 회원관리 ⚡️ Weekly I Learned .env 파일에 변수명 설정 과정 에러 CRA로 세팅 된 환경에서는 .env파일 변수명에 반드시 REACT_APP을 접두어로 붙여주어야함! TIM(Trouble I Met) 회원가입 시 사용하는 supabase method, supabase.auth.signUP은 auth schema에 저장이 됨. 해당 schema의 data는 supabase 정책 상, 사용하지 않는 것을 보안등의 이..

🚀 Today I Studied BRSand Login Social Login kakao google slack social Login 후에, 카카오에서 제공하는 정보 받아다 supabase에 반영 ID/PW 유효성 검사: react-hook-form 사용 ID가 mail형식이 아닐 때, 비밀번호가 6자리 미만일 때 비밀번호 확인과 비밀번호가 불일치 할 때 회원가입 시 이미 등록된 메일이 있을 때 Login시 비밀번호가 틀렸을 때 Grade 부여 admin만 user의 등급을 변경할 수 있다. grade는 초기에 basic으로 자동부여되며, 총 주문금액에 따라 silver/gold로 바뀐다. grade 페이지 접속 시, 총 주문금액이 다음 grade로 업데이트가 필요한 회원은 'Upgrade&#3..

🚀 Today I Studied TeamProject: BRsand Join Id, pw로 회원가입 기능 구현 회원가입 후, 자동 로그인 기능 구현 회원가입 때 입력한 값을 사용하여 로그인 해당 email, uid를 바로 db에 저장 로그인 후에, 개인정보 입력 여부를 물어보고 동의할 경우 개인정보를 받아 db에 저장 🕰️ 오늘의 공부시간:13:02