juni

검색해서 알아보기제네릭 빈 배열types/supabase.ts에 public 스키마에 모든 테이블 , 컬럼 불러오기npx supabase login -> npx supabase init -> n / n -> yarn add supabase --dev const [reviews, setReviews] = useState[]>([]); router.push() ( next/navigation )router.push()는 Next.js의 useRouter 훅을 사용하여 프로그래밍 방식으로 내비게이션을 수행할 때 사용합니다.장점프로그램적 내비게이션: 내비게이션을 함수 내에서 조건적으로 실행할 수 있습니다. 예를 들어, 폼 제출 후 특정 조건에 따라 페이지를 이동시키는 경우에 유용합니다.동적 경로: 특정 이벤트나..

검색해서 정리해보기CORS"gen": "npx supabase gen types typescript --project-id netvvmmkvqmzzmsgzjgx --schema public > src/types/supabase.ts"-> supabase.ts (type폴더) supabase type 파일 만들었는데 혹시 테이블 내용이 수정되면 'yarn gen' 하시면 업데이트 됩니다. 그런데 그 전에 yarn 하시고 .. yarn add supabase --dev 한번씩만 해주세요!!if (e.key === 'Enter' && tagInput.trim() !== '')script.onload 마이페이지 리뷰 별점 구현별점 0~5점으로 평균값 구하기 가능 'use client';import axios f..

동작 원리 및 코드 내용 검색해보기return new Intl.NumberFormat('ko-KR').format(price);{Object.entries(post.tag).map(([key, value]) => ({value} const code = searchParams.get('code');  useEffect(() => {    // 인증 상태 변경 감지    const { data: authListener } = supabase.auth.onAuthStateChange(async (event, session) => {      if (event === 'PASSWORD_RECOVERY') {        setShowResetForm(true);      }    });  // 컴포넌트 언마운트..

와이어프레임 페이지별 기능까지 구체화하여 정리유저플로우 정리 회의 내용디자이너 - 화면마다 ui에서 어떤 동작이 이루어지고 동작에따라 어떤 결과로 이어지는지 구체적으로 얘기하면 좋겠음 애플 로그인 개발자 신청때문에 문제있음 , 상세페이지 수정 및 생성 날짜 나오는 부분도 소통이 안되어 전달이안됨 모바일웹사이트로 생각하고 작업하기 로그인페이지 로그인 부분은 최대한 컴포넌트 비슷하게 구성 회원가입에 얼만큼의 정보를 요구할지 ( 이메일 , 비밀번호만 요구할지 ) , 프로필 수정 등 인증은 어떤 조건을 요구할지 회원가입 시에는 일단 닉네임,이메일,비밀번호 3가지만 요구하기 회원가입/로그인에서 이메일 회원가입/로그인은 알겠으나 소셜로그인은 어떻게 디자인할지 구성해야함 메인 페이지 모바일은 화면이작기때문에 검색에는..

Supabase 세팅법폴더구조📦src ┣ 📂app ┃ ┣ 📂(providers) ┃ ┃ ┣ 📂(root) ┃ ┃ ┃ ┣ 📂(mypage) ┃ ┃ ┃ ┃ ┣ 📂my-page ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx ┃ ┃ ┃ ┃ ┗ 📂review-page ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx ┃ ┃ ┃ ┣ 📜layout.tsx ┃ ┃ ┃ ┗ 📜page.tsx ┃ ┃ ┣ 📂_providers ┃ ┃ ┃ ┗ 📜QueryProvider.tsx ┃ ┃ ┗ 📜layout.tsx ┃ ┣ 📂api ┃ ┃ ┗ 📂reviews ┃ ┃ ┃ ┗ 📜route.ts ┃ ┣ 📂login ┃ ┃ ┗ 📜page.tsx ┃ ┣ 📜globals.css ┃ ┗ 📜layout.tsx ┣ 📂assets ..

오전회의회의번역이 가능한지 확인하고 확실히 타겟층 정하고 들어가면 좋을 것 같음 -혜은현지인 투어가 강조된만큼 주 타겟층이 외국인 관광객이 되지 않을까 예측 - 상준오전 10:00 튜터링보성님 백오피스 분량 많음 상품관리 결제내역 등등 관리 가능해야 함…유저 정보 관리 / 상품 관리 / 결제 내역 및 리스트 관리 등 전반적인 서비스 조작이 가능해야하므로 리소스가 과도할 시 관리 파트 담당자 분들과 협업하여 해결 추천디자이너 분량 체크 - 백오피스는 아주 간단히 디자인 해도 된다다들 양이 많아서 열심히 해야 된다. 여러분의 노력에 달려 있다.번역 관련 질문 - 번역할 때 가장 많이 쓰는 api가 i18n-next**https://inblog.ai/luke/react-i18nnext-16165?traffic..

튜터링 내용기능만 보았을 때는 분량을 늘려야 한다그렇다면 디자인 할 화면이 너무 많아진다. 화면 수를 줄이는 방법은?기능 난이도를 높이는 방법도주제를 더 명확하게 하자기능을 먼저 기준으로 잡고 다음 화면을 정하는 방법도 있다 튜터링 내용에 따라 프로젝트 주제 구체화 , 기획 세분화 , 기능 분배reference 조사 참조 사이트https://www.myro.co.kr/planning/guam MYRO - AI 여행 플래너평균 10시간 이상이 소요되는 여행 일정 세부 스케줄링을 가고 싶은 장소만 장바구니에 담듯이 선택하면 인공지능이 최적의 일정을 자동으로 스케줄링 해주는 쉽고 간편한 AI 여행 플래너 서비www.myro.co.krhttps://www.stubbyplanner.com/ 상상속 유럽여행을 현실..

프로젝트 기획에따른 와이어 프레임 작성 프로젝트 명 : 피에스타 투어 (Fiesta Tour)소개한 줄 정리 : 기획부터 실행까지 옮겨주는 축제 여행 플랫폼내용 : 추천 여행지부터 일정 공유까지 유저들과의 소통으로 보다 나은 계획 수립에 도움을 줍니다프로젝트 핵심 기술실시간 채팅( 단체 톡 )고객 맞춤 안내( 여행지 추천 기능 )결제 기능( 숙소, 항공, 축제 입장 비용 등 )백오피스( 관리자 페이지 )기술 스택ReactNext.jsTailwindCSSTypeScriptSupabase사용 API여행API - Tour API지도API - 카카오 API결제API - 토스 API  Code Convention 변수, 함수, 인스턴스✅카멜케이스로 작성하기!첫 단어는 소문자, 그 다음 단어부터는 대문자변수 이름은..