강의 의 방향 - 바로 실행 해 보 면서 배우 는 HTML 5 / CSS 3 
 바로 실행 해 보 면서 배우 는 HTML 5 / CSS 3 
 글자 ( Text ) 관련 스타일 
 위치 정렬 - display , position , float 
 위치 정렬 - grid 
 01 시작 하 기 에 앞서 
 ' 바로 실행 해 보 면서 배우 는 HTML 5 / CSS 3 ' 를 수강 하 시 게 된 여러분 안녕하 세요 ! 웹 개발 을 시작 하 게 된 여러분 을 환영 합니다 . ' 바로 실행 해 보 면서 배우 는 HTML 5 / CSS 3 ' 는 다음 과 같 은 분 들 에게 추천 드리 는 과목 입니다 . 
 프로그래밍 을 해 보 지 않 은 비 전공 자 로 관련 지식 이나 경험 이 없 으신 분 
 웹 서비스 를 제작 하 기 위해 가장 처음 에 는 무엇 을 해야 하 는지 궁금 하 신 분 
 HTML 5 / CSS 3 는 웹 을 구성 하 는 데 사용 하 는 언어 입니다 . 보통 여기 에 JavaScript 까지 묶 어 웹 페이지 를 만들 수 있 는 가장 기초 적 인 구성 이 라 말 합니다 . 이 세 가지 에 대해 학습 한다면 단순 한 기술 을 습득 하 고 사용 하 는 것 을 넘 어 , 웹 서비스 및 IT 기술 의 역사 까지 이해 하 시 게 될 겁니다 . 뿐 만 아니 라 우리 사회 에서 아주 쉽 게 찾아볼 수 있 는 다양 한 웹 서비스 가 왜 이러 한 구조 를 가지 고 있 는지 궁금해하 고 해법 을 찾아내 는 여러분 을 발견 할 수 도 있 습니다 . 이러 한 기술 에 대한 고민 과 이해 는 자연 스럽 게 관련 직군 에 대한 이해도 도 증가 시키 기 때문 에 여러 웹 서비스 기업 에서 비 전공 자 혹은 비 개발 직군 에게 도 개발 경험 을 요구 하 는 경우 가 점차 증가 하 고 있 습니다 . 
 하지만 전공 자 에게 도 개발 은 쉽 지 않 습니다 . 비전 공자 나 비 개발 직군 이 라면 컴퓨터 과학 에 대한 개념 을 이해 하 기 어려운 경우 가 많 기에 더더욱 쉽 지 않 은 것 이 맞 습니다 . 때문 에 이 강좌 는 초보 자 도 쉽 게 접근 할 수 있 는 HTML 5 / CSS 3 를 먼저 다루 며 해당 내용 들 을 좀 더 쉽 게 이해 할 수 있 는 꼼꼼 한 설명 과 유용 한 실습 을 통해 코딩 감각 을 익힐 수 있 도록 제작 되 었 습니다 . 물론 이미 개발 에 대해 잘 알 고 익숙 하 신 분 이 이 강의 를 수강 하 시 는 경우 도 있 을 겁니다 . 개발 숙련도 가 높 으신 분 이 라면 용법 에 대한 설명 과 예시 코드 만 조금 살펴 봐도 충분히 이해 하 실 수 있 으니 편한 마음 으로 읽 어 주 시 기 바랍니다 . 이제 강의 의 기본 방향 을 알려 드리 겠 습니다 . 
 기본 개념 을 적용 한 예시 코드 를 바로 살펴보 고 실습 하 며 학습 할 수 있 도록 구성 했 습니다 . 
 HTML 5 과 CSS 3 에 대한 기본 개념 과 그 사용법 에 대해 적절 한 비유 와 예시 로 설명 했 습니다 . 
 기본 에 충실 한 강의 이 기 때문 에 평범 한 글 을 읽 듯이 천천히 따라오 시 기 바라 며 , 혹시 이해 되 지 않 거나 모르 는 부분 이 생기 실 때 구름 EDU Q & A 게시판 혹은 검색 포탈 을 이용 하 시 면 궁금증 을 해결 할 수 있 을 겁니다 . HTM 5 L 과 CSS 3 가 초보 자 도 금방 사용 할 수 있 을 만큼 쉬운 언어 이 니 겁내 지 마세요 ! 이제 " 바로 실행 해 보 면서 배우 는 HTML 5 / CSS 3 " 를 시작 하 겠 습니다 ! 
 1 / 70 Next