Vue.js 특징 1. MVVM 패턴 Vue.js는 UI 화면 개발 방법 중 하나인 MVVM 패턴의 뷰 모델(ViewModel)에 해당하는 화면단 라이브러리이다. 모델(Model) - 뷰(View) - 뷰 모델(ViewModel)로 구조화하여 개발하는 방식 화면 앞단(프론트엔드)의 화면 동작과 관련된 로직과 화면 뒷단(백엔드)의 데이터베이스 데이터 처리 로직을 분리하여 더 깔끔하게 코드를 구성한다. (화면의 요소들을 제어하는 코드와 데이터 제어 로직을 분리하여 코드를 더 직관적으로 이해할 수 있고, 추후 유지 보수가 편해진다.) 용어 설명 뷰(View) 사용자에게 보이는 화면 돔(DOM) HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리 돔 리스너(DOM Liste..
웹팩 웹 모듈 번들러 복잡한 자바스크립트 파일을 패키징해주며 파일 압축을 지원하여 스크립트 성능이 더욱 최적화되는 도움을 준다. 관련된 리소스들을 브라우저에서 사용할 수 있는 번들로 묶고 패킹을 하게 된다. "애플리케이션 동작과 관련된 여러 개의 파일(HTML, CSS, JS, 이미지 등)들을 1개의 자바스크립트 파일 안에 다 넣어 버리고, 해당 자바스크립트 파일만 로딩해도 웹 앱이 돌아가게 하자"는 취지 자바스크립트 코드가 많아지면 하나의 파일로 관리하는데 한계가 있다. 그렇다고 여러개 파일을 브라우저에서 로딩하는 것은 그만큼 네트웍 비용을 치뤄야하는 단점이 있다. 뿐만 아니라 각 파일은 서로의 스코프를 침범하지 않아야 하는데 잘못 작성할 경우 변수 충돌의 위험성도 있다. 함수 스코프를 사용하는 자바스..
렌더링 어떠한 웹 페이지 접속시, 그 페이지를 화면에 그려주는 것 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 과정 브라우저는 서버로부터 HTML 문서를 다운 받는다. 렌더링 엔진은 HTML 문서를 파싱해서 DOM 트리를 만든다. (브라우저는 렌더링을 수행하는 렌더링 엔진(Rendering Engine)을 가지고 있다. 크롬의 경우 웹킷(Webkit)을 사용하다가 웹킷을 Fork하여 블링크(Blink) 엔진을 자체적으로 구현하여 사용하고 있다.) 렌더링 과정 1. DOM(Document Object Model), CSSOM(CSS Object Model) 생성 가장 첫 번째 단계는 서버로부터 받은 HTML, CSS를 다운로드 받는다. 그리고 HTML, CSS 파일은 단순한 텍스트이므로 연산과 관리..
- Total
- Today
- Yesterday
- 데이터영역구조
- 의존성주입
- C언어초기화
- for each
- 웹소켓
- 자동변수
- 연결리스트
- 메모리계층구조
- DFS
- forward
- 컴퓨터구조
- 서버클라이언트
- RedirectAttributes
- 스프링설정파일
- BFS
- 스프링 aop
- redirect
- C언어빌드과정
- 프로세스메모리구조
- 스프링어노테이션
- C언어쓰레기값
- Spring Framework 실행 순서
- 스프링프레임워크
- 정적메모리할당
- 스프링컨테이너
- 백트래킹
- 동적메모리할당
- 서블릿컨테이너
- ArrayList배열
- 멤버변수 지역변수
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |