173만명의 커뮤니티!! 함께 토론해봐요.
미해결
Next + React Query로 SNS 서비스 만들기
안녕하세요. 디렉토리 구조를 afterlogin과 beforelogin구조로 나누어서 로그인을 분기치고 있고 auth.ts에서 서버로 부터 전달받은 토근값을 넣고 미들웨어에서 세션을 유무를 확인하여 login페이지로 리다이렉트 시키고 있습니다. afterlogin과 beforelogin으로 디렉토리가 어떤방식으로 나뉘는지 로직이 궁금합니다. 관련된 훅이 있는것인지?? 2. 실제 상용화된 서비스라고하면 로그인이 풀리는것을 방지하기 위해 BE로 토근값을 요청할텐데, 관련 로직은 어떤방식으로 구현하는게 좋은방법인지 요청드립니다.
해결됨
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕하세요. 강의 잘 듣고 있습니다. 재밌게 강의를 듣던 중 궁금증이 생겨 이렇게 질문 드리게 되었습니다. 7분40초~7분50초 쯤 설명에 의하면 "우리가 웹에서 입력한 name값이 MemberForm의 name 필드로 전달이 된다"라는 식으로 말씀을 하셨는데, 어떻게 Member 클래스가 아닌 MemberForm 클래스의 name을 찾아가게 되는 건가요?? 제가 워낙에 초보라서 그런지, 코드 상에서 "Member의 name이 아닌 MemberForm의 name을 찾아가도록 하는" 코드도 발견을 못하겠습니다.. 또한 다른 분들의 말씀에 의해서 질문을 드리고 싶은데, MemberForm 클래스에서 setName() 메서드가 사용이 안되는 것 같은데, 7분55초~ 8분 쯤의 설명으로는 setName() 메서드를 사용하시는 것처럼 말씀하시더라구요. 이 역시도 제가 잘 몰라서 그러는데 실제로 setName() 메서드가 사용되는 건가요?? 자세한 설명 부탁드리겠습니다. 감사합니다:-)
해결됨
5분빨리 퇴근하자! 파이썬 데이터 분석, 시각화, 웹 대시보드 제작하기
버튼과 체크박스 모두 조건문을 사용할 때는 바로 아래에 텍스트가 출력되는데, 함수를 사용하면 대시보드 맨 위에 텍스트가 호출되는 것은 왜 그런건가요?(맨 위에 텍스트가 호출되어 출력된 부분이 전부 다 한 칸 씩 밀리게 됨)
미해결
Next.js 풀스택 Notion 서비스 만들기
안녕하세요! [Next.js 필수 개발 가이드 3시간 완성!] 강의를 너무 만족하여 수강하였고, 이후 풀스택 강의를 수강하게 된 수강생입니다. 위에 강의에서 커뮤니티에 올려주신 깃허브를 참고하여 오류&막히는 부분은 소스를 확인하여 수강하였습니다. 혹시 노션 풀스택강의에서도 깃허브 소스가 제공될 수 있을까요? 부탁드립니다. 감사합니다 :-D
미해결
Next + React Query로 SNS 서비스 만들기
공통으로 사용할 컴포넌트 폴더가 애프터로그인, 비포로그인 그룹 각각 폴더의 _component 로 존재하는 이유가 있는건가요 ? app폴더 아래에서 비포와 애프터 둘다 공통으로 사용하게끔 뺴면 어떤 문제가 있는건가요??
미해결
Next + React Query로 SNS 서비스 만들기
App router를 사용해서 상용화를.목표로 하는 서비스를 만들기에는 아직 무리일까요? 라이브러리가 호환이 안되는것들이 많다고 들어서 page router를 쓸지 고민이되네요 예전보다는 많이 안정화되었다고 듣기는 했는데 page router에 비해 리스크가 크지않을지 궁금합니다
미해결
Next + React Query로 SNS 서비스 만들기
영상 항상 잘보고있습니다. 응원합니다! 질문입니다! 최근에 성능최적화에 관심이 생겨서 re-rendering을 최소화하려고 관련자료를 찾아보고있는 와중에 궁금함이 생겨서 질문드립니다 ! 리액트 얕은비교는 공식문서에서 함수보면서 오브젝트 1depth 까지는 for문 돌면서 값 체크를 한다고 이해했습니다. 아래 key3과 같이 값이 array이고 그안에 object 담겨잇을때 데이터 fetching 때마다 key3에 담겨있는 Array의 참조값도 바뀌고 array에 담겨잇는 Object도 참조값이 매번 달라져서 rerendering이 반복적으로 일어날것 같은데 맞을가요? const data = { key1 : "aa", key3 : [{a:'a'},{b:'b'}] } 질문이 잘 전달되었으면 좋겠는데... 글로 적으니 뭔가 어렵네요.ㅠ 감사합니다.!
미해결
Next + React Query로 SNS 서비스 만들기
서버 컴포넌트에서 Server Actions 사용하기 강의까지 그대로 따라하고 오류때문에 다시 반복해봐도 오류가 발생해서 코드 남깁니다. <SignupModal.tsx> import style from "./signup.module.css"; import { redirect, useRouter } from "next/navigation"; import { ChangeEventHandler, FormEventHandler, useState } from "react"; import BackButton from "./BackButton"; export default function SignupModal() { const submit = async (formData: FormData) => { "use server"; if (!formData.get("id")) { return { message: "no_id" }; } if (!formData.get("name")) { return { message: "no_name" }; } if (!formData.get("password")) { return { message: "no_password" }; } if (!formData.get("image")) { return { message: "no_image" }; } let shouldRedirect = false; try { const response = await fetch( `${process.env.NEXT_PUBLIC_BASE_URL}/api/users`, { method: "post", body: formData, credentials: "include", //쿠키를 사용하여 로그인 여부를 파악하기 위함 } ); console.log(response.status); // if (response.status === 403) { // return { message: "user_exists" }; // } // 이미 유저가 존재할때 403 보내주기로 약속 console.log(await response.json()); shouldRedirect = true; } catch (err) { console.log(err); } if (shouldRedirect) { redirect("/home"); //try/catch문 안에 있으면 안됨. } }; return ( <> <div className={style.modalBackground}> <div className={style.modal}> <div className={style.modalHeader}> <BackButton /> <div>계정을 생성하세요.</div> </div> <form action={submit}> <div className={style.modalBody}> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="id"> 아이디 </label> <input id="id" name="id" className={style.input} type="text" placeholder="" required /> </div> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="name"> 닉네임 </label> <input id="name" name="name" className={style.input} type="text" placeholder="" required /> </div> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="password"> 비밀번호 </label> <input id="password" name="password" className={style.input} type="password" placeholder="" required /> </div> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="image"> 프로필 </label> <input id="image" name="image" className={style.input} type="file" accept="image/*" required /> </div> </div> <div className={style.modalFooter}> <button type="submit" className={style.actionButton}> 가입하기 </button> </div> </form> </div> </div> </> ); } > <handlers.ts> http.post("/api/users", async ({ request }) => { console.log("회원가입"); // return HttpResponse.text(JSON.stringify('user_exists'), { // status: 403, // }) return HttpResponse.text(JSON.stringify("ok"), { headers: { "Set-Cookie": "connect.sid=msw-cookie;HttpOnly;Path=/", }, }); }), > 이런식으로 강의와 똑같이 작성했고, 질문글중 회원가입 코드에 Path부분 빼라고 해보셔서 해봤는데 안됩니다. 실행하고, 가입하기 버튼을 눌렀을때 redirect가 안되고, 헤더 200, 페이로드는 뜨지만 미리보기, 응답이 뜨지 않습니다. 그리고 에러코드에 TypeError: fetch failed <cause: Error: getaddrinfo ENOTFOUND loalhost at GetAddrInfoReqWrap.onlookupall [as oncomplete] (node:dns:118:26) at GetAddrInfoReqWrap.callbackTrampoline (node:internal/async_hooks:130:17) { errno: -3008, code: 'ENOTFOUND', syscall: 'getaddrinfo', hostname: 'loalhost' } }> 이런 에러가 떠서 검색도 해봤지만 해결이 안되서 질문 드립니다.
해결됨
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님! AWS에 배포하기 및 카카오톡 공유하기 강의까지 끝마친 수강생 입니다! 사전에 back 폴더 이미지 모델에서 이미지 문자열 길이를 수정하였습니다. 백엔드 루트 MySQL에서 react-nodebird DB 삭제 후 react-nodebird DB를 다시 만들어도 table이 재생성 되지 않아 질문 드립니다! DB를 삭제한 이유는 에러 로그 확인 시 아래 문제가 발생했기 때문입니다. 이상하게도 두 에러 메시지 모두 DB와 Table이 존재하는 상태일 때 발생하였습니다. Error: Unknown database 'react-nodebird' DatabaseError [SequelizeDatabaseError]: Table 'react-nodebird.테이블명' 문제를 해결하기 위해 제로초님의 섹션6 프론트 서버 배포하기 강의 14:00 와 똑같은 방법으로 해결하려 하였습니다. 그러나 해결되지 않았습니다. react-nodebird DB를 지우기 전 테이블 상태 DROP DATABASE 후 CREATE DATABASE react-nodebird DB 생성. 백엔드 루트 경로에 npx sequelize db:create 명령어 입력 및 성공 똑같이 테이블이 생성되지 않는 문제가 발생한 다른 수강생 분의 질문 글 https://www.inflearn.com/course/lecture?courseSlug=%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC&unitId=49016&category=questionDetail&tab=community&q=685995 문제를 해결하기 위해 다른 방법을 찾던 중 같은 문제가 발생한 분을 찾았습니다! 위 글에서 제로초 님께서는 테이블만 따로 재생성 하라고 하셨습니다. 구글링 해보니 table을 만들기 위해서는 각 컬럼을 정의하는 스키마를 작성하여 table을 만드는 방법이 많았습니다. 강의에서는 나오지 않은 방법이라 함부로 시도하진 않았습니다... 어떻게 하면 다시 table만 따로 생성할 수 있을까요? 질문 글 읽어주셔서 감사합니다!
해결됨
Next + React Query로 SNS 서비스 만들기
SSR 확인 중에 발견했는데, 게시글이 보이지 않는 오류가 발생해서 질문 드립니다. nest-prisma 쪽 터미널에도 오류가 따로 찍히는게 없어서 혹시나해서 선생님 코드 복붙도 해봤는데 해결이 안되네요..
해결됨
Next.js 풀스택 Github Issue 서비스 만들기
강의 05 에서 npx prisma format npx migrate 를 하는데, 디비명 에러가나는데요... cmd로 mysql 에서 디비를 생성하려니 하이픈 오류로 나옵니다... .env 설정 DATABASE_URL = "mysql://root:12341234@ @localhost:3306/issue-managemen t" 윈도우 mysql에 디비를 만들지않은 상태에서도 마이그레이션이 되는건가요?
해결됨
Next.js 풀스택 Notion 서비스 만들기
강의철회 안내메일을 받았습니다.ㅜㅜ 그러면 기존 수강생인 경우에는 어떻게 하나요??? 이번 진행중인 프로젝트를 완료 하고나서 열공하려고 했거든요 ㅜㅜ
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
프리티어로 가입해서 강의대로 EC2 로드밸런스 S3 이런거만 했는데 소액씩 요금이 계속 청구되네요 원래 배포하는데 계속 청구 되는건가요?
미해결
Next + React Query로 SNS 서비스 만들기
비번 확실히 틀리지 않았는데 계속 오류 뜨길래, 완전 삭제후 다시 설치해서 비번 쉬운걸로 다시 설정하고 입력해도 계속 비번오류 뜹니다.
해결됨
Next + React Query로 SNS 서비스 만들기
next의 확장된 fetch 기능만으로 동일하게 프로젝트를 만들 수 있을까요? react-query가 꼭 필요한가의 궁금증으로 시작해서 이런 글 도 찾았는데, 읽고 제가 내린 결론은 서버사이드 뿐만아니라 클라이언트 사이드에서의 캐싱처리를 위해 react-query를 사용한다 입니다. 제가 이해한 내용이 맞을까요?
미해결
김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음
[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 [질문 내용] 홀수 짝수 구하는 문제에서 선생님께서 말씀하신 삼항연산자로 구하는 거 기억 더듬으며 해봤는데 값은 나오거든요.. 혹시 잘못되거나 이상한 점이 없는지 질문드립니다!!
미해결
자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]
이번에 만든 조회하는 api는 리스트로 반환해야 하기 때문ㅇ JSON이어야 하고 그렇기에 함수 반환 값이 List<UserResponse>인건가요? 그리고 등록 api에서 만든 users리스트 수만큼 for문 돌려서 진정한 결과 리스트(id도 포함되어있는) reponses를 만들어낸건가요..?
해결됨
Next.js 풀스택 Notion 서비스 만들기
강의를 보니 테일윈드 클래스 자동정렬 기능이 되어있으신거 같은데 prettier-plugin-tailwindcss 쓰시는건가요 아님 다른 방법이 있으신가요?
미해결
Next + React Query로 SNS 서비스 만들기
이런 상황에서는 어떻게 해야할까요? 강사님은 queryFn 함수를 별도로 분리하는 방식인데, 해당 함수내에서는 token을 호출할 수 없을것입니다. 그렇다면 제가 생각하기에 가능한 방법은 querykey에 포함시켜서 함수에서 호출하는 방법인데... 그렇게되면 token이 필요한 모든 함수의 key 배열에 토큰을 추가시켜야 하는 작업을 해야합니다. 하지만 이것보다 더 좋은 방법이 있을지 잘 모르겠습니다. axios 같은 경우에는 전역적으로 header에 default로 넣는다거나 하는 방법이 있는데, fetch로 하는 경우에는 위의 방법이 최선일까요?
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
const [dog, setDog] = useState(""); const res = axios.get("https://dog.ceo/api/breeds/image/random"); console.log(res.data.message); // 사진 주소 setDog(res.data.message); 위 코드에서 강사님이 설명 해주실 때, res 값이 변경되고 state 값이 바뀌니까 계속 무한루프로 리렌더링이 된다고 하셨는데, 계속 state 값이 바뀌는 이유가 이 api 자체가 fetch 할 때마다 랜덤으로 사진이 바뀌는 api라서 그런 걸까요 ? ??
