인프런 커뮤니티 질문&답변

학습 질문은 아니지만 선생님께서 주변에 F유형 시험 보신 분이 없어서

정보가 정확하지 않다는 것이 기억이 나서 오지랖 같아 보이지만 다른 수험생 분들과

선생님께 도움이 좀 되고자 시험 끝나고 달려와 게시글을 작성합니다!

이번 주 내내 이상하게 F유형이 마음에 걸렸었는데 오늘 딱 시험 보는 걸 직감했었나봅니다ㅠㅠ

1. 강의대로

   .slide 안에 slide-image 와 slide-banner 로 묶어서 공부를 했는데,

    

시험지에서는 저희가 slide-banner 라고 칭한 부분을 지시 사항에서는 <바로 가기> 라 했고,

content-inner 안에 있는 shortcut 부분을 시험지에서는 <배너> 라고 지시하고 있었습니다.

그저 코드 묶는 이름만 달랐지만 F유형 준비하시는 분들은 덜 헷갈리셨으면 하는 맘에

코드 명을 바꿔서 공부하는 게 어떨까 하는 생각이 들었어요!

저도 중간에 '바로 가기' 지시 사항 읽으면서 평소처럼 slide-banner 로 작성하다가

헷갈려서 그냥 지시 사항 요구한 이름으로 코드 이름도 통일을 시켰어요!

2. 핑크색 박스 부분을 색칠한 부분에 대해서 말씀드릴 게 있는데요~
   기억하실지 모르겠지만..ㅠㅠ
   제가 24.03.27에 F유형 slide-banner link 부분에 글자 입력하는 지시 사항이 있을 까봐
   질문을 올린 적이 있습니다..!
   불행하게도ㅠㅠ 제 예상처럼 시험 지시 사항에 각 엥커 마다 텍스트를 넣으라는 부분이 있었습니다.
   제공되는 텍스트 메모장에 삽입 하라는 텍스트가 있더라고요ㅠㅠ
   그리고 총 들어가는 이미지는 레이아웃과 동일하게 5개였습니다.
   다만, 텍스트를 이미지 어디에 넣으라는 특정 지시는 없어서,
   그래서 저는

   span 으로 텍스트를 입력해서 갤러리 이미지에 span을 넣은 것과 똑같이
   display:block 처리를 해서 위아래로 넣고 배열하는 방식으로 만들었습니다.
   일러스트나 포토샵으로 이미지를 만드는 것이 아니라, 제공 된 이미지를 삽입 했어야 됐습니다..!
   
   배치를 하고 나니까 슬라이드 이미지 위에 뜬금없는 사진들을 붙여 놓은 것 같아서,
   저는 백그라운드 컬러를 주고 투명도 조절을 해서 슬라이드 이미지와 별개 부분인 아이콘처럼 보이게
   만들었습니다.

3. 그리고 공지사항 부분이요! 오른쪽에 선생님께서 ???ㅠㅠ 라고 하늘색으로 쓰신 부분 정말 공백이었어요!! 다만, 공지사항 부분에 엥? 하고 놀랬던 부분은, tab-inner 너비가 넓지 않을 수 있으니
   공지 사항 부분에 em / b 태그를 이용해서 배치와 말 줄임을 공부하고 갔는데,
   날짜 입력이 없었습니다!
   그래서 편히 앵커만 넣고 블록 처리해서 중앙 배치해서 꾸몄습니다.

    

    
   

   제가 실수한 부분은 푸터 메뉴에 보더 버텀을 안준 것과
   메뉴 서브 백 width 크기를 해더 크기로 줬다는 것 두 가지인데, (A유형 sub-back처럼 만들어버렸어요ㅠ)
   다른 건 다 작동 잘 되고 스스로도 아 이 정도면 됐다하는 맘으로 잘 풀고 왔습니다!! ㅠㅠ
   이러다 저 두 가지 문제로 떨어지면 너무 너무 창피하고 부끄러울 것 같습니다만..ㅠㅠㅠㅠ
   그래도 스스로 많은 구조를 파악하고 만들 수 있다는 게 너무 뿌듯합니다.
   
   그리고 F유형이 아무래도 본 적 없는 유형이라 그런지..

   
   오늘 제가 간 시험 장에 12명이 시험 봤는데 6명이 중도 포기하고 나가셨어요..
   저는 모든 확인을 끝내고 제출하는 데까지 2시간 20분 정도 걸렸는데,
   그 시간까지 저 포함 제출한 사람들은 3명이었고, 제가 교실 나올 때까지 3명이 남아있었습니다.
   
   4월 9일에 합격발표일인데 제발 붙었으면 좋겠습니다ㅠㅠ
   선생님 대면 수업이 아닌 온라인 수업이었지만 정말 많은 걸 배웠습니다ㅠㅠ
   감사합니다ㅠㅠ!