Web

HTML ⇒ HEAD + BODY브라우저가 '<'!DOCTYPE html>을 보고 알려줌! ⇒ 선언헤드의 구성HTML문서에 대한 설정 중심meta charset = “UTF-8” : 문자 인코딩 설정title : 문서의 제목 설정front 페이지 연결/정의img:

HTML 파일에 CSS 외부 파일 불러오기 html 코드 파일 외부에 저장되어 있는 css 파일을 불러오는 방법을 사용해 가독성 좋은 코드를 지향한다. Link 태그와 class를 사용하여 불러오기 가능 Link 태그 사용법 class 사용법 CSS 클래스 선택자는

여러 html 파일에서 공유해 스타일을 동일하게 적용 해당 html 문서 내에서만 스타일을 적용body ⇒ html 안에서 body 태그를 선택해당 태그에만 스타일 적용 ⇒ inline 방식

절차지향적JS를 실행시키는 ⇒ v8엔진컴포넌트(구성요소 ⇒ 단위) 기반 자바스크립트 화면 설계클라이언트에서 많은 처리를 하고 넘어가는 게 좋음⇒ 유효성 검증⇒ 스케일링 없이도 서버의 성능 유지 위함인터프리터 언어스크립트 언어: 위에서 아래로 실행엔진: JS를 실행시키는

ES6 사용 이유 호이스팅 문제 var : 선언과 함께 undefinded로 초기화되어 메모리에 저장 let, const : 선언만 메모리에 저장하고 초기화되지 않음 👉 let, const, class를 이용한 선언문은 호이스팅이 발생하지 않는 것처럼 동

비동기 처리를 하는 경우 Callback Hell에 자주 빠짐=> Callback HellCallback 함수들이 중첩되어 순서를 정의하기 어려움에러 찾기 힘듦예외처리 정의하기 어려움비동기 처리(ajax)을 편하게 처리할 수 있도록 ES6 에 도입된 문법비동기 작업의

객체의 속성에 값을 할당하거나 읽어올 때 객체의 속성 가져오기, 설정 및 정의와 같은 기본 객체 작업(속성 접근, 할당, 열거, 함수 호출 등)을 가로채 재정의👉 자동으로 값의 get, set을 인식해줌한 객체에 대한 기본 작업을 가로채고 재정의하는 프록시 객체 생성

순서: 입력, 처리, 출력MVVM 패턴 사용구성요소 : component(Model, ViewModel, View, CSS)입력 - 데이터Model(도메인 특화 데이터)⇒ key-value형태(객체 리터럴)⇒ object, object, object, … 사용처리 -

HTML + CSS + JS 결합된 라이브러리주로 CSS 중심의 기술사용법외부 파일 다운로드하여 프로젝트에 설치CDN(Content Delivery Network)외부 사이트에 있는 파일을 링크클래스 이름 설정값에 따라 디자인 변함종류buttontableimagesdr