search

yujo11 / yujo11.github.io

gatsby
https://yujo11.github.io/
MIT License
1 stars 0 forks source link

React/Parcel%EB%A1%9C%20%EA%B0%84%EB%8B%A8%ED%95%98%EA%B2%8C%20React%20+%20TypeScript%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%20%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0%20(feat.%20eslint,%20Tailwind)/ #7

Open utterances-bot opened 3 years ago

utterances-bot commented 3 years ago

Parcel로 간단하게 React + TypeScript 프로젝트 세팅하기 (feat. eslint, Tailwind) | yujolog

📝 description Parcel을 사용해 React + TypeScript 프로젝트를 세팅하는 방법을 정리하는 글입니다. 제가 좋아하는 Tailwind를 세팅하는 법까지 추가로 정리했습니다. Parcel에 대한 정보는 아래 링크를 통해 확인하실 수 있습니다. Parcel Parcel(한국어) 🌏 React + TypeScript 1. 디렉토리 생성 디렉토리 생성 디렉토리 진입 yarn init 2. Parcel Bundl

https://yujo11.github.io/React/Parcel%EB%A1%9C%20%EA%B0%84%EB%8B%A8%ED%95%98%EA%B2%8C%20React%20+%20TypeScript%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%20%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0%20(feat.%20eslint,%20Tailwind)/

bigsaigon333 commented 3 years ago

좋은 글 잘 보았씁니다~ tailwind 정말 좋죠~ 👍🏼👍🏼

질문이 있습니다~

  1. tailwindCSS 설치시 최신버젼을 설치하지 않은 이유가 있을까요?

postcss도 최신버젼이 아닌 7버젼을 설치하셨네요~

CRA에서 postcss 8을 지원하지 않아서 postcss 7, 그에 맞는 tailwindCSS 를 설치해야하는데, parcel을 사용해도 CRA와 같은 이슈가 있는지 궁금합니다.

https://tailwindcss.com/docs/installation#install-tailwind-via-npm

https://tailwindcss.com/docs/guides/create-react-app#setting-up-tailwind-css

  1. eslint extends 에 prettier 를 추가할 때 맨 뒤에 안넣어도 특별한 문제가 없었나요?

eslint-config-prettier 는 eslint의 rules 중에 style에 관한 걸 모두 끄는 config인데, 이를 가장 마지막에 추가하라고 README 에 되어 있는 걸 봤는데, 실제로 젤 뒤에 안해도 큰 문제는 없었나요..?

https://github.com/prettier/eslint-config-prettier#installation

yujo11 commented 3 years ago

@bigsaigon333

잘 봐주셨다니 감사합니다!!

  1. CRA와 같은 버전 이슈가 생겨 7버전을 설치했습니다!
  2. 이 부분은 제가 놓치고 있었네요! 아직 아무런 문제도 생기지 않아 인지하지 못 하고 있었습니다ㅠㅠ 피드백 주신 내용 반영해 글을 수정 했습니다!! 👍👍👍