[TDL] 08/06 Today's-Done-List
- 드림 코딩 REACT 강의
Deployment
https://create-react-app.dev/docs/deployment
Deployment | Create React App
npm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html, and requests to static paths like /static/js/main..js are served with the contents of the /st
create-react-app.dev
CSS 전처리기, PostCSS
장점
- Autoprefixer : sass에서도 mixin을 이용해서 prefixer를 적용할 수 있지만 은근 번거롭다.
PostCSS에서는 prefixer를 자동적으로 적용해주기 때문에, 몰라도 된다.
https://velog.io/@910/%EB%B2%A4%EB%8D%94-%ED%94%84%EB%A6%AC%ED%94%BD%EC%8A%A4Vendor-Prefix-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-42j6gbhg
벤더 프리픽스(Vendor Prefix)란?
벤더 프리픽스는 브라우저마다 따로 놀던 CSS3의 속성을 각각의 브라우저들이 인식할 수 있게 해주기 위해서 만들어졌습니다.CSS 표준안으로 확정되지 않았거나 특정 브라우저에서만 지원되는 CS
velog.io
- CSS modules : CSS를 output 할 경우, 내가 정한 css 이름들을 변경해준다.
https://github.com/css-modules/css-modules
GitHub - css-modules/css-modules: Documentation about css-modules
Documentation about css-modules. Contribute to css-modules/css-modules development by creating an account on GitHub.
github.com
PostCSS - a tool for transforming CSS with JavaScript
Enforce consistent conventions and avoid errors in your stylesheets with stylelint, a modern CSS linter. It supports the latest CSS syntax, as well as CSS-like syntaxes, such as SCSS.
postcss.org