44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
slugfy 한글 제목 주소
slugfy 한글 제목 주소는 어떻게 처리해줘야 하나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
로그아웃 후 다음의 Axios 요청 때 삭제된 쿠키가 전송됩니다.
로그아웃을 한 후 브라우저 개발자 도구에서 쿠키가 제거된 것이 확인됩니다. 하지만, 새로고침을 하면 아래의 코드에서 이전의 쿠키를 /auth/me API 요청의 request header에 포함을 해서 200response를 받습니다(쿠키가 삭제되었기 때문에 빈 쿠키를 보내야 하지 않나요..?). 따라서 dispatch함수가 실행이 되고, authenticated가 true가 되어 로그인 버튼이 작동하지 않습니다. 혹시 삭제되기 이전의 쿠키가 왜 보내지는지 알 수 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
ubuntu 서버에서 postgres 관련 에러
ec2 서버에서 docker 실행하고 서버실행햇는데DataSource Entity 관련 에러가 있네요로컬에서는 작동이 잘 되는 것 같은데 뭐가 문제일까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
TypeORM 관련 질문드립니다.
Comment.ts 파일을 생성할 때,Comment.ts 파일을 생성할 때, @ManyToOne(() => User) @JoinColumn({ name: 'username', referencedColumnName: 'username' }) user: User; @ManyToOne(() => Post, (post) => post.comments, { nullable: false }) post: Post;둘 다 똑같은 ManyToOne 인데 형식이 왜 다른지 알 수 있을까요?Vote.ts 같은 경우에도 @ManyToOne(() => User) @JoinColumn({ name: 'username', referencedColumnName: 'username' }) user: User; @ManyToOne(() => Post) post: Post; @ManyToOne(() => Comment) comment: Comment;이런식으로 같은 데코레이터여도 어떤 것은 () => xx 다음에 무언가를 붙이는 경우가 있고 JoinColumn을 붙이는 경우도 있고, () => xx 만 붙이는 경우가 있는데 어떤 경우에 따라 어떻게 달라지고, 무슨 차이가 있는지 궁금합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
Post Entity 강의에서 함수에 대한 자세한 설명좀 부탁드려요.
slugify function이랑 makeId function이 두 가지 함수가 어떠한 역할을 하는지 명확하게 모르겠어요..uri 만들어줄 때 필요한 함수 정도로만 추상적으로 이해가 되네요. 명확하게 알고 싶어서 함수를 읽어보려고 해도 잘 안읽히네요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
error: password authentication failed for user "postgres"
error: password authentication failed for user "postgres"에러가 뜹니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
getSortedPostsData() 이부분 오류 표시됩니다.
삭제된 글입니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
process.env 에러
process.env 변수 작성시 위아 같은 에러가 납니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
import react 관련 에러
scr 폴더에 다 이동하고 나서 저런 에러가 생기고해결하려면 각 파일마다 리액트를 불러와야하던데그렇게 하지 않고 수정할 방법이 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
TypeORMError 발생
import { Exclude, Expose } from "class-transformer"; import { BeforeInsert, Column, Entity, Index, JoinColumn, ManyToOne, OneToMany, } from "typeorm"; import { makeId, slugify } from "../utils/helpers"; import Comment from "./Comment"; import BaseEntity from "./BaseEntity"; import Sub from "./Sub"; import { User } from "./User"; import Vote from "./Vote"; @Entity("posts") export default class Post extends BaseEntity { @Index() @Column() identifier: string; @Column() title: string; @Index() @Column() slug: string; @Column({ nullable: true, type: "text" }) body: string; @Column() subName: string; @Column() username: string; @ManyToOne(() => User, (user) => user.posts) @JoinColumn({ name: "username", referencedColumnName: "username" }) user: User; @ManyToOne(() => Sub, (sub) => sub.posts) @JoinColumn({ name: "subName", referencedColumnName: "name" }) sub: Sub; @Exclude() @OneToMany(() => Comment, (comment) => comment.post) comments: Comment[]; @Exclude() @OneToMany(() => Vote, (vote) => vote.post) votes: Vote[]; @Expose() get url(): string { return `/r/${this.subName}/${this.identifier}/${this.slug}`; } @Expose() get commentCount(): number { return this.comments?.length; } @Expose() get voteScore(): number { return this.votes?.reduce((memo, curt) => memo + (curt.value || 0), 0); } protected userVote: number; setUserVote(user: User) { const index = this.votes?.findIndex((v) => v.username === user.username); this.userVote = index > -1 ? this.votes[index].value : 0; } @BeforeInsert() makeIdAndSlug() { this.identifier = makeId(7); this.slug = slugify(this.title); } } 위와 같은 오류가 뜨는데 어떻게 해결해야 하나요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
dangerouslySetIntterHTML
dangerouslySetIntterHTML 작성시__html 프로퍼티에 빨간줄이 생기는데강의대로 작업해도 군데군데 빨간줄이 생기는데타입체크가 더 필요한건가요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
Tuple 에 대한 설명이 편집된 것 같습니다
Union 에서 Enum 으로 바로 넘어가는데Tuple 에 대한 설명이 없는 이유가 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
getSub 함수 관련 문의드립니다.
선생님 getSub 함수 관련 질문입니다.강의 내용에서 배운것을 토대로 별도의 프로젝트를 진행중입니다.제 프로젝트의 경우에 findOneByOrFail에 id를 전달해주고 싶은데요.아래와 같이 타입 오류가 뜹니다. 이럴경우 어떻게 해야 할까요..const getOrderDetail = async (req: Request, res: Response) => { const id = req.params.id; try { const ids = await Order.findOneByOrFail({ id }); return res.json(ids); } catch (error) { return res.status(404).json({ error: "커뮤니티를 찾을 수 없습니다." }); } };
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
aws 서버에서 오류가 납니다..로컬에서와 같은 오류인거 같은데요...
서버에 배포를 했는데요http://ec2-3-21-162-65.us-east-2.compute.amazonaws.com/서버쪽에서 오류가 나는데요...이 오류 관련해서 어떤 내용을 찾아보면 좋을지...조언 부탁드립니다..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
서버 배포하도록 변경하는데 에러가 나네요. 로컬에서 이렇게 오류가 나는데 어떻게 해야할지요?
AWS에서 클라이언트 페이지 띄우고, 서버쪽에 이벤트 호출하면서 계속 오류가 나는데... 로컬에서도 오류가 나네요 제가 도커나 서버환경쪽이 익숙하지 않아서 잘 모르겠는데 도움 부탁드립니다. <로컬> -로컬에서 서버 실행했을때 -docker-compost.yml - data-source.ts
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
error: password authentication failed for user "postgres"
도커 컨테이너도 실행 잘 되고, 서버 연결도 잘되서localhost: 4000에서 서버도 잘 띄워집니다.그런데, 데이터베이스만 연결이 안되는 것 같아요 ㅠㅠnpm run dev 만 하면이런 에러가 납니다.// docker-compose.yml// data-source.ts환경변수로도 해봤는데 안되서,일단은 postgres, password로 입력해 놓은 상태입니당 ㅜDocker Desktop에 컨테이너에서 로그 같은 기능이 있길래 봤는데자꾸 비밀번호 인증에 실패 했다고만 나오고 구글링해도 모르겠어용 ㅠㅠreddit-postgres | 2022-08-28 02:13:17.747 UTC [1] LOG: database system is ready to accept connections reddit-postgres | 2022-08-28 02:13:52.751 UTC [33] FATAL: password authentication failed for user "postgres" reddit-postgres | 2022-08-28 02:13:52.751 UTC [33] DETAIL: Connection matched pg_hba.conf line 100: "host all all all scram-sha-256"
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
dispatch type 문의
const dispatch = useAuthDispatch(); 에도 마찬가지로 타입 추론이 unknown 타입으로 되서 그림과 같이 빨간줄이 뜨는데 어떻게 처리해야 하나요? export const useAuthDispatch = () => useContext(DispatchContext) as any; 위와 같이 처리하는 방법도 괜찮나요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
.env 불러오는 방법이 어떻게 되나요?
data-source.ts 부분에 .env 로 설정한 부분 도커에서 했던 식으로 "${DB_USER_ID}"위처럼 하니 undefined 라고 뜨는거 같은데요 불러오는 방법이 있나요? .env 위치를 변경해야 하는건지요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
자동완성 익스텐션 문의
자동완성 문의드립니다.강의 중에 이렇게 자동완성이 되는 기능이 있으신거 같은데요.어떤 익스텐션 사용하시는 건지 알 수 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
배포할 때 AppDataSource 파일 .env 설정
초반에 도커.yml 파일을 .env로 환경변수 해준 것처럼나중에 배포할 때 생각해서 data-source 파일에 있는username, password, database 등등 .env에서 설정해야 되죠?