mill

문제 7에 2번이 영상과 달라요.

모든 heightNum = 5가 = 로 잘못 들어가 있네요. =을 :로 변경하세요. heightNum : 5

Console 에러

일단 1분 코딩님이 아닌데 답글을 달아서 죄송합니다.
.menu-link는 a태그이고, inline 요소 입니다.
<img src="https://cdn.inflearn.com/public/comments/13b0717a-8071-4e38-b6bb-0e2fd2f180d5/blob" alt="" />
<pre class="language-html"><code>.menu-link{
 font-size: 1.2rem;
 font-weight: bold;
 color: #555;
 text-decoration: none;
 text-align: center;
 background: red;
}</code></pre>
코드를 위와 같이 수정하시면 text영역(자신의 크기)에만 빨간색 배경이 적용되시는걸 알 수 있어요.

<img src="https://cdn.inflearn.com/public/comments/f6b5f9c6-d071-4823-aa28-b97e4b6f07e2/blob" alt="" />
"display: block"을 추가하면 영역이 확장되는 것을 알 수 있죠?

Q. text-align이 정렬이 안되는 이유
inline 요소는 => text영역(자신의 크기)만 가지고 있어서 정렬 할 공간없다.

-------------------------------------------------------------------------------------------------------
위의 내용을 이해하시려면 inline 요소와, block요소에 대한 차이를 알고 계셔야하는데
https://opentutorials.org/module/2367/13403
생활코딩님 영상을 참고하세요.

안녕하세요. Flex UI #1 메뉴에서 menu-link에 관해 질문드립니다.

와이어 프레임과 class 네이밍에 대한 질문

<span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">예제 3가지를 진행하고,
<span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">단독으로 UI 찾아 훈련을 진행했을 경우.
<span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">해당 와이어프레임이 맞게 작성이 됐는지, 틀리게 작성했는지 알 수 있는 방법이 있을까요가 질문이었습니다...

1. 포토샵 와이어프레임에 대한 질문이 아니라 79p에 HTML구조 와이어프레임에 대한 질문이었습니다.

mill

Posts