49,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨CSS Flex와 Grid 제대로 익히기
figure 태그 안에 img 태그를 사용하는 이유가 무엇인가요?
figure 태그의 background-image로 사진을 띄울것인데, 그 안에 img 태그를 사용하는 이유는 무엇인가요 ? 제 생각에는 접근성? 때문인 것 같은데, 맞나요 ?
- 미해결CSS Flex와 Grid 제대로 익히기
width와 flex-basis의 차이
강의에서 width와 flex-basis의 차이가 width: 50%로 주고, flex-basis: auto로 주었을때 flex-basis의 값에 width의 값 50%가 들어오기 때문에 차이가 있다 라고 말씀 해 주셨는데, 반대로 flex-basis: 50%로 주고 width: auto 로 동일한 결과값을 가지게 되니 차이점이 없다고 생각됩니다 ㅜ 말씀해 주신대로 width를 50%로 주고 flex-basis를 auto로 주어야 하는 이유도 이해가 안됩니다.. flex: 0 50%;로 주면 안되는 건가요?
- 미해결CSS Flex와 Grid 제대로 익히기
min-width
안녕하세요! 강의 잘 듣고 있습니다. 강의 내용 중에 궁금한 점이 하나 있어서 질문 드립니다. 검색창 만드는 부분에서 강의 내용에는 없고, 다운 받은 강의자료에는 .search-form input[type='search'] { flex: 1; min-width: 0; margin-right: 10px; border: 0; border-radius: 0.3em; font-size: 1rem; } 이렇게 min-width: 0이 있던데, 이 부분이 추가된 이유를 잘 모르겠습니다.
- 미해결CSS Flex와 Grid 제대로 익히기
min-heigth 에 대해서 이해가 안됩니다,..
css 속성 쓰신것중 min-height 를 쓰셨는데 몇번을 봐도 잘 이해가 되지 않습니다.. 간간히 코딩 영상중 미디어 쿼리에 쓰는 것 말고 레이아웃? 을 잡을때 width 값을 주고 max-width 값을 따로 주던데 어떻게 이해하면 좋을까요ㅠㅠ
- 미해결CSS Flex와 Grid 제대로 익히기
figure tag
figure tag에서 스타일에 백그라운드 이미지를 주고 그안에 img 태그로 다시 주소를 주는 이유가 있나요? img태그가 없어도 작동하는데 없어도 되는건지 혹은 있으면 좋은 이유가 궁금합니다. {flex 카드 ui만들때 썼던 부분에서 질문입니다.} 예시는 가령 이런식입니다. <figure class="contents-image" style="background-image: url(images/detail_exam.jpg)"> <img src="images/detail_exam.jpg" alt="contents"> </figure>
- 미해결CSS Flex와 Grid 제대로 익히기
flex-grow값
flex-grow값을 1을 주었을때랑 flex-glow값을 10으로 줬을때랑 같은건가요? 0 = 늘어나지 않는다, 0이상의값은 늘어난다 로 생각하면 되는건가요?
- 해결됨CSS Flex와 Grid 제대로 익히기
Flex 핵심정리 #5 - Flex 속성 활용에서 질문 있습니다.
강의 (02:11) 에서 "전체 영역 자체를 1:3:1 로 갖는다."라고 하셨는데요, 제가 바로 전강 #4에서는 flex-grow는 flex item 내부의 내용물이 제외된 부분(여백)에 대해서만 비율을 따지는 걸로 알고 있는데, 왜 여기 #5에서는 "내용물까지 포함된 전체"에 대해서 비율로 따지게 되는건가요?? 제가 뭘 놓친건가요? ㅠㅠ
- 미해결CSS Flex와 Grid 제대로 익히기
쌤 반응형 쿼리 사이즈 질문있습니당.
@media (min-width: 600px) { .card-list { display: flex; flex-wrap: wrap; margin: 0 -1rem; /* justify-content: space-between; */ } .card-item { width: 50%; padding: 0 1rem; } } @media (min-width: 1200px) { .card-item { width: 33.33333%; } } /* 아이패드 기본사이즈 */ @media (min-width: 1024px) { .page { display: flex; flex-wrap: wrap; } .header { width: 100%; } .menu { width: 100%; } .secondary { width: 20%; } .secondary-a { order: 1; } .secondary-b { order: 3; } .primary { order: 2; width: 60%; } .footer { order: 4; width: 100%; } } @media (min-width: 1400px) { .primary { /* width: calc(100% - 600px); */ /* flex-grow: 1; */ flex: 1 1 auto; } .secondary { width: 300px; } } (위의 코드를 전체적으로 살펴볼 필요는 없으세요. 제 질문의 요지가 잘 파악이 안되실때 참고하시라구 적어놓은거에요!) min 1200px , 1024px, 1400px 각각 설정해주셨는데 리액트에서는 보통 작업할때는 모바일px, 테블랫px, 데스크탑px 등등 3가지를 설정해준 파일을 따로 만들어서 적용해주는 식으로 하는거같던데 강의에서 처럼 min으로 안하고 max로 하는거같더라구요. min과 max 차이점이 클까요? 그냥 작업자 편할대로 하는거죠..? 강의에서는 미디어쿼리를 총 네개 작성하셨는데, max로하면 세개로까지 줄일수있을까요?
- 미해결CSS Flex와 Grid 제대로 익히기
안녕하세요.
@media (min-width: 1200px) { .card-item { width: 33.33333%; } } 위의 코드에서 3분의1해주셨는데 화면이 1200px이 됬을때 세개로 나뉘어 보이게 하고싶어서 50%의 3분의1로 해주신건가요? 만약 네개로 보이게끔하고싶으면 화면 600px에서의 width크기만큼의 4분의1 나뉘어서 적어주면 되는걸까요?
- 미해결CSS Flex와 Grid 제대로 익히기
다운로드 파일이 안열리는데요.
안녕 하세요.다운로든한 짚파일이 unable to expand...error 22 (invalid argumet)하고 안열리는데 이유를 아시는지요? 참고로 아이맥 쓰고 있습니다.
- 미해결CSS Flex와 Grid 제대로 익히기
재밌네요.
타 사이트에서 flex,grid를 배웠던적이있지만 한글 자막보랴, 결과물보랴, 코드보랴, 생각하랴 정신없어서 많은걸 배워가진 못했는데 여기서는 일단 기본이 한국어고 ㅋㅋ; 무엇보다 친절하게 설명을 해주시네요! 개인적으로 궁금한점은.. 선생님은 어떤 개발자신지 궁금합니다. 프론트이신가요? 디자이너쪽이신가요? 인프런에 내신 강의구성을보면 왠지 제가 추구하는 방향과 일치해보입니다. 프론트이면서 디자인쪽도 같이하는..? ㅇㅅㅇ..