웹앱의 동작원리 웹 표준과 브라우저 웹 표준 웹에서 사용되는 표준 기술이나 규칙, W3C의 표준화 제정 단계인 'REC'에 해당되는 기술 크로스 브라우징 여러 브라우저에서 동일한 사용자 경험을 줄 수 있도록 제작하는 기술 인터페이스 구조 창 (window) 탭 (
\` : 백틱(backtick), 그레이브(grave)~ : 틸드(tilde)! : exclamation mark@ : at sign$ : dollar sign% : percent sign^ : 캐럿(caret) => 이상을 표현& : 엠퍼센드(ampersand): 에
디렉토리 이름은 소문자로 관리하자project 단위 => 폴더 개념VS code에서도 파일 관리 가능.vscode : 현재 VS code 설정 정보가 들어있는 파일 (무시/삭제해도 됨)보통 이름이 .로 시작하는 파일이나 폴더는 숨김 전용브라우저 index.html 파일
문서의 HTML 버전을 지정 (HTML1, HTML2, HTML3, HTML4, XHTML, HTML5(표준))DOCTYPE은 마크업 언어에서 문서 형식을 정의하며,웹 브라우저가 어떤 HTML 문서의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도1\. HTML
상대경로./ (생략 가능) : 주변 경로 ../ : 상위 경로절대경로http(https) : 원격 사이트 주소/(//) : 루트 경로로부터 접근
요소를 어떤 요소로 묶어주는 행위title 속성 : 요소의 정보나 설명을 지정, 마우스를 해당 요소에 올려 두면 설명 표시style 속성 : 적용할 css 스타일 지정class 속성 : 요소를 지칭하는 중복 가능한 이름 => . classid 속성 : 요소를 지칭하는
속성 > 박스 모델 : w, h, 내부/외부 여백 > 글꼴, 문자 > 배경 : 배경 색상/이미지 > 배치 > 플렉스 (정렬) : 수평 정렬 > 전환 : 요소의 전후 상태를 애니메이션으로 연결 > 변환 : 요소 회전, 이동, 크기 조절 => 요소에 변화를 주는
displayflex : 블록요소처럼 flex container 정의inline-flex : 인라인 요소처럼 flex container 정의flex-directrion row (default)row-reversecolumncolumn-reverseflex-wrap :
1. overwatch 예제 블록 요소 + 가로 사이즈 명시 + margin:auto : 가운데 정렬 2-1. JS 개요 01. 표기법 dash-case(kebab-case) : html / css the-quick-brown-fox snack_case : htm