zae-hyeong/craftsman-web-design

웹 디자인 기능사 실기시험 대비 기출 문제 풀이

🔗Project Link

Git Hub Link : zae-hyeong / 웹디자인 기능사
관련 공부 기록 : [HTML+CSS]
※ 대부분 연습했던 자료는 군용 노트북으로 작성하여 반출이 불가능해서 삭제되었다.

🤔Problem Statement

시작한 이유

군대안에서 공부할 것을 찾다가, 기본적인 브라우저로도 코딩이 가능한 HTML, CSS를 연습하고자 했다. 하지만, 인터넷이 연결되지 않은 환경이다보니 다른 웹사이트를 클론코딩하기도 어렵고, 바로 클론코딩을 하기도 다른 웹사이트들이 너무 복잡한 구조라 어려움을 겪었다.
그래서 조금 더 쉬운 목표를 잡아서 공부하고 달성하고자 ‘웹 디자인 기능사’취득을 목표로 잡았다.

목표

물론 최종 목표는 ‘웹 디자인 기능사’ 취득이지만, 더 낮은 레벨의 목표는 다음과 같다.

1. HTML과 CSS에 익숙해진다.
2. 기초적인 웹사이트의 레이아웃 구조에 대해 익힌다.
3. float, flex, grid 레이아웃을 사용해본다.
4. 중복을 최소화해서 CSS를 사용한다.
5. 기본적인 HTML 태그와 구조를 이해한다

📖 Detail Description

Design

웹디자인 기능사 실기 시험 예제 소스

기대효과

HTML과 CSS, 레이아웃에 대해 이해도 상승
기초적인 웹 사이트 구성 가능
기본적인 웹 문서 구조에 대한 이해도 상승

🤷‍♂️Project Result & Impression

표준화된 웹 사이트를 구성해보면서, HTML과 CSS의 구조와 원리, 그리고 사용법에 대한 이해도를 높일 수 있었다. 특히, 레이아웃과 웹 표준, sementic 등의 기초 지식을 쌓을 수 있는 좋은 기회였다고 생각한다.
하지만, 기본적으로 큰 동작이나 JS를 사용하는 부분이 부족해서 조금 더 연습이 필요할 것 같다.

craftsman-web-design's Issues

Main Project Image