전체 글69 Node / 로그인 했는데 게시글 작성 시 401 나올 때 back의 미들웨어중 cors에서 credentials: true 를 추가했는지 확인해본다. credentials: true 없다면 추가해주고 이후 front도 확인한다. front에서 axios 의 세번째 인자로 withCredentials: true를 넣어줬는지 확인해보자 { withCredentials: true } 수정후 다시 로그인했는데도 cors에러가 나온다면 CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the req.. 2022. 6. 28. Error: COLLATION 'utf8_general_ci' is not valid for CHARACTER SET 'utf8mb4' db와 시퀄라이즈 연동 후 서버를 실행하고 db 테이블을 살펴보는데 설정해놓은 테이블 일부분만 들어와있었다. 터미널을 확인해보니 몇몇 테이블은 Executing이 되었는데 어디서 에러가 났다. // 에러 문구 Error: COLLATION 'utf8_general_ci' is not valid for CHARACTER SET 'utf8mb4' 이 에러는 아래와 같이 수정한다. // 에러 코드 charset: "utf8mb4", collate: "utf8_general_ci", // 수정 후 charset: "utf8mb4", collate: "utf8mb4_general_ci", 2022. 6. 25. AssociationError [SequelizeAssociationError]: requires through option, pass either a string or a model 처음으로 시퀄라이즈 연동을 해보는데 코드를 작성하고 서버를 실행하는데 Association에러가 나왔다. (이것 때문에 2시간을 날림) // 에러 문구 AssociationError [SequelizeAssociationError]: Post.belongsToMany(Hashtag) requires through option, pass either a string or a model N 대 N 관계는 through option 설정을 해야한다. // 에러 코드 // models/post.js ... db.Post.belongsToMany(db.Hashtag); // models/hashtag.js ... db.Hashtag.belongsToMany(db.Post);; // through option 설정.. 2022. 6. 25. 19.5 리액트 라우터가 있는 SPA 다중 페이지 구축하기: 경로 구성에 Switch 및 exact 사용하기(feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. Switch 및 exact 사용하기 아래의 Route 경로 설정을 보면 path의 경로가 products 가 2개이며 하나는 params의 키로 productId 를 가지고 있다. import { Route } from "react-router-dom"; import Welcome from "./pages/Welcom.. 2022. 6. 14. 19.4 리액트 라우터가 있는 SPA 다중 페이지 구축하기: Params 사용하여 동적 경로 추가하기(feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. useParams로 동적 매개변수 추출 params 를 사용하기전 app에서 선 작업을 해준다. App.js 에서 Route 를 설정한 라인 중 어느 한 코드를 확인 해보자. path 에서 콜론을 사용하고 params 의 개채의 키로 식별자를 넣어준다. 식별자는 productId 이제 useParams를 사용할 준비가.. 2022. 6. 14. 이전 1 2 3 4 5 6 7 ··· 14 다음
