inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

NextJS Typescript를 이용한 프론트엔드 구현하기

nextJS 설치 시 설정하는게 생겼는데

해결된 질문

2307

oridori2705

작성한 질문수 54

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

Eslint는 뭔지 알겠는데 밑에 3개는 처음보네요.. 업데이트 되면서 생긴건가요??

마지막은 @components/* 이렇게 설정하라고 하던데 맞나요?? 무슨뜻인가요?? 구글링했습니다

node.js nodejs typescript postgresql react docker 클론코딩 Next.js next.js 클론코딩

답변 1

2

rhkdtjd_12

  1. src/ directory 를 사용하는지 여부? 말그대로 강사님처럼 src 폴더에 components hooks ..등 폴더들을 src 폴더아래에 넣어서 사용하면 yes 아니면 no

     

  2. experimental app/ directory 마찬가지로 app이라는 폴더 아래에 components hooks... 등 폴더들을 app폴더 아래에서 생성해서 사용하면 yes 아니면 no

폴더구조는 취향

마지막 질문: @components/* 이렇게 설정 하라고 하던데 무슨뜻인가요??
답변 :

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [
		'./pages/**/*.{js,ts,jsx,tsx}',
		'./components/**/*.{js,ts,jsx,tsx}',
	],
	theme: {
		extend: {},
	},
	plugins: [],
};

tailwind css 설정 파일입니다. 본인의 폴더 구조에 따라 설정 해주어야 tailwind.css가 적상적으로 적용됩니다. content에 app폴더든 src 폴더든 사용 한다면 추가하면 됩니다. 더욱 자세한 사항은 tailwind css 공식 홈페이지를 참고해보세요.
https://tailwindcss.com/docs/content-configuration

 

 

0

oridori2705

아하 감사합니다. 정해진 루트는 없는거군요!

toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.

0

119

2

쿠키 저장이 되지 않습니다.

0

224

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)

0

580

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',

0

649

1

overload 에러

0

170

1

docker compose up 오류

0

208

1

부록) remark 강의 중 parmas 오류

0

139

1

3000번은 잘 들어가지는데 80번은 안됩니다.

1

295

0

커뮤니티를 올리고 난 후 404 page

0

209

1

tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.

0

1042

2

tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?

0

653

2

useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?

0

805

2

리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이

0

4609

2

data 폴더가 생성되지 않아요.

0

526

1

docker-compose up 오류

0

814

1

회원 가입 페이지 기능 생성(3) 중 에러

0

380

2

Entity에 toJSON 코드 입력 후 404 에러

0

252

1

context에서 useEffect 선언 부분 질문 있어요.

0

295

1

src 폴더구조

0

511

2

서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다

0

298

1

엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다

0

313

1

회원가입 누르면 404에러가 뜹니다 ;-;

1

424

1

nextjs버젼에 대해서 질문드립니다.

0

373

1

<npm run dev>시 -61 에러가 나타납니다!

0

357

1