# postcss

25개의 포스트
post-thumbnail

PostCSS

PostCSS는 create-react-app에 기본적으로 import되어 있다.Button1의 background는 blue여야 되지만 둘 다 red로 적용된 것을 확인할 수 있다.이는 마지막에 적용된 css파일의 background가 스타일을 덮어버렸기 때문이다.이

6일 전
·
0개의 댓글
·

CSS 장단점

순수 css 모듈각 파일 별로 안정성을 보장해준다.고립성과 독립성이 보장되어 이름 충돌에 걱정하지 않아도 된다.JS에서 CSS를 작성할 수 있다.JS가 꼭 필요하므로 변경될 때마다 재컴파일 되어야 한다.고립성과 독립성이 보장되고 js, css 파일을 왔다갔다 하지 않아

2023년 3월 7일
·
0개의 댓글
·

[TIL] 2023-01-30

테일윈드 CSS 설치 및 세팅, 텍스트, 박스 모델

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

[Error] Loading PostCSS Plugin failed: Cannot find module 'autoprefixer'

안녕하세요 오늘은 에러 해결법에 대해 알아보겠습니다 (〃⌒▽⌒〃)ゝ

2022년 11월 24일
·
0개의 댓글
·
post-thumbnail

[error] parcel-bundler의 autoprefixer 플러그인

autoprefixer가 정상작동하지 않는 경우

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

[ReactHooks + axios + firebase + postCss] 사용자별 명함만들기 프로그램

👓 사용자 로그인 : google계정, git계정을 이용하여 사용자 정보를 받아오기.👓 명함생성, 수정, 삭제 : firebase database에 생성한 명함 의 정보를 저장해서 사용<22-07-24>까지 완료된것⚙ 보충 해야할것     ✏ 사용자 별 로그인

2022년 7월 24일
·
0개의 댓글
·

POSTCSS란?

편리한 문법을 이용해서 css를 작성하고 추후에 다시 순수 css로 변환해 주는 것다시 말하면 프레임워크의 문법에 맞게 css를 작성하면 사용자에게 배포할 브라우저가 이해할 수 있는 css로 변환이 됨.기본적인 CSS만으로는 중복적으로 작성해야됨브라우저 호환성 위해 필

2022년 6월 27일
·
0개의 댓글
·

📋 읽을 거리: react styling

리액트 스타일링

2022년 6월 16일
·
0개의 댓글
·
post-thumbnail

Webpack으로 프로젝트 시작하기

node 프로그램 시작! -> package.json 파일 생성됨package.json에는 해당 프로그램의 기본정보 \-> package.json 생성해줌webpack을 설치D는 개발전용, @next는 webpack-cli와 메이저 버전 일치하기 위해webpack-cl

2022년 5월 19일
·
0개의 댓글
·

Post Css 기본사용법

기본적으로 PostCss는 리액트 프로젝트 생성일때 자동으로 설치된다.css 파일을 만들때.test.css 일경우test.module.css 이런식으로 파일이름에 모듈을 넣는다.적용시 방법.Button.js 컴포넌트 파일.임포트 해서 연결css 파일 내용.사용시 사용방

2022년 4월 1일
·
0개의 댓글
·

⚙️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...

2022년 3월 16일
·
0개의 댓글
·
post-thumbnail

[KDT]FCFE - 7주2일 Bundler

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

2022년 1월 5일
·
0개의 댓글
·
post-thumbnail

postcss에 대한 작은 지식들 (feat. vendor prefix)

질문에 대한 답으로 달랑 링크 하나만 전달 받은 이들을 위한 조그마한 지식들

2021년 12월 14일
·
0개의 댓글
·

PostCSS

postCss 공식문서공식문서를 보면 설명되어 있지만, 포스트css는 리엑트에서 사용가능한 패키지로 상당히 다양한 플러그인을 보유하고 있으며, 점점 사용범위 사용량이 늘고 있는 아주 인기 있는 툴이다. 1.Less, Sass 를 기존 혹은 현재도 많이 사용하고 있으나,

2021년 12월 9일
·
0개의 댓글
·
post-thumbnail

Next.js & Redux-saga(1) - 프로젝트 설정

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

2021년 11월 6일
·
0개의 댓글
·
post-thumbnail

React에서 tailwind 간단하게 시작하기(@tailwind error해결법)

Tailwind는 CSS framework이며 부트스트랩처럼 class명을 사용하여 각각의 스타일을 적용할 수 있습니다.사용자가 보다 맞춤형으로 인터페이스를 구축할 수 있게 만드는 것을 목표로 설계되었다고 합니다.

2021년 8월 12일
·
0개의 댓글
·
post-thumbnail

PostCSS

CSS 전처리기

2021년 6월 21일
·
0개의 댓글
·
post-thumbnail

📂 비즈니스 카드 메이커 - 명함 만들기

카드명함을 직접 만드는 페이지입니다. 예시로 만들어져 있는 시안 두개를 수정해서 사용할 수 있고, 새로 명함을 만들 수 있도록 추가 입력폼이 함께 있습니다. 색상 선택 또한 할 수 있는데 세가지의 유형이 있고, 카드에 들어갈 이미지를 선택할 수 있도록 이미지 선택

2021년 5월 5일
·
0개의 댓글
·
post-thumbnail

Toy Project : Teta's Card Maker

Toy Project(Teta's Card Maker)을 마무리하며, 돌아보기.

2021년 3월 6일
·
0개의 댓글
·
post-thumbnail

Typescript + React + Rollup으로 풀세트 Component Library만들기

최근에 회사에서 ui-library처럼 사용할 global-package를 만들며 setup한 내용들을 공유합니다.

2021년 2월 24일
·
0개의 댓글
·