La vie est belle

🔎 컴포넌트 (Component) 란? ▪️ Vue의 가장 강력한 기능 중 하나이다. ▪️ HTML Element를 확장하여 재사용 가능한 코드를 캡슐화. ▪️ Vue Component는 Vue Instance이기도 하기 때문에 모든 옵션 객체를 사용. ▪️ Life Cycle Hook 사용 가능. ▪️ 전역 컴포넌트와 지역 컴포넌트. 안에는 root element가 한 개만 올 수 있다. 💡 컴포넌트간 통신. ▪️ 상위(부모)-하위(자식) 컴포넌트 간의 data 전달 방법. ▪️ 부모에서 자식 : props라는 특별한 속성을 전달. (Pass Props) ▪️ 자식에서 부모 : event로만 전달 가능. (Emit Event) 부모는 자식에게 데이터를 전달할 수 있지만, 자식은 부모에게 데이터를 전달할..

✔️ Vue event. ▪️ DOM Event를 청취하기 위해 v-on directive 사용. ▪️ inline event handling. ▪️ method를 이용한 event handling. ✔️ Vue event 청취 : v-on ▪️ v-on directive를 사용하여 DOM 이벤트를 듣고 트리거 될 때 JavaScript를 실행할 수 있다. ✔️ Method Event Handler. ▪️ 이벤트 발생시 처리 로직을 v-on에 넣기 힘들다. 이때문에 v-on에서는 이벤트 발생시 처리해야 하는 method의 이름을 받아 처리한다. 이벤트 메서드에 함수만 작성하게 된다면, 내부적으로 event 객체를 넘겨준다. ✔️ 이벤트 수식어 (Event Modifier). 수식어는 점으로 표시된 접미사..

📝 SpringBoot의 특징. ▪️ Spring의 경우 Application을 개발하려면 사전에 많은 작업(library 추가, dependency 설정, SpringFramework가 처리해야 하는 여러가지 구성 및 설정파일 등)을 해야 한다. ▪️ SpringBoot의 장점 - project에 따라 자주 사용되는 library들이 미리 조합되어 있다. - 복잡한 설정을 자동으로 처리. - 내장 서버를 포함해서 tomcat과 같은 WAS를 추가로 설치하지 않아도 개발 가능. - WAS에 배포하지 않고도 실행할 수 있는 JAR파일로 Web Application을 개발 할 수 있다. ✔️ project 생성 구조 및 주요 구성 폴더/파일 ▪️ src/main/java - java source direct..

🔎 OPEN API? OPEN API는 프로그래밍에서 사용할 수 있는 개방되어 있는 상태의 Interface(약속)다. 대부분의 OPEN API는 REST방식으로 지원된다. 🔎 REST API? REST는 'Representational State Transfer'의 약어로, 하나의 URI는 하나의 고유한 리소스(Resource)를 대표하도록 설계된다는 개념에 전송방식을 결합해서 원하는 작업을 지정한다. HTTP URI를 통해 제어할 자원(Resource)를 명시하고, HTTP Method(GET, POST, PUT, DELETE)을 통해 해당 자원(Resource)를 제어하는 명령을 내리는 방식의 아키텍처이다. ✔️REST 구성. ▪️ 자원 (Resource) - URI ▪️ 행위 (Verb) - HT..

: HandlerMapping, HandlerAdapter, Controller, ViewResolver => 스프링 빈으로 등록해야 하는 것을 의미한다. 컨트롤러와 JSP는 개발자가 직접 구현해야 하는 요소이다. 예를 들어 컨트롤러 구성 요소는 개발자가 직접 구현해야 하고 스프링 빈으로 등록해야 한다. ① 요청 전송 ② 요청 URL과 매칭되는 컨트롤러 검색 중앙에 위치한 DispatcherServlet은 모든 연결을 담당한다. 웹 브라우저로부터 요청이 들어오면 DispatcherServlet은 그 요청을 처리하기 위한 컨트롤러 객체를 검색한다. 이때 DispatcherServlet은 직접 컨트롤러를 검색하지 않고 HandlerMapping이라는 빈 객체에게 컨트롤러 검색을 요청한다. ③ 처리 컨트롤러 ..

Directive 지시자 Include 쿠키(Cookie)란? javax.servlet.http.Cookie HTTP의 일종으로 사용자가 어떠한 웹 사이트를 방문할 경우, 그 사이트가 사용하고 있는 서버에서 사용자의 컴퓨터에 저장하는 작은 기록 정보 파일이다. HTTP에서 클라이언트의 상태 정보를 클라이언트의 PC에 저장하였다가 필요시 정보를 참조하거나 재사용할 수 있다. 사용자가 별도의 요청을 하지 않아도 브라우저는 request시 Request Header를 넣어 자동으로 서버에 전송한다. key와 value로 구성되고 String 형태로 이루어져 있다. Browser마다 저장되는 쿠키는 다르다. 즉, 서버에서는 브라우저가 다르면 다른 사용자로 인식한다. 하나의 사이트에서 여러 개의 쿠키를 만들 수 ..

메모이제이션 (memoization) 컴퓨터 프로그램을 실행할 때, 이전에 계산한 값을 메모리에 저장해서 매번 다시 계산하지 않도록 하여 전체적인 실행속도를 빠르게 하는 기술이다. 동적 계획법 (Dynamic Programming) 동적 계획법(Dynamic Programming)은 그리디 알고리즘과 같이 최적화 문제를 해결하는 알고리즘이다. 먼저 작은 부분 문제들의 해들을 구하고 이들을 이용하여 보다 큰 크기의 부분 문제들을 해결하여, 최종적으로 원래 주어진 문제를 해결하는 알고리즘 설계 기법이다. 큰 크기 문제 -> 작은 크기 문제 해결방법이 동일하게 적용되는지 확인한다. 💡 요건 중복 부분문제 구조 최적 부분문제 구조 💡 최적 부분문제 구조 (Optimal substructure) 동적 계획법은 주..

크루스칼 알고리즘 (Kruskal's Algorithm) 크루스칼 알고리즘은 최초의 정점 없이, 최소 간선을 하나씩 추가하여 MST (Minimum Spanning Tress, 최소신장트리) 를 생성해 나가는 알고리즘이다. - 가중치가 최소인 간선을 하나씩 선택해 나간다. - 기본적으로 그리디 알고리즘을 기반으로 한다. (Prim 알고리즘도 마찬가지) - 모든 정점을 순회하고, 사이클을 만들지 않아야 한다. - 그래프 G(V, E)인 경우, 이진힙 이용시 평균 O(E*logV)의 시간복잡도 (V: 정점수, E: 간선수) ★ 크루스칼 알고리즘은 서로소 집합만 정확히 알고 있으면 매커니즘은 어렵지 않다. 💡 크루스칼 알고리즘 매커니즘 1. 정렬 주어진 그래프의 모든 간선의 가중치를 오름차순으로 정렬한다. 결..

forward(request, response) 기존의 자료들을 다 가지고 이동하는 것을 말한다. 💡 사용방법 RequestDispatcher dispatcher = request.getRequestDispatcher(path); dispatcher.forward(request, response); · 이동 범위 - 동일 서버 (project) 내 경로 · location bar - 기존 URL 유지 (실제 이동되는 주소 확인 불가) · 기존의 request와 response가 그대로 전달된다. · 속도가 비교적 빠르다. · 데이터 유지 - request의 setAttribute(name, value)를 통해 전달. sendRedirect(location) 기존에 있던 것들을 다 버리고 단순 페이지 이동..

JSP 기본 객체 · HttpServletRequest request - HTML 폼 요소의 선택 값 등 사용자 입력 정보를 읽어올 때 사용 · HttpServletResponse response - 사용자 요청에 대한 응답을 처리하기 위해 사용 · PageContext pageContext - 각종 기본 객체를 얻거나 forward 및 include 기능을 활용할 때 사용 · HttpSession session - 클라이언트에 대한 세션 정보를 처리하기 위해 사용. page directive의 session 속성을 false로 하면 내장 객체는 생성이 안된다. · ServletContext application - 웹 서버의 애플리케이션 처리와 관련된 정보를 레퍼런스하기 위해 사용 · out - 사용자..