# postcss

18개의 포스트
post-thumbnail

Webpack으로 프로젝트 시작하기

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

5일 전
·
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일
·
1개의 댓글
post-thumbnail

Toy Project : Tetatube

Toy Project(Tetatube)을 마무리하며, 돌아보기.

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

TIL. PostCSS

PostCSS 는 CSS 전처리기를 의미한다. 기본적인 css 만으로는 (다른 브라우저와의 호환성을 위해서) 중복적으로 작성해야 하는 경우가 많기 때문에 반복적인 코드 작성을 최소화하고자 등장한 전처리기이다. 또 다른 CSS 전처리기인 Sass, Less 와는 다르며,

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

TIL. React Tool

👩🏻‍💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid

2021년 1월 13일
·
0개의 댓글

tailwind 설정 산책

tailwind css 프레임워크로 유명하다. 나도 한번 써봤다.역시나 싶지 않다. 시작도 못하겠다. 싶어 일단 설정을 어떻게 했는지 공유한다.나머지는 코드를 보면 이해가 쉬울 것이다.

2020년 12월 21일
·
0개의 댓글
post-thumbnail

PostCSS

PostCSS 를 처음 사용해봐서 정리

2020년 3월 4일
·
0개의 댓글
post-thumbnail

Postcss-preset-env: Use tomorrow’s CSS today

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

2018년 10월 22일
·
3개의 댓글