2023년 4월 12일 수요일
(웹 개발)
웹 개발의 3요소 역할
HTML : 구조만드는 마크업 언어
CSS : 스타일담당하는 디자인 언어
JavaScript: 구조와 스타일이 완성된 각 요소에 생명을 불어넣는 역할(상호 작용)
웹 개발은 아키텍처입니다
- 아이디어 및 와이어 프레임
- 구조 및 스타일(HTML, CSS)
- 함수(JS)
와이어 프레임: 웹 또는 앱의 인터페이스를 선과 그림으로 시각적으로 표현한 것으로, 레이아웃을 형성하는 단계를 의미합니다.
(VS코드)
코드 편집기
마이크로소프트사의 Visual Studio Code(VSCODE)
코드를 작성하고 다양한 기능을 사용하여 프로그램, 웹 사이트 및 웹 응용 프로그램을 만들 수 있는 코드 편집기입니다.
장점
- 운영 체제와 상관없이 사용 가능
- 웹 개발의 3가지 요소를 모두 편집할 수 있습니다.
- 사용자 정의할 수 있는 다양한 확장 기능이 있습니다.
- 디버깅이 쉽다
- 무료
(HTML)
HTML(Hyper Text Markup 언어)
- 마크업 언어: 태그 등을 사용하여 문서나 데이터의 구조를 지정하는 언어. 이러한 태깅 방식의 시스템을 마크업 언어라고 합니다.
- 부등호로 둘러싸인 HTML의 기본 구성 요소인 태그 집합: 열기 태그, 닫기 태그(ex)
)
- 트리 구조로 구성 => 트리 구조란?
가장 많이 사용되는 태그
: 나눗셈, 줄 바꿈 O
: 기간, 줄 바꿈 X
: 이미지의 경로로 이미지를 가져올 수 있는 태그, src 속성
: link, href 속성을 이용하여 url을 설정(삽입)하는 링크 대상 속성으로, 새 탭에서 열 수 있습니다.
- &
- : 정렬되지 않은 목록(글머리 기호) 및 목록 항목,
- : 순서 목록(번호)
: input(텍스트, 체크박스(다중 체크 O), 라디오(다중 체크 X, 이름으로 그룹화)…)