Sign in

nextjs

it dev nextjs tailwindcss

tailwind css 사용 설명서

프론트 앤드와는 담쌓고 디자인과는 거리가 먼 나에게 tailwind css 는 한줄기 빛 이었다. 세상에 복잡하게 설정 할 필요도 없이 그냥 class 에다가 쭉 적어 넣기만 하면 된다구? 하지만 그 편한 사용법에도 당연히 문법이 있었으니.. tailwind css 의 문법들을 간단히 소개해 보고자 한다. tailwind css 횸페이지는 https://tailwindcss.com/ 이다. Get started 를 누르면 기본적인 설치 방법들이 나오는데 따라하면 누구나 쉽게 설치 할 수 있다. 기본 사용법 예시 class의 "" 안에 있는 내용이 모두 tailwindcss 의 명령어다. 간단히 설명하자면 w-12 는 높이는 12로 설정 h-10 은 넓이는 10으로 설정 text-white 는 글자 색을 ..
wono | discuss |
it dev nextjs env

[nextjs] 실무 개발 환경/배포 환경 설정(.env)

넥스트(nextjs)로 개발 시 기본적으로 개발 환경과 배포 환경, QA 환경에 대한 설정(next.config.js)을 다르게 해야한다. 특히나 process.env에 포함되는 변수에 대한 설정도 분리해서 저장을 해야한다. 그리고 보통은 개발/배포로 나누지만, 실무에서는 개발, QA, 실서비스에 따른 환경도 각각 다르게 설정을 해야한다. 이러한 환경 변수(environmental variables) 설정하는 방식에 대해 알아보자. 우선은 아래의 글을 참고하여 PHASE_DEVELOPMENT_SERVER에 대한 이해를 하자. 그리고 react 배포 환경에 대한 .env에 대한 지식을 보고 오자. [react] 실무 개발 환경/배포 환경 설정(.env) [nextjs] next.config.js 기초 정리..
wono | discuss |