밑끝없로그

이제 남은 footer의 스타일을 잡아준다. 푸터는 로고랑 주소가 그대로 입력되고, 아이콘 3개를 추가하여 간단하게 10분이내로 끝낼 수 있다. 구조짤때 미리 입력해둔 html을 보고 스타일을 입힌다. footer의 height는 100px으로 시험지에 명시되어 있기때문에 꼭 지정해준다. 그 이외는 내 마음대로 css를 꾸민다. 문득 드는생각인데 CSS에 자율성을 준다는것은 아무렇게나 해도 점수를 딸 수있다는 말은 아닌듯하다. 독창성 가독성 등을 고려하라고 애매하게 쓰여있지만, 시험 채점 기준이 명확하게 공개되어 있지 않고 채점과정 이의제기도 불가능한 상황에서는 최대한 성의를 보여야 조금이라도 채점관들의 가산점이라도 얻을 수 있지않을까 싶다. 서로다른 아이콘을 넣어주기 위해 클래스를 추가해준다. sns ..

Header는 완료 되었고 이제 헤더 아래부분의 슬라이더의 CSS를 입력한다. 가로길이 1200px의 이미지 3장이 옆으로 스르륵 흘러가야 하기때문에 3600px의 슬라이더 창을 만들어 준다. 슬라이더가 완성되었고, 아래 컨텐츠 부분에는 크게 세부분으로 나뉘어 진다. 시각적으로 보여주기 위해 background-color를 임의로 주어봤다. 이렇게 CSS가 먹히고 있다. 나는 아래 컨텐츠 부분이 위 슬라이더랑 너무 딱 붙어있는것 같아서 나중에 MARGIN값을 주었다. 한 공간안에 탭 메뉴 형식으로 공지사항과 갤러리 두가지의 li 메뉴가 있다. li.notice , li.gallery로 구분하여 CSS를 사용 하고 notice 스타일을 잡을동안 gallery는 display:none; 을 임시로 걸어두었다..

큐넷 웹디실기 공개문제 풀어보기 : 저스트쇼핑몰 우선 실기시험에 앞서 미리 필기구로 시험지에 중요한 부분을 체크해가며 요구사항을 숙지하는것이 중요하다. 요구사항 분석 잘 못 이해했다가 나중에 코드를 전부 수정해야하는 경우가 생길 수도 있으니 문제지 읽는 시간을 아까워하지말고 충분히 주어야한다. ↓요구사항 체크 문제지 파일↓ 요구사항을 보며 HTML 구조 먼저 짜기 HTML과 CSS를 동시에 진행하는것 보다 머릿속으로 어떻게 구조가 짜여질지 상상하면서 HTML코드를 우선 짜놓고 나중에 스타일을 입히는것이 속도면에서 더 빠르다. (수정할 일이 줄어든다.) 캐릭터셋을 utf-8로 설정하고 css에서 텍스트 색을 #222328로 기본지정을 하고 시작했다. css를 링크해준다. 시험장에서 제공하는 jquery 파..