Lpla 개발 블로그

웹디자인기능사

웹디자인기능사 실기 공개문제 - Green복지재단 (3)

이번 시간에는 C. Contents 영역과 D. Footer 영역을 제작하여 그린복지재단을 마무리하겠습니다. A. Header와 B. Slide에 비교하면 쉬운 편으로 자바스크립트로 작업해야 하는 부분 하나가 있지만 그마저도 간단합니다. 가장 신경써야할 부분은 C.1 공지사항의 모달 레이어 팝업창입니다. 웹디자인 실기 유형 정리에서 언급했듯이 공지사항의 첫번째 글을 클릭할 때 모달 레이어 혹은 레이어 팝업 중에 하나의 형태로 제작해야 합니다. 웹디자인기능사 실기 유형 정리 지난 3월에 있었던 웹디자인기능사 2019년 1회차 시험에 최종 합격했습니다. 웹퍼블리싱을 6개월 정도 공부한 저에게는 무난한 난이도였습니다. 실제 준비 기간은 시험이 있던 그 주 평일 월화수목금 총 5일이었.. lpla.tistory..

웹디자인기능사

웹디자인기능사 실기 공개문제 - Green복지재단 (2)

저번 시간에는 그린복지재단의 헤더 부분을 제작했습니다. 이번 시간에는 바로 그 아래 Slide 영역을 제작하겠습니다. 임시로 쓸 이미지 3장을 준비해두시고 진행하면 됩니다. 이번 목표는 아래와 같은 가로 슬라이드를 완성하는 것입니다. 결과물 지시사항 B. Slide는 웹디자인기능사 시험의 꽃이라고 할 수 있는 부분입니다. 완성된 디자인에서 가장 눈에 띄는 영역이기 때문에 디자인에 많은 신경을 써야 하며, 자바스크립트의 활용과 이해도를 측정할 수 있기 때문이죠. 따라서 슬라이드 영역을 무사히 제작하는데 성공했다면 8~90%의 합격이라고 해도 과언이 아닙니다. 유형은 크게 세 가지로, 1. 가로 슬라이드(좌,우), 2. 세로 슬라이드(상하), 3. 페이드 인 아웃입니다. 난이도는 셋 다 비슷하고 다만 어떤 ..

웹디자인기능사

웹디자인기능사 실기 공개문제 - Green복지재단 (1)

웹디자인기능사 실기는 HTML과 CSS를 잘 다룰 줄 안다면, JavaScrpit는 기초만 알아도 합격할 수 있는 시험입니다. JavaScript로 만드는 것은 극히 한정되어 있는데 큐넷에서 제공하는 공개문제를 모두 풀 수 있다면 합격은 장담할 수 있습니다. JavaScript에 약한 사람이라도 공개문제 유형은 크게 4개 정도로 요약할 수 있기 때문에 결코 어렵지 않습니다. 그 중에서 오늘은 공개문제 02A-2.pdf - Green복지재단의 상단 부분을 풀어보도록 하겠습니다. 우리가 만들게 될 Green복지재단에 대한 간략한 설명입니다. 빠르게 훑고 다음으로 넘어갑니다. 다음으로 요구사항입니다. 여기부터 꼼꼼하게 읽어야 합니다. 저도 다른 분들이 만든 공개문제 풀이를 많이 봤지만 문제에서 제시하는 것과 ..

웹디자인기능사

웹디자인기능사 실기 공개문제로 공부하는 법

이번엔 공개문제로 연습하는 방법을 알려드리겠습니다. 큐넷에 올라온 공개문제는 총 12개로, 그 중에서 저는 11C-3 '남도맛기행 축제' 를 만들어보도록 하겠습니다. 작업순서나 방식은 개개인의 취향이므로 참고만 하되, 똑같이 따라하지 않으셔도 됩니다. 저는 집에서 연습할 때는 Photoshop CC 2018, Brackets으로 작업했고 실제 시험장에서는 Photoshop CS5, Brackets으로 작업했습니다. 시험장은 '한국산업인력공단 부산지역본부' 였고 다행히 브라켓에 emmet가 설치되어 있었습니다. emmet의 설치여부가 굉장히 궁금했었는데 덕분에 시간단축을 상당히 할 수 있었습니다. 의외로 illustrator는 일절 사용하지 않았습니다. 필요성을 못 느꼈거든요. 시험장에서도 일러스트레이터는..

웹디자인기능사

웹디자인기능사 실기 유형 정리

지난 3월에 있었던 웹디자인기능사 2019년 1회차 시험에 최종 합격했습니다. 웹퍼블리싱을 6개월 정도 공부한 저에게는 무난한 난이도였습니다. 실제 준비 기간은 시험이 있던 그 주 평일 월화수목금 총 5일이었고 하루에 웹 사이트 하나씩 제작하여 유형을 모두 익혔습니다. 시중에 나와있는 '이기적in 웹디자인기능사 실기 기본서'를 살까도 고민했지만 2018년 버전이라 망설여졌고 무엇보다 큐넷에 올라온 2019년도 공개문제가 상당히 잘 만들어져 있어 오직 공개문제로 공부했습니다. http://www.q-net.or.kr/cst006.do?id=cst00601&gSite=Q&gId=&brdId=Q006&code=1204# 공개문제 자료실 목록 | Q-net www.q-net.or.kr 하지만 무턱대고 시험을 치..