728x90 FE3 [Vue]Vue 기초/CLI/Component Vue.js Web App: 웹 브라우저에 실행되는 어플리케이션 소프트웨어 SPA(Single Page Application): 서버에서 최초 1장의 HTML만 전달받아 모든 요청에 대응하는 방식, CSR 방식으로 요청을 처리 CSR(Client Side Rendering): 각 요청에 대한 댕응을 JS를 사용해 필요한 부분만 다시 렌더링. 필요한 페이지를 서버에 AJAX로 요청하고 서버는 화면을 그리기 위해 필요한 데이터를 JSON 방식으로 전달. 이후 JSON 데이터를 JS로 처리해서 DOM 트리에 반영 MVVM Pattern: 소프트웨어 아키텍처 패턴의 일종. GUI(View)의 개발을 BE(Model)로부터 분리시켜 Vie가 특정한 모델 플랫폼에 종속되지 않도록 함 Vue instance el: .. 2023. 5. 9. [JavaScript]DOM, Event, 비동기 처리 JavaScript Browser APIs 웹 브라우저에 내장된 API, Javascript를 이용해 Browser API 사용 가능 DOM 문서 객체 모델(Document Object Model) 문서의 구조화된 표현을 제공, html 문서를 구조화해서 각 요소를 객체로 취급 window: DOM을 표현하는 창, 각 탭 document: 브라우저가 불러온 웹페이지 //요소 선택 document.querySelector(요소) document.querySelectorAll(요소) //태그 생성 document.createElement(tagName) //Node객체와 컨텐츠 표현 htmlElement.innerText //Node를 다른 Node의 자식으로 삽입 및 삭제 parentNode.appendC.. 2023. 4. 25. [JavaScript] 기본 개념 JavaScript 웹 페이지에서 이벤트 발생 시 동작을 제어하는 데에 사용 웹 브라우저: URL을 통해 web을 탐색, html/css/javascript를 이해한 뒤 해석해서 사용자에게 하나의 화면으로 보여줌 Javascript engine: javascript를 해석, 각 브라우저마다 자체 엔진 보유 변수, 식별자 camelCase: 변수, 객체, 함수 PascalCase: 클래스, 생성자 SNAKE_CASE: 상수 //camelCase let variableName const userInfo function getName //PascalCase class UserInfo function User //SNAKE_CASE const API_KEY const NUMBERS 변수 선언 키워드 let: 블.. 2023. 4. 25. 이전 1 다음 728x90
