inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기7

slide-prev,slide-next

218

qkrwlstjr0131

작성한 질문수 1

0

안녕하세요! 질문이 있습니다. arrow-container라는 클래스로도 아이콘 화살표 디자인을 충분히 할 수 있을거 같은데 굳이 slide-prev, slide-next 두가지 새로운 클래스를 만들어서 적용하신 이유가 궁금합니다

HTML/CSS es6 javascript

답변 1

0

잔재미코딩 DaveLee

안녕하세요. 제가 질문이 정확하게는 이해가 안가서 그런지, 제 생각에는 당연히 두 클래스가 별도로 있어야 할 것 같은데요. 뭐 물론 코드야 작성하기 나름이니까요. 다만 일반적인 케이스라면 위와 같이 작성하는 것이 보다 general 할 것 같습니다.

예를 들어, arrow-container 라는 클래스 안에 화살표가 두 개가 있는데요. 각각의 화살표를 클릭했다라는 것을 arrow-container 클래스 하나만으로 알기는 어려울 수 있고요. 특히 어느쪽 화살표를 클릭했다라는 것도 애매하고요. CSS 만 생각해봐도 당연히 각 화살표마다 스타일 설정을 달리 해야 하니까, 이 부분도 당연히 별도 클래스가 있는 것이 일반적이고요. 추후에 JS 를 익히면, 여기에 더 추가적인 기능 + 스타일을 넣게 될 것이라서, JS 까지를 생각해도 당연히 별도 클래스로 만들어놓는 것이 보다 일반적입니다.

 

 

교육기간을 연장할 수 있는지 문의드립니다.

0

50

1

메일 확인부탁드립니다

0

69

1

CodeSandbox Vanilla 질문있습니다

0

69

1

part1을 수강하지 않아도 지장이 없다 하셨는데

0

118

1

강의에 관해 문의 드립니다.

0

105

1

메일확인 부탁드립니다.

0

96

1

14강 - 72,73번 강의 영상이 동일한거 같습니다.

0

118

1

Symbol 관련 테스트 코드 실행 결과 문의

0

153

1

호환성 관련 태그

0

125

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

153

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

150

1

div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요

0

93

1

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

0

126

1

메일 확인 부탁드립니다.

0

154

1

메일 확인 부탁드립니다

0

154

1

특별한 형태의 javascript배열에서

0

143

1

메일 확인부탁드립니다!

0

170

1

codesandbox 업데이트..

0

151

1

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

0

272

2

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

0

157

1

removeEventlistener 를 왜 해주어야 하는지

0

233

1

100vw 관련 질문

0

345

2

VS CODE html:5 <tab>기능이 안됩니다

0

359

1

[모던웹페이지 만들기9](1:40)class-desc 카드부분관련

0

256

2