Vue-Composition API Vue에서는 Option API방식으로 데이터 또는 함수를 관리하거나 Composition API방식을 사용하거나 둘 중 하나를 사용하여 개발한다. Option API방식은 뜻 그대로 Vue에서 제공하는 옵션 하나하나를 이용하여 개발한다. 예를 들어 data(), methods, computed와 같은 것처럼 말이다. 반대로 Composition은 setup()이라는 것 안에 모든 것을 정의해서 사용한다. 그럼 왜 Composition API를 사용할까? 작은 프로젝트의 경우 Option API방법으로 진행했을 때 상관이 없다. 하지만 조금 규모가 커졌을 때는 데이터의 이동추적을 하려면 일일히 찾아야하며 많은 데이터와 많은 함수가 있기 떄문에 스크롤도 많이해야하는 번거..

Css-Flex Css배치에 있어서 꽃인 Flex를 다뤄보자. 먼저. Flex를 왜 배우는지 부터 알아보자. 1) 간단하고 동적인 부분에서도 효율적이다 2) 수평적인 부분에서 정렬을 하고싶다 1. Flex의 기본 Flex의 기본구조는 아래와 같다. class명인 container와 item은 관례적으로 사용하며, 뜻 그대로 상자안에 물건들이 있다고 생각하면 편하다. 우리는 물건을 세로로 배치할 지, 가로로 배치할 지, 띄워서 배치할 지 등 여러가지 방법들로 배치를 할 것이다. 이 때 항상 margin이나 padding을 줌으로써 간격을 주는 것은 상당히 비효율적이라고 볼 수 있다. 그래서 우리는 "flex"를 사용한다. 이의 속성은 부모요소인 "container"에 적용할 것인가? 자식요소인 "item"..

운영체제 - 프로세스 프로세스 관리가 운영체제의 핵심. 프로그램 : 저장장치에 저장되어 있는 상태 프로세스(task) : 실행을 위해 메모리에 올라온 동적인 상태. 프로세스는 하나의 작업 단위. 일괄 작업 방식의 요리 -> 하나를 연달아 실행하는 것. 시분할 방식의 요리 -> 여러 개를 분할해서 실행하는 것. 프로세스 제어 블록(PCB) 프로세스 구분자 : 각 프로세스를 구분하는 구분자(id) 메모리 관련 정보 : 프로세스의 메모리 위치 정보 각종 중간값 : 프로세스가 사용했던 중간값 프로그램이 프로세스가 되었다라는 것은 운영체제로부터 프로세스 제어 블록을 받았다는 것과 동일하다. 프로세스가 종료된다는 것은 해당 프로세스 제어 블록이 폐기된다는 뜻이다. 프로세스의 네 가지 상태 일괄작업 시스템 :생성, ..

웹 애플리케이션 - Servlet, JSP servlet vs jsp servlet은 기본적으로 자바이다. 그 안에 html을 동적으로 만든다. jsp는 기본적으로 html프레임이고, 필요하면

알고리즘 - 합병정렬 1개가 남을 때까지 나눈다.(DIVIDE), 합친다. mergesort 와 merge는 2:1의 관계에 있다. 재귀이기 때문에 -> 스택을 이용한다. mergesort함수의 소스코드 void mergesort(int n, keytype S[]){ if(n>1){ const int h = n/2, m = n-1; keytype U[h], V[m]; for(int I = 0; i

알고리즘 - 분할정복 1) 분할 : 해결하기 쉽도록 문제를 작은 부분으로 나눈다. 2) 정복 : 나눈 작은 문제를 “각각” 해결한다. 3) 통합 : (필요하다면) 해결된 해답을 모은다. 이러한 문제 해결 방법을(top-down)하향식 접근방법 이라고 한다. 이는 이분검색(Binary Search) 재귀 알고리즘을 이용한다. 이분검색은 O(logn)의 복잡도를 가진다. 순차검색이 O(n)이 걸리는 것을 보면 더욱 효율적인 알고리즘인 것을 알 수 있다. 이분검색의 설계전략: 1) x가 배열의 중간에 항목과 같으면 빙고 그렇지 않으면: 분할 : 배열을 나누어서 x가 중앙보다 작으면 왼쪽에 위치한 반쪽을 선택하고 그렇지 않으면 오른쪽에 위치한 배열 반쪽을 선택한다. 2) 정복 : 선택된 반쪽 배열에서 x를 찾는..