클래스 질문 드려요!
간단한 질문인데요! 실무에서도 클래스가 많이 사용되는지 궁금합니다!
기본 태그 이름으로 가져오고 주석을 달아두면 되지 않을까해서요!ㅎㅎㅎ
선생님은 실제 실무에서 어떤 방법을 선호하시나요?!
Answer 1
2
class 이름을 지을때 큰 블럭을 생각해서 짓습니다.
가령 header에 들어가는 내용들이라면 h 또는 header 로 시작하는 키워드로 시작해 그안에 1행에 n열짜리 내용이 들어간다면. 각 열의 키워드를 두번째 키워드로 붙여줍니다.
예를 들자면 header에 1행 2열에 로고가 흰색 컬러가 두가지 타입이들어가야 한다면.
하나는 class="h_logo white"
다른하나는 class="h_logo color"
이런식으로요~
공통적인 정의는 .h_logo 로 하고, 각각 다른 것들은
.h_logo.white
.h_logo.color
이것들로 각각의 다른 내용을 적어주는 거죠~
또한 큰 맥락의 광범위한 공통 class가 있다면,
layout정의하는 css와 별개로 공통 class 만 따로 들어가는 css를 작성해 따로 보관하는 것이 좋습니다.
설화수 같은경우 제작한지 좀 시간이 되어 이런 특성들을 다 반영해서 작업하지는 못했습니다.
계속 코딩을 하시다보면 이렇게 클래스를 작성하는것이 효율성을 올릴 수 있다 뭐 이런 감이 오실거예요.
하나하나 직접 작성하다 보면 그런 노하우는 저절로 익혀지리라 생각합니다.
지금을 일단 만들어보시고, 고민해보세요. 그리고 좀더 좋은 방법이 있다면 그걸로 바꿔보시는것도 좋습니다~! 또 궁금한 내용있으면 문의 남겨주세요~ ^^
Json 플러그인 사용시 variable collection 없음
0
12
1
배리어블 목록 없음
0
21
3
Token 등록 방법 문의
0
18
1
a태그 질문!
1
374
2
질문있습니다!!
1
549
3
css bacground-image를 인식하지 못합니다.
1
397
1
안녕하세요 visual slide 질문이 있습니다.
1
416
1
초반 셋팅 어떻게하나요?
0
389
1
visual animate 질문
1
291
1
js 토글질문
1
254
1
navigation script 질문드립니다.
1
271
1
[header] navigation script 작성하기 8분짜리 강의 추가 설명 부탁
1
251
1
.nav_d1_a 간격 조정이 안됩니다
1
255
1
.show 앵글다운 아이콘(opacity 0) 안됩니다
1
290
1
안녕하세요!
1
206
1
999px 풋터에 '한국어' 떄문에 풋터가 길어졌어요
1
330
1
max-width:999px에서 비주얼 폰트 vw 변환문의 드려요~
1
565
1
lounge 플랙스-스페이스비트윈등이 않되요~
1
272
2
질문드려요~
1
265
1
gnb에 submenu가 나올때
1
237
1
Search 코딩
1
229
1
강의초반reset.css
1
226
1
js 가 안되요..
2
253
3
Mac에서는 beautify 단축키가 어떻게 되나요?
1
427
1

