CSS 썸네일형 리스트형 react js프로젝트에 tailwind 설치하기 react js프로젝트에 tailwind 설치하기 [작성자의 다른 글 보러가기: 'Tailwind가 그래서 뭔데?'] 1. 타입스크립트가 적용된 리액트 프로젝트 셋팅하기 나는 create-react-app 을 사용해서 프로젝트를 셋팅할거다. create-react-app 홈페이지에 나와있는 아래의 명령어를 실행한다. 2. tailwind css 설치하고 적용하기 tailwind css 공식 홈페이지에 나온대로 명령어를 실행한다. 3. 아래 명령어를 실행하면 tailwind.config.js 랑 postcss.config.js 파일이 생긴다. 4.tailwind.config.js 를 아래처럼 작성한다. module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}".. 더보기 [CSS] #Position 사용법 #Position 사용법 Position 속성 사용법은 다음과 같다. position: static | relative | absolute | fixed | sticky Static 을 제외한 나머지 속성값들은 top,left,bottom,right 와 같이 어느 위치에 요소를 위치시킬건지 지정할 수 있다. 각 값들은 그 방향에서 얼마나 이동시켜 위치할 것인지를 나타낸다. Static Static은 position 속성의 기본값이다. 요소를 나열한 순서대로 배치하며, top,right,bottom,left와 같은 속성을 사용할 수 없다. (Float 속성은 가능) relative static이었을 때 배치되는 위치를 기준으로 상대적 위치를 지정할 수 있는 속성값이다. 예를 들어 static이였을 때 위치.. 더보기 이전 1 다음