[ 웹 구성 요소 ] html - 웹 페이지의 제목 이미지 표 등 구조와 의미를 부여하는 정적 언어 전체적인 구조 담당 css - html 의 실제 표시되는 방법 색상 레이아웃 폰드 등을 지정하여 콘텐츠를 꾸미는 정적언어이며 시각적인 표면을 담당 js - html 의 정적이고 단조로운 한계를 극복하기위해 만들어진 언어 - 웹 문서를 더웃 동적으로 처리할 수 있도록 도와줌 Q. 자바스크립트는 어떻게 확장자가 다른 html과 css 파일의 내용을 읽고 수정할 수 있을까? A. dom ( Document Obiect Model )을 사용! dom -문서에 대한 모든 내용을 담고 있는 객체 - 텍스트 파일로 만들어진 문서를 브라우저가 이해할 수 있는 구조로 구성한 것 - HTML 요소 간의 부자 관계를 반영하여..

[ SPA - Single Page Application ] - 하나의 페이지로 구성된 웹 어플리케이션 - 어플리케이션을 이용할 때 헤더는 고정되어 있고 메뉴를 선택하면 메인화면 부분 혹은 클릭한 부분만 바뀌는 웹사이트 [ MPA - Multi Page Application ] - 탭을 이동할 때마다 서버로부터 새로운 HTML을 새로 받아와서 페이지 전체를 새로 렌더링하는 전통적인 웹페이지 구성방식 - 전환 시마다 화면이 깜빡이는 단점이 있음 [ CSR와 SSR의 관계 ] 페이지 구성 방식 렌더링 방식 SPA MPA ↓ ↓ CSR SSR SPA : 웹 어플리케이션에 필요한 정적 리소스를 초반 한번에 모두 다운로드하고 그 이후 새로운 페이지 요청이 있을 때,페이지 갱신에 필요한 데이터만 전달 받아서 클라이..

클릭 Coral

배열 추가 : Array.push(), Array.unshift(), Array.splice() 배열 삭제 : Array.pop(), Array.shift(), Array.splice()