inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

<1만 시간의 법칙> 웹 페이지 제작하기

HTML

HTML 강의내용 중

319

say

작성한 질문수 1

1

12:41초 정도에 div태그 btn_wrap을 선언하시고 

그 안에 start_btn 과 click_img를 담으시는데요

두가지 궁금한 점이 있습니다!

첫번째는 개발자 도구를 확인해보니 btn_wrap 영역과 start_btn영역의 크기가 동일하여 중복되는것처럼 보여져서wrap으로 감싸고 있는 이유가 잘 이해 되지 않습니다.

또 두번째는 start_btn영역과 btn_wrap영역이 일치되어 있는데 그 안쪽으로 div태그 click_img가 들어오는 것도 이해되지 않아서 질문드립니다! start 안쪽에 그리고 btn_wrap 바깥쪽에 선언되면 안되는걸까요?

HTML/CSS vscode javascript

답변 2

1

say

이른시간 답변 감사드립니다! 설명내용이 이해하는데에 도움이 되었습니다!! 답변내용 참고하면서 다시 한번 복습해보도록하겠습니다. 좋은 퀄리티의 강의와 자료 제공 감사드려요~!

1

-J-

안녕하세요 좋은 질문 감사합니다 :)

첫번째 : 말씀하신것 처럼 btn_wrap 영역과 start_btn영역의 크기가 중복되어 있는것 처럼 보이는 이유는 click_img 요소가 position:absolute 라서 normal flow 에서 벗어났기 때문입니다. 때문에 wrap 으로 감싸고 있는 이유는 position:relative 속성을 주기 위해서 라고 볼 수 있겠습니다.

두번째 : click_img 가 btn_wrap 의 형제 요소로 쓰여도 좋습니다. 저도 좋은 제안이라고 생각합니다! 또한 아예 click_img요소를 제거하고 btn_wrap 의 ::after 속성으로 가상요소로써 이미지를 넣을수도 있다고 생각하구요. HTML 태그는 심플 하면 심플할 수록 좋습니다. 다시 한번 좋은 제안 감사합니다 :) ㅎㅎ

useState 직접 구현 부분에서 질문이 있습니다.

1

9

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

13

1

교재(3쇄)와 강의 내용 문의

0

24

2

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

23

1

call stack 표현이 잘못표현된것이 아닌가요?

0

55

2

part3. spy 쪽 / part3,part4 강의자료

0

32

2

최종 코드

0

38

2

Open AI 결제

0

39

2

figma 파일을 받을 수가 없어요

0

48

1

깃허브에서 URL이 주어지지 않아요

0

402

1

.intro_saying 과 .intro .intro_saying 의 차이

0

325

1

공부하면서 내용들

0

456

1

VSC코드 기본프로그램 설치 주피터노트 파이썬이 안나와요

0

348

0

깃헙

0

320

1

Notion 링크 위치

0

281

1

.title_img img css 작성 문의 드립니다.

0

237

0

window store에서 ubuntu 설치

0

207

1

div클래스를 나누는 기준

0

256

1

html 질문 있습니다!

0

348

1

ubuntu 설치 이유

0

230

1

깃허브에 들어가도 검색이 안되네요 .. ?

0

316

1

컨텐츠 영역의 높이 차이

1

391

1

코드 자동생성 질문합니다.

0

333

1

CSS- 1부

0

371

1