본문 바로가기

HTML

[Tailwind CSS] Tailwind 설치 3. 기본 HTML 템플릿 만들기 [Tailwind CSS] Tailwind 설치 1. node.js 설치 [tailwind css] 1. 설치 'node.js 설치' tailwindcss가 좋다라는 말은 많고, 사용 용례도 늘어나고는 있는데, 사용하는 경우 어떻게 쓸지는 한글자료를 찾기 어려워서 정리해두는 중입니다. 홈페이지 작성 마무리단계이기는 한데, 이걸�� jaehyunshin.tistory.com [Tailwind CSS] Tailwind 설치 [Tailwind CSS] Tailwind 설치 기본 출처 : 'Tailwind CSS Tutorial' The Net Ninja [tailwind css] 1. 설치 'node.js 설치' [tailwind css] 1. 설치 'node.js 설치' tailwindcss가 좋다라는 말은.. 더보기
[Tailwind CSS] Tailwind 설치 기본 출처 : 'Tailwind CSS Tutorial' The Net Ninja [tailwind css] 1. 설치 'node.js 설치' [tailwind css] 1. 설치 'node.js 설치' tailwindcss가 좋다라는 말은 많고, 사용 용례도 늘어나고는 있는데, 사용하는 경우 어떻게 쓸지는 한글자료를 찾기 어려워서 정리해두는 중입니다. 홈페이지 작성 마무리단계이기는 한데, 이걸�� jaehyunshin.tistory.com 일단은 테스트 템플릿을 만들기.. 1. cmd - cd 'document' 2. mkdir tailwind 3. cd tailwind 4. mkdir testplay 5. cd testplay 6. code . - vs code가 열리는걸 보면 1차 성공 터미널을 열.. 더보기
[Tailwind CSS] Tailwind 설치 1. node.js 설치 기본 출처 : 'Tailwind CSS Tutorial' The Net Ninja tailwindcss가 좋다라는 말은 많고, 사용 용례도 늘어나고는 있는데, 사용하는 경우 어떻게 쓸지는 한글자료를 찾기 어려워서 정리해두는 중입니다. 홈페이지 작성 마무리단계이기는 한데, 이걸로 얼마나 빨리 만들지 보고 싶어서요. 그냥 기획안부터 올려두고 만들걸 후회를 하지만, 그래도... 회사 홈페이지를 작성중에 조금 다른 방법을 써볼까 싶어서 컴퓨터를 밀 각오를 가지고 1. node.js 설치 nodejs.org/ko/ 설치가 되어 있는지 여부확인 cmd 창을 열고, node -v 을 입력하면 node가 설치되어 있는경우 node의 버전을 확인할 수 있다. 아니면 설치 버전 정보가 나타나면 설치 완료 더보기
복붙으로 반응형 웹사이트 만들기 [tailblocks] 웹페이지 구조를 하나하나 만들어서 프로토타입으로 만드는데 걸리는 시간을 한참 줄여줄 수 있는 팁 하나를 소개해드리고자 합니다. 물론 각 항목들에 대한 수정은 있어야 할지 몰라도, 반응형 되고요, 페이지의 구성도 네비게이션바부터 푸터까지 다 잡아서 나타낼 수 있어요. 바로 tailblocks 라는 페이지를 이용하는 건데, 사용방법은 굉장히 간단하면서도, 편리합니다. 지금 보시면서 따라하셔도 금방 웹페이지 하나를 만드실 수 있어요. 사이트는 아래 링크를 통해 접근 가능하십니다. https://mertjf.github.io/tailblocks/ tailblocks — Ready-to-use Tailwind CSS blocks mertjf.github.io tailblock으로 검색하시면 아래 제일 처음 나타나.. 더보기