FrontEnd

텍스트에 구조와 의미를 부여하기 위해 특정 기호, 태그를 사용하는 언어 - 프로그래밍보다는 표시용 언어주로 문서의 형식과 내용을 정의하는데 사용XML, HTMLHyper Text Markup Language \- 웹 페이지에서 주로 사용되는 마크업 언어

문서 내에서 내용과 상관 없이 스타일(디자인)을 처리하는 기술수시로 변경되는 웹 화면의 디자인 요소를 HTML에서 분리HTML로 만든 뼈대에 색상, 크기, 배치 등의 부가적인 옷을 입히는 것CSS의 장점문서와 디자인의 분리로 소스의 관리와 수정 용이PC, Mobile

웹페이지의 레이아웃을 결정하는 중요한 속성일반적으로 nav menu 구성을 위해 list 사용semantic하고 구조적인 HTML 구성 가능중첩 메뉴 구현 용이반응형 디자인 적용 용이공간 분할 tag인 div는 block요소인데 실제 화면은 가로 방향 배치가 필요한 경

동적 타이핑, 객체 지향, 그리고 함수형 프로그래밍까지 지원하는 활용도 높은 스크립트 언어높은 수준의 추상화로 개발자가 세부 사항을 잘 몰라도 프로그래밍 가능객체지향적 특징abstraction : 객체나 함수를 통한 추상화 제공inheritance & polymorph

이벤트 처리 기본 DOM 처리를 위한 간단한 event event와 event listener event : html 페이지에서 발생하는 사용자의 행동이나 시스템에 발생한 사건 click, mouseover, load, store, ... event sourc

event : html 페이지에서 발생하는 사용자의 행동이나 시스템에 발생한 사건click, mouseover, load, store, ...event source : event가 발생한 element 또는 객체event handler : event가 발생했을 때 실행

Asynchronous와 ajax AJAX Synchronous vs Asynchronous |특성|동기(Synchronous)|비동기(Asynchronous)| | -| -| -| |처리 방식|순차적 실행(단순한 코드 흐름)|병렬적 실행(상대적으로 복잡한 코드 구