그리드 레이아웃 관련 질문드립니다.

사용하는 사람마다 다르겠지만 레이아웃의 너비를 조정하는 것은 플렉스가 더 편하더라구요.플렉스로 하면서 큰 불편은 없었습니다.말씀하신데로 그리드는 너비를 동일하게 할 때 편하구요.

slide-banner 위치 문제

올리신 코드 복사해서 테스트 해봤는데 좌우 대칭이 잘 맞는데요.코드 문제가 아니라 브라우저 배율 때문 아닌가 합니다.(사진)

D,E,F유형 포토샵 질문

A,B,C 유형은 너비 높이가 고정되어 있기 때문에 사이즈를 정확히 맞춰야 하지만 D,E,F유형 슬라이드는 유동형이기 때문에 비율 정도만 맞추시면 됩니다.예를들어 1400x500 또는 1600x1600 이런 식으로 비율만 맞추세요.

실기시험 질문

PSD 파일은 제출하지 않으니까 아무 폴더에 저장하시면 됩니다.오히려 PSD 파일을 제출하시면 실격 처리됩니다.

A2 작업하는데 공지사항 내용이 아래로 내려가지 않습니다.

만들어지는 중간에 엉킨거라 저도 어느 부분인지 찾기가 어렵네요.다시 처음부터 만들어보세요.만드실 때 강의에서 사용한 클래스네임과 html 구조를 동일하게 하셔야지 문제가 생겼을 때 제가 확인할 수 있어요.꼭 강의에서 사용한 클래스네임과 html 구조를 동일하게 해주세요.

A2 작업하는데 공지사항 내용이 아래로 내려가지 않습니다.

아래 내용이 코딩이 아니라 이미지로 되어 있는 듯 합니다.코딩으로 강의 내용처럼 만드시면 해결될 것입니다.현재는 이미지로 되어 있어서 문제 확인을 하기 어렵습니다.(사진)

Bracket Pair Colorizer - 비주얼 스튜디오

설치해서 사용하는 것은 문제가 안됩니다. 설치하셔도 됩니다.그런데 블라켓 보다 비주얼스튜디오코드를 사용하시는 것을 추천드립니다.실무에서도 비주얼스튜디오코드를 사용하시게 될거라 학습하실 때 익숙해지시는게 좋습니다.

유틸리티 클래스 외부 링크

그러게요. 아쉽지만 기술적으로 안되는 것 같더라구요.

E-1 레이아웃 제작 중 궁금점

헤더의 높이 100픽셀을 빼고 브라우저 높이를 가득 채워야 하기 때문에 height: inherit로는 안될거에요.height: inherit란 부모요소의 높이를 받아오는 건데 .main-content > div의 높이가 100%일 경우 .main-content > div 밑에 div에 height: inherit를 적용하면 될거에요.그런데 이렇게 하면 중복해서 코드를 작성해야 하니 슬라이드 아이템에 height: calc(100vh - 100px); 이렇게 주는게 간편한거죠.

뷰티파이 대체

Beautify 익스텐션이 업데이트를 안한다는거지 사용을 못하는건 아닙니다.저도 아직 Beautify를 사용하고 있습니다.블라켓은 사용하지 않으니 사용법을 익히지 않으셔도 됩니다.웹디자인 기능사 실기시험에서 익스텐션과 블라켓은 사용할 수 없으니 시험 관련해서는 2가지 모두 신경 쓰지 않으셔도 됩니다.