카드뉴스 제작 시 CSS 사용 관련
20
작성한 질문수 22
카드뉴스 외 다른 프로젝트에서는 대부분 TailwindCSS 를 사용했던 것 같습니다. 카드뉴스 강의에서는 TailwindCSS 말고 CSS를 사용하셨는데, 이유가 있을까요?
비개발자로써 개념들을 찾아보며 공부를 하다보니 Tailwind의 경우 여러 CSS를 묶어서 하나의 간편한 명령어로 관리를 하는 것 같더라구요. 코딩의 길이가 짧아져서 좋긴 한데 제가 보기에는 어떤 내용인지 이해하기가 어려웠습니다.
다만, 카드뉴스에서 사용한 CSS 만으로 제작이 되면 어느정도 눈에 보이기는 하는데, 다른 프로젝트에서도 CSS로만 사용을 하면 코드가 길어지기때문에 토큰 활용 측면에서 불이익이 있을까요? 팁이 있다면 말씀 부탁드릴게요,
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
agapegood님, 카드뉴스 제작 시 CSS 사용과 관련해 질문 주셨군요. TailwindCSS는 미리 정의된 유틸리티 클래스들을 통해 빠르고 간결하게 스타일링을 할 수 있도록 돕습니다. 이는 코딩의 길이를 줄여주고 생산성을 높이는 장점이 있습니다. 하지만 초기에는 클래스의 의미를 파악하는 데 어려움을 겪을 수 있습니다.
반면, 카드뉴스 강의에서 일반 CSS를 사용한 이유는 다음과 같은 이유 때문일 수 있습니다:
- 이해도와 가독성: 일반 CSS는 명시적으로 스타일을 지정하기 때문에 직관적으로 이해하기 더 쉬울 수 있습니다.
- 프로젝트 특성: 카드뉴스와 같은 프로젝트는 복잡한 스타일링보다는 명료한 스타일링이 요구될 수 있습니다.
- 학습 목적: CSS의 기본을 이해하고 적용하는 연습을 제공하기 위해 의도적으로 선택했을 가능성도 있습니다.
CSS만 사용할 경우 코드가 길어질 수 있는 단점이 있습니다. 이를 보완하기 위해서는:
- 구조적인 스타일링: 스타일의 일관성을 유지하기 위해 CSS 모듈화(예: BEM, SMACSS 등)를 고려할 수 있습니다.
- 재사용 가능한 클래스: 공통 스타일은 재사용 가능한 클래스로 분리하는 것이 좋습니다.
- 도구의 활용: Chrome DevTools 등의 도구를 활용하면 스타일의 영향을 직관적으로 이해할 수 있습니다.
각 방법의 장단점을 이해하고 적절히 선택하는 것이 중요합니다. 더 자세한 내용을 원하면 Spring Boot Reference Documentation와 같은 자료도 참고해보시길 권장합니다.
응원합니다!
깃허브 Publish 질문
0
6
1
클로드 코드 프로 사용자인데..
0
5
1
강의는 순서대로 들어야 할까요??
0
5
0
supabase 사용 관련.
0
7
1
문서 업데이트
0
21
1
/init
0
27
1
이미지내 텍스트 인식시키는 방법
0
14
0
문서, 파일, 웹사이트 참고 관련
0
15
1
vs code에서 클로드 설정
0
22
1
서브에이전트 복사 관련
0
15
1
prd 생성 서브에이전트 description 관련
0
16
1
94강 PRD 문서 검토 서브에이전트 관련 질문드려요.
0
17
1
init 오류
0
20
1
task manager 사용시 서브에이전트 개입 관련
0
19
2
165강 카드뉴스 관련 질문드려요.
0
22
1
CLAUDE.md 분산관리 관련 질문드려요.
0
22
1
github 사례 적용 방법
0
20
1
프로젝트 도입 관련
0
18
1
서브에이전트와 팀에이전트 관련
0
18
1
161강에서 소개해 주신 CLAUDE.md 파일 적용 관련
0
20
1
강의 따라 하는데 강의에서 갑자가 생성되는 폴더는?
0
22
1
강의따라가면서 볼만한 참고서적 문의드려요
0
25
0
/permissions 했는데 bash가 안나옵니다.
0
25
3
37. 이미지 첨부하기 관련 문의 드립니다
0
21
1