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

* 주석: 컴퓨터가 인식하지 못하며 개발자에게 설명을 제공하는 글이다. ctrl + / 키를 사용해 주석처리할 수 있다. 언어 HTML CSS JavaScript 주석 형태 /**/ 단일주석 : // , 여러줄: /**/ * 태그: 꼬리표라는 뜻으로 웹 문서에 정보를 정의해주는 형식이다. 태그로 데이터를 감싸 데이터 형식과 의미를 브라우저에게 알려준다. 여는 태그와 닫는 태그가 존재하며 닫는 태그는 와 같은 형태로 작성한다. 참고하면 좋은 사이트 1. https://developer.mozilla.org/ko/2. MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, an..

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