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 파일은 단순한 텍스트이므로 연산과 관리..
import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.StringTokenizer; public class Main { public static void main(String[] args) throws NumberFormatException, IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int N = Integer.parseInt(br.readLine()); int[][] arr = new int[N][N]; for (int i = 0; i < N; i..
TCP/IP - 네트워크를 상호 연결시켜 정보를 전송할 수 있도록 하는 기능을 가진 다수의 프로토콜이 모여있는 집합이다. - OSI 7계층처럼 추상적인 레이어 역할을 하는 것이 아닌 실용적인 네트워크 연결을 위해 만들어졌다. TCP, UDP - TCP와 UDP 프로토콜은 모두 전송계층에서 동작하는 프로토콜이다. - 두 프로토콜은 모두 패킷을 한 컴퓨터에서 다른 컴퓨터로 전달해주는 IP 프로토콜을 기반으로 구현되어 있지만, 서로 다른 특징을 가지고있다. (운영체제의 일부로 구현되어 있어서 우린 코드만 구현해서 그걸 이용하면 된다) · 전송 방식 1) TCP - TCP는 신뢰성있는 데이터 전송을 지원하는 연결지향형 프로토콜. - TCP는 패킷을 성공적으로 전송하면 Acknowledgement(ACK)라는..
CPU - CPU는 기계어로 된 코드를 읽어 연산을 할 수 있다. - 컴퓨터에서 가장 중요한 CPU는 다양한 종류가 있다. 보통 이 종류를 Architecture라고 부른다. 우리가 흔히 사용하는 CPU는 Microcomputer CPU이다. 인텔의 IA-32나 AMD의 AMD64와 같은 CPU를 Microcomputer CPU라고 한다. 모바일 기기나 작은 장치에 사용되는 Embedded CPU의 예로는 ARM이 있다. 또 Server나 Mainframe CPU는 MIPS, IBM의 SSystem/360등이 있다. 이렇게 용도에 따라 사용되는 Architecture가 다르고, 각각의 기계어들도 다 다르다. 이 글에서는 가장 흔하고 많이 사용되는 x86 프로세서 계열에 대해 다룰 것이다. 가정이나 개인 ..
- Total
- Today
- Yesterday
- C언어빌드과정
- BFS
- 정적메모리할당
- forward
- C언어쓰레기값
- Spring Framework 실행 순서
- 컴퓨터구조
- 스프링어노테이션
- DFS
- 스프링설정파일
- 웹소켓
- 스프링 aop
- 자동변수
- 스프링프레임워크
- 서블릿컨테이너
- redirect
- C언어초기화
- 백트래킹
- 연결리스트
- 프로세스메모리구조
- 동적메모리할당
- 의존성주입
- 데이터영역구조
- for each
- 서버클라이언트
- 메모리계층구조
- RedirectAttributes
- 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 |