작업실 옆 메모장

  • 홈
  • 태그
  • 방명록

tailwindcss 1

프로젝트 초기 설정 (Next.js + TypeScript + TailwindCSS)

프로젝트를 생성하는 과정에서 Next.js + TypeScript + TailwindCSS 환경을 만들기 위해서개인적으로 알아야될 중요한 부분이 많다고 느껴서 정리해보려고 합니다. 0. 사전 준비- Node.js 가 설치되어 있어야 한다.- 터미널은 관리자 권한으로 실행되거나 설정되어 있어야 한다.( 윈도우는 Git bash 관리자 권한 실행, 맥은 자체 터미널 사용 ) 1. 프로젝트 생성과 옵션 설정npx create-next-app@latest 프로젝트 폴더 이름 --typescript 프로젝트 생성 중 옵션을 선택할 수 있는데 위 사진과 같이 설정하는 것을 추천드립니다.중요한 건 Tailwind CSS 사용을 No 로 진행하는건데 별도 설치하는 게 충돌이 적고 추가 설정하기 좋기 때문입니다.Alia..

자기개발/프로젝트 2025.06.23
이전
1
다음
더보기
프로필사진

작업실 옆 메모장

개발을 커피 우리듯, 섬세하게 진하게 :)

  • HTML
  • CSS
  • Tailwind CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Zustand
  • 분류 전체보기 (24)
    • 자기개발 (14)
      • 프로젝트 (7)
      • 컴포넌트 (0)
      • 레퍼런스 수집 (3)
      • 블로그 (4)
    • 정보 (8)
      • Next.js (4)
      • Nest.js (1)
      • LLM (1)
      • CSS (2)
      • Tailwind (0)
    • 아키텍처 (1)
      • 모노레포 (1)
      • 디자인시스템 (0)
    • PC (1)
      • MAC OS (1)
    • 툴 (0)
    • 알고리즘 테스트 (0)

Tag

헤더, CSS, Nest.js, pure css, 인터랙티브, HTML, AI, MARQUEE, tailwindcss, Next.js, typescript, 프로젝트, 플로팅 UI, LLM, OpenAI, 티스토리, 레퍼런스, React Native, bash, monorepo,

Archives

최근글과 인기글

  • 최근글
  • 인기글

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

최근댓글

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

  • 작업실

티스토리툴바