Definition of Seon

  • 홈
  • 태그
  • 방명록

2025/01/05 1

[React] React + Tailwind CSS 시작하기

이전에 리액트 프로젝트를 진행할 때는 주로 SCSS를 사용해왔습니다.SCSS는 CSS를 확장한 기능으로 가독성이 좋고 재사용 가능한 스타일링에 유용했지만이제는 프로젝트에서 많이 사용하는 Tailwind를 도입해보기로 했습니다.1. SCSS vs Tailwind CSS1) SCSSSCSS는 가독성 높은 코드와 변수, 믹스인, 중첩 규칙으로 유연한 스타일링이 가능합니다.하지만 큰 프로젝트에서는 스타일이 충돌할 수 있고 관리가 어렵습니다.2) Tailwind CSS테일윈드는 클래스를 통해 스타일을 빠르게 작성할 수 있습니다.하지만 초기 학습이 필요하고 클래스 네이밍이 길어질 수 있습니다.이러한 SCSS 대신 Tailwind를 사용하여 생산성을 높이고 유지보수를 간편히 할 수 있을 것이라 생각해 이번 프로젝트에..

FrontEnd/React 2025.01.05
이전
1
다음
더보기
프로필사진

Definition of Seon

선이 그려가는 새로운 정의 https://github.com/seon318

  • 분류 전체보기 (112)
    • 독서 기록 (3)
    • 이직 기록 (6)
    • 강연 기록 (3)
    • Fundamentals (23)
      • Discrete mathmatics (16)
      • Computer Science (7)
    • Programming (41)
      • Project (13)
      • Algorithm (23)
      • TIL (1)
      • SSAFY (4)
    • BackEnd (12)
      • Java (3)
      • Spring (2)
      • JPA (5)
      • Docker (1)
      • DB (0)
    • FrontEnd (22)
      • HTML&CSS (10)
      • JavaScript (9)
      • React (3)

Tag

자바, 코딩, 코테, 파이썬, python, 개발자되기, 알고리즘, 프로젝트, html, 코딩테스트, 코세라, 이직준비, 자바스크립트, CSS, 컴퓨터공학, 이산수학, 개발자, 백준, 프로그래밍, 프론트엔드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/01   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바