44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
comment 삭제하는법
배포하기 전에 커뮤니티, 포스트, comment 삭제하고 다시작성하고 싶은데 어떻게해야될까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
읽기권한 하는법
이하니, gmdmsdud@gmail.com읽기권한부탁드려요강의 열공중입니다 감사합니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
npm run dev 에러 error: role "postgres" does not exist
선생님 안녕하세요.. 에러가 나는데 어떤이유인지 알수없어서 문의드립니다.docker-compose iml 파일 똑같이 작성했는데 왜 연결이 안될까요 😭. .server running at http://localhost:4000error: role "postgres" does not exist at Parser.parseErrorMessage (/Users/sian/dgmit/proj/sian-jjigae-app/server/node_modules/pg-protocol/src/parser.ts:369:69) ++ 글고 강의 너무 좋아요 .. !!!!!!!!!!!!! 완전 자세하게 친절하게 설명해주셔서 이해가 쏙쏙댑니다 .. 영상이 걸레짝 될때까지 계속 반복해서 돌려볼것같슴미다 .... 감사합니다....
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
slugify 함수
Post 엔티티 때 스택오버플로에서 가져온 slugify 함수가 공백은 -로 잘 되는데 한글은 인식이 안되요원래 이런건가요??? 포스트 타이틀을 한글로 생성하면 db에 null이 들어가네요 ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
font awesome cdn script 태그, link 태그 적용
이전 강의들에서 font awesome의 아이콘들을 보고 미리 적용하고 싶어서 script 태그 넣을 위치를 찾는데요. CNA로 만든 프로젝트에는 index.html 문서가 없어서 nextjs에서 body 밖에서 html 태그 넣는 방법을 찾아보고 _document.tsx 라는 예약 파일을 알게되었습니다. 그 폴더 내에서 next/head가 아닌 next/document에서 불러온 Head 태그 내에다가 link 태그로 스타일 시트를 다운로드 받았는데이번 강의에서처럼 _app.tsx에 next/head에서 불러온 Head 안에 넣는 것과 차이가 있나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
질문있어요~
아래에 Typescript Next JS 부록 강의가 어디있는지 모르겠어요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
잘 모르겠습니다 선생니이이이ㅣ잉ㅁ
이전 수업 중 로그인, 회원가입 페이지에 authState를 불러와서if (authenticated) router.push("/") 이렇게 한건 인증이 된 유저는 로그인, 회원가입 페이지에못 가게 하기 위해 맞나요? 그리고 그때는 동작이 안했는데 이번에 수정하고나서는 되는것을 보니 이것도 user 미들웨어에서 next()를 안해줘서 그런건가요? 제가 잘 이해한 것이 맞나 궁금해요
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
[회원가입&로그인] - 유저정보 Context에 담아주기
이전 프로젝트에서 react-redux 를 주로 사용했었는데, Context API 와 무슨 차이가 있을까요 ? Context 의 목적이 상태관리가 아닌 것은 알겠는데,,, 아직 공부를 더 해야겠네요ㅠㅎㅎAuthProvider 에서 파라미터 쪽에 {children} : {children : React.ReactNode} 이건 어떤 식으로 쓰인 문법인지 어디서 찾아볼 수 있을까요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
포스트 페이지 생성하기
선생님 안녕하세요 깃허브 주소 다시올렸어요! 잘되다가 갑자기 막혀서 열심히 찾아봤는데 모르겠어서요포스트 생성하기에서 생성하기 버튼을 누르면오류가 뜨면서 생성이 안되고고쳐보려다가갑자기 여기도 이상해졌어요 npm i -D @types/node 해봤는데 효과가없어요https://github.com/gmdmsdud/reddit-clone-app
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
도커 실행 오류 ,,,
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서혹시 도커 이럴때는 어떻게 해결해야 하나요 ㅠㅠ 뭔가 지운 것 같아서 콜리마를 다시깔았는데 안되네여 ;
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
로그인 시도 시 타입에러 나는데 모르겠네요
TypeError: dispatch is not a functionat handleSubmit (login.tsx?11e1:23:13) 에러나는 부분은login파일의 dispatch("LOGIN",res.data?.user); 에서 에러가 납니다. 이 강의 듣는 몇몇분들도 동일하게 나타나는 증상같은데.. 확인 한번 부탁드립니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
포스트 페이지 생성중에
선생님 안녕하세요잘되다가 갑자기 막혀서 열심히 찾아봤는데 모르겠어서요포스트 생성하기에서 생성하기 버튼을 누르면오류가 뜨면서 생성이 안되고고쳐보려다가갑자기 여기도 이상해졌어요 https://github.com/gmdmsdud/reddit-clone-app
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
오류때문에 질문드립니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.코드도 제대로 입력한 것 같은데 뭐가 문제일까요 .. 통신이아예 가지않는것 같습니다 .오류가자꾸떠서 해결을못하고있어서 질문드립니다 . ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
ec2에서 배포이후 로그아웃 안됨.
ec2에 배포후 80번 포트에서 실행 시 잘 되는데 로그아웃 버튼을 누르니 로그아웃이 안되는데요. 어디를 수정해야 될까요?로그아웃 버튼을 누르면 잠시 로그아웃된 화면이 나왔다가 다시 로그인된 원래 화면으로 돌아옵니다.... 배포전에는 로그아웃이 잘 되었는데요.그리고 댓글의 아래 화살표를 누르면 파란색으로 안바뀌고 빨간색으로 나오는데 이건 어디서 수정해야 될까요? 포스트의 화살표는 제대로 색깔이 나옵니다.그리고 배포 이후에는 pgAdmin에서 db가 바뀌는걸 확인할수 없는것 같은데 예를 들어 회원가입을 하면 그 회원정보를 확인할수가 없던데 다른 방법이 있나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
엔티티작성 문법같은건 구글링하며 만드는건가요?
엔티티작성 문법같은건 구글링하며 만드는건가요?구글로 문서같은것 보면서 따라치는건가요? 아니면 이런 문법들도 전부 외워서 사용하는건가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
엔티티작성할땐 꼭 클래스를 써야하나요?
class extends 이런것들 사장되었다고 하던데라이브러리에서 클래스만을 요구하는건지 궁금합니다!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
port 4000일때 에러 날때가 있는데
안녕하세요 선생님 port가 4000일때 에러 날때가 있는데4000을 다른 숫자로 바꾸면 npm run dev 가 잘 되더라구요안될때 숫자를 아무렇게나 바꿔주면 되는건가요? 그리고 도커에 port 5432:5432 인 이유도 궁금합니다!!숫자를 임의로 정하신건지 규칙이 있는지 궁금합니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
dispatch에서 const dispatch = useContext(DispatchContext); 가 console.log(dispatch)를 하면 null로 출력이 나옵니다.
안녕하세요 강사님,수업대로 코드를 작성해도 제목과 같이 원하지 않던 오류가 생겨 질문을 드립니다.아래와 같이 작성했을때, dispatch함수가 function이 아니라는 오류를 내뱉어, 원인을 찾았더니, useContext(DispatchContext)가 null인 원인이었습니다. 이를 어떻게 고쳐야 정상적으로 작동을 할지 잘 모르겠습니다.코드는 다음과 같습니다. import axios from "axios"; import { createContext, useContext, useEffect, useReducer } from "react"; import { User } from "../types"; interface State { authenticated: boolean; user: User | undefined; loading: boolean; } export const StateContext = createContext<State>({ authenticated: false, user: undefined, loading: true }); export const DispatchContext = createContext<any>(null); interface Action { type: string; payload: any; } const reducer = (state: State, { type, payload }: Action) => { switch (type) { case "LOGIN": return { ...state, authenticated: true, user: payload } case "LOGOUT": return { ...state, authenticated: false, user: null } case "STOP_LOADING": return { ...state, loading: false } default: throw new Error(`Unknown action type: ${type}`) } } export const AuthProvider = ({ children }: { children: React.ReactNode }) => { const [state, defaultDispatch] = useReducer(reducer, { user: null, authenticated: false, loading: true }) console.log("state", state); const dispatch = (type: string, payload?: any) => { defaultDispatch({ type, payload }); } return ( <DispatchContext.Provider value={dispatch}> <StateContext.Provider value={state}>{children}</StateContext.Provider> </DispatchContext.Provider> ) } export function useAuthState() { const state = useContext(StateContext); //if(!state) throw new Error("Provider is not found"); return state; } export function useAuthDispatch(){ const dispatch = useContext(DispatchContext); //if(!dispatch) throw new Error("Provider is not found"); return dispatch; } /** * * <AuthProvider> * <Component {...} /> => Component가 위의 children에 들어감 * </AuthProvider> * * */위는 context/auth 코드이고, 아래는 pages/api/login 코드입니다.import React, { useState, useContext, FormEvent} from 'react' import Link from "next/link" import axios from "axios" import InputGroup from "../components/InputGroup" import { useRouter } from 'next/router' import { useAuthDispatch, useAuthState, AuthProvider, StateContext, DispatchContext } from "../context/auth"; const Login = () => { let router = useRouter(); const [username, setUsername] = useState(""); const [password, setPassword] = useState(""); const [errors, setErrors] = useState<any>({}); const dispatch = useAuthDispatch(); //const dispatch = useContext(DispatchContext); const handleSubmit = async (event: FormEvent) =>{ event.preventDefault(); try{ const res = await axios.post("/auth/login",{password, username}, {withCredentials: true}); console.log("res: ",res); dispatch("LOGIN", res.data?.user) router.push('/'); }catch(error: any){ console.log(error || {}); //setErrors(error.response.data || {}); } } return ( <div className="bg-white"> <div className="flex items-center justify-content h-screen p-6"> <div className="w-10/12 h-2/4 mx-auto md:w-96"> <h1 className="mb-2 text-lg text-yellow-500 font-medium">로그인</h1> <AuthProvider> <form onSubmit={handleSubmit} className="h-1/2"> <InputGroup placeholder="Username" value={username} setValue={setUsername} error={errors.username} /> <InputGroup placeholder="Password" value={password} setValue={setPassword} error={errors.password} /> <button className="w-full py-2 text-xs font-bold text-white uppercase bg-gray-400 border border-gray-400 rounded"> 로그인 </button> </form> </AuthProvider> <small className="text-black"> 아직 아이디가 없나요? <Link href="/login"> <a className="ml-1 text-blue-500 uppercase">회원가입</a> </Link> </small> </div> </div> </div> ) } export default Login
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
강의도표 다운로드시 에러가 나서 pdf로 일괄 다운로드 받을수 있게 부탁드립니다.
올려주신 https://app.diagrams.net/에서 pdf로 도표자표를 다운로드 받을려고 하니 자꾸 에러가 나서요. 9개 파일 모두 pdf로 일괄 다운로드 받을수 있게 링크 부탁드립니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
sh: 1: env-cmd: not found
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. aws ec2 배포 과정에서 문제가 있습니다. npm run build:prod 에서 문제로 .package.json에도 env-cmd 가 제대로 설치가 되어있고,script 문에도 정상적으로 적어져 있으나, sh: 1: env-cmd: not found 와 같은문제가 뜨네요 .