# postcss

PostCSS
PostCSS는 create-react-app에 기본적으로 import되어 있다.Button1의 background는 blue여야 되지만 둘 다 red로 적용된 것을 확인할 수 있다.이는 마지막에 적용된 css파일의 background가 스타일을 덮어버렸기 때문이다.이
CSS 장단점
순수 css 모듈각 파일 별로 안정성을 보장해준다.고립성과 독립성이 보장되어 이름 충돌에 걱정하지 않아도 된다.JS에서 CSS를 작성할 수 있다.JS가 꼭 필요하므로 변경될 때마다 재컴파일 되어야 한다.고립성과 독립성이 보장되고 js, css 파일을 왔다갔다 하지 않아

[Error] Loading PostCSS Plugin failed: Cannot find module 'autoprefixer'
안녕하세요 오늘은 에러 해결법에 대해 알아보겠습니다 (〃⌒▽⌒〃)ゝ
[ReactHooks + axios + firebase + postCss] 사용자별 명함만들기 프로그램
👓 사용자 로그인 : google계정, git계정을 이용하여 사용자 정보를 받아오기.👓 명함생성, 수정, 삭제 : firebase database에 생성한 명함 의 정보를 저장해서 사용<22-07-24>까지 완료된것⚙ 보충 해야할것 ✏ 사용자 별 로그인
POSTCSS란?
편리한 문법을 이용해서 css를 작성하고 추후에 다시 순수 css로 변환해 주는 것다시 말하면 프레임워크의 문법에 맞게 css를 작성하면 사용자에게 배포할 브라우저가 이해할 수 있는 css로 변환이 됨.기본적인 CSS만으로는 중복적으로 작성해야됨브라우저 호환성 위해 필

Webpack으로 프로젝트 시작하기
node 프로그램 시작! -> package.json 파일 생성됨package.json에는 해당 프로그램의 기본정보 \-> package.json 생성해줌webpack을 설치D는 개발전용, @next는 webpack-cli와 메이저 버전 일치하기 위해webpack-cl
Post Css 기본사용법
기본적으로 PostCss는 리액트 프로젝트 생성일때 자동으로 설치된다.css 파일을 만들때.test.css 일경우test.module.css 이런식으로 파일이름에 모듈을 넣는다.적용시 방법.Button.js 컴포넌트 파일.임포트 해서 연결css 파일 내용.사용시 사용방
⚙️PostCSS 사용하여 Tailwind CSS 개발환경 설정
⚙️PostCSS 사용하여 Tailwind CSS 개발환경 설정 📍Tailwind CSS 설치 📍tailwind.config.js postcss.config.js 추가 📍tailwind.config.js 템플릿 경로 추가 📍tailwind.css css에 tailwind 지시문 추가 tailwind.css 📍package.json scrip...

[KDT]FCFE - 7주2일 Bundler
: 외부 패키지 연결하기 위한 설정.: 구성이 없는 단순한 자동 번들링소/중형 프로젝트에 적합자동으로 dist에 필요한 파일을 copy 하여 넣어주는 패키지 사용!npm install -D parcel-plugin-static-files-copypackage.json에

postcss에 대한 작은 지식들 (feat. vendor prefix)
질문에 대한 답으로 달랑 링크 하나만 전달 받은 이들을 위한 조그마한 지식들
PostCSS
postCss 공식문서공식문서를 보면 설명되어 있지만, 포스트css는 리엑트에서 사용가능한 패키지로 상당히 다양한 플러그인을 보유하고 있으며, 점점 사용범위 사용량이 늘고 있는 아주 인기 있는 툴이다. 1.Less, Sass 를 기존 혹은 현재도 많이 사용하고 있으나,

Next.js & Redux-saga(1) - 프로젝트 설정
프로젝트 create-next-app으로 생성redux-toolkit 및 redux-saga 설치eslint & prettier 설치.eslintrc.jsontypescript eslint 적용vscode 설정 - mac기준 vs코드내에서 파일을 저장할 때마다 자동으

React에서 tailwind 간단하게 시작하기(@tailwind error해결법)
Tailwind는 CSS framework이며 부트스트랩처럼 class명을 사용하여 각각의 스타일을 적용할 수 있습니다.사용자가 보다 맞춤형으로 인터페이스를 구축할 수 있게 만드는 것을 목표로 설계되었다고 합니다.

📂 비즈니스 카드 메이커 - 명함 만들기
카드명함을 직접 만드는 페이지입니다. 예시로 만들어져 있는 시안 두개를 수정해서 사용할 수 있고, 새로 명함을 만들 수 있도록 추가 입력폼이 함께 있습니다. 색상 선택 또한 할 수 있는데 세가지의 유형이 있고, 카드에 들어갈 이미지를 선택할 수 있도록 이미지 선택
Typescript + React + Rollup으로 풀세트 Component Library만들기
최근에 회사에서 ui-library처럼 사용할 global-package를 만들며 setup한 내용들을 공유합니다.