- index는 웹 사이트 홈페이지의 기본 파일 이름이다. 파일명을 index.html으로 작성하는 것이 관례임 - 첫 프로그래밍의 실습은 "hello world" 출력으로 시작하며 이는 오래된 관행이다. HTML 태그 요소 태그는 여는 태그와 닫는 태그로 이루어져 있으며 닫는태그 안에는 /(슬래시)가 들어간다. 닫는 태그 없이 자체적으로 이루어진 태그는 '단일 태그' 혹은 '자체 닫기 태그(self closing tag)'라고 부른다. 종류: input, img, link, br, hr 등이 있다. HTML 태그 특징 모든 태그는 inline요소 또는 block요소의 성질을 가지고 있다. 요소 inline block 특징 - 영역을 생성할 수 없는 태그로 컨텐츠 크기만큼만 영역으로 가질 수 있다. - ..

비주얼 스튜디오코드(VSCode) 마이크로소프트사에서 제공하는 윈도우, 맥os에서 사용할 수 있는 멀티플랫폼 개발 프로그램이다. 코드 비교 Visual Studio Visual Studio Code 이용료 유료 무료 (개인, 기업 모두) 제공 기능 코드 자동완성, 디버거, DB통합, 서버설정 등 제공 코딩, 컴파일, 디버깅 기능 제공 확장 프로그램 사용자가 원하는 기능을 추가로 설치하여 더욱 편리하게 코딩할 수 있도록 도와주는 설치형 프로그램이다. -추천 프로그램 6가지 1. Korean Language Pack for Visual Studio Code 기본 언어가 영어로 설정돼 있는 vscode에 한글 확장팩을 설치하여 에디터를 쉽게 사용할 수 있도록 해준다. 2. Live Server 작성한 코드를 ..

디자이너가 코딩을 배우게 되면 개발자와 협업할 때 원활하게 의사소통이 가능하며 이는 더 좋은 결과물로 이끌어준다. 즉 일을 잘하는 디자이너로 만들어준다. 웹 코딩은 파이썬, c언어 , 자바처럼 결과물이 텍스트로 보여지는 것과 달리 비주얼 하게 보이기 때문에 더 쉽게 재미를 느낄 수 있다. 0. 코드 에디터 설치 1. 웹개발 언어별 특징 2. 코딩 목표 세우기 3. 웹과 html 3-1. 웹 페이지 0. 편집 도구 (vs code) = 코드 에디터 설치 코드는 메모장으로 작성해도 되나 효율적으로 작성하기 위해 설치형 에디터인 visual studiocode를 다운로드 한다. vscode는 현업에서 가장 많이 사용하는 에디터이며 코딩에 필요한 기능을 제공한다 (자동완성 등) 에디터 종류: 아톰, 비주얼 스튜..