# postcss

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한 내용들을 공유합니다.
.png)
TIL. PostCSS
PostCSS 는 CSS 전처리기를 의미한다. 기본적인 css 만으로는 (다른 브라우저와의 호환성을 위해서) 중복적으로 작성해야 하는 경우가 많기 때문에 반복적인 코드 작성을 최소화하고자 등장한 전처리기이다. 또 다른 CSS 전처리기인 Sass, Less 와는 다르며,
.png)
TIL. React Tool
👩🏻💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid
tailwind 설정 산책
tailwind css 프레임워크로 유명하다. 나도 한번 써봤다.역시나 싶지 않다. 시작도 못하겠다. 싶어 일단 설정을 어떻게 했는지 공유한다.나머지는 코드를 보면 이해가 쉬울 것이다.

Postcss-preset-env: Use tomorrow’s CSS today
Postcss는 css에서 바벨과 같은 역할을 수행하는 도구라고 할 수 있습니다. 웹팩이나 걸프와 같은 빌드 도구와 사용할 수 있는 각종 플러그인을 제공하죠.