inflearn logo
강의

Course

Instructor

Easy to learn and create a responsive web portfolio! #Sulwhasoo

클래스 질문 드려요!

Resolved

238

siyeon002524

1 asked

1

간단한 질문인데요! 실무에서도 클래스가 많이 사용되는지  궁금합니다!

기본 태그 이름으로 가져오고 주석을 달아두면 되지  않을까해서요!ㅎㅎㅎ

선생님은 실제 실무에서 어떤 방법을 선호하시나요?!

 

클래스 HTML/CSS 클론코딩 반응형-웹

Answer 1

2

lizb

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