그림으로 배우는 HTML-CSS, 입문!
    • 01
      웹 개발, 시작하기!
    • 강의 소개
      웹 서비스 개요
      개발 환경 만들기
    • 02
      HTML 문서 만들기
    • HTML이란?
      텍스트와 이미지
      링크 만들기
      목록 만들기
      표 만들기
      입력 폼 만들기
    • 03
      CSS 셀렉터, 선택하여 꾸미기
    • CSS란?
      셀렉터 기본
      복합 셀렉터
      셀렉터 게임
    • 04
      CSS 박스모델, 태그의 영역
    • CSS 박스모델?
      블럭 vs 인라인
      CSS 포지션?
      구글 페이지 개선하기
    • 05
      CSS 플렉스, 배치하기
    • CSS 플렉스?
      Flexbox, 핵심 정리!
      개구리 게임
    • 06
      부트스트랩, 잘 만들어진 도구
    • 부트스트랩?
      컴포넌트 활용하기
      Grid 레이아웃
      레이아웃과 유틸리티
      부트스트랩 테마
    • 07
      마치며..!
    • 강의를 마치며
    개발 환경 만들기
    01 웹 개발, 시작하기!
    개발 환경 만들기

    ⭐️ 브라우저

    완성된 웹 페이지 확인을 위해, 웹 브라우저가 필요하다. 대표적인 브라우저로는 크롬, 인터넷 익스플로러, 사파리, 파이어폭스 등이 있다.


    ⭐️ 텍스트 에디터

    웹 페이지 개발은, 텍스트 에디터를 통해 가능하다. 기본 텍스트 에디터로는 메모장이 있지만, 웹 페이지 개발용으로 좋지 않다. 가장 트렌디한 오픈소스 프로그램, VSCode를 설치하자.

    질문하기