npm Node.js의 기본 패키지 관리자 Node.js란? 기존의 JS는 HTML 내부에서만 동작 가능했다… Node.js를 활용해 HTML 코드에서 escape! 외부에서 만들어진 JS코드를 활용해서 프레임워크 처럼 활용할 수 있다. 이걸 관리하는 친구가 npm, yarn Node.js의 영향 기존 브라우저 ...

Vue의 문법 Text Interpolation <p>Message: </p> 데이터 바인딩의 기본적인 형태 이중 중괄호 구문 msg 속성 변경시 업데이트 이걸 출력하기 위해서는 v-html 사용 필요 <div v-html="rawHtml"></div>; const rawHtml =...

Vue.js란? Client-side frameworks 클라이언트 측에서 UI와 상호작용을 개발하기 위해 사용되는 JS 기반 프레임워크 일반적으로 웹에서 하는 일이 많아짐 음악 스트리밍 채팅 이러한 복잡한 대화식 웹 사이트를 웹 어플리케이션이라고 부름 일반적인 바닐라 JS코드로...

Router Routing 네크워크에서 경로 선택 프로세스, 웹 어플리케이션에서 다른 페이지간의 전환과 경로 관리 기술 Routing 기술이 없다면? 유저가 URL을 통한 페이지 변환 감지 못함 브라우저 뒤로 가기 기능 사용 불가 페이지가 무엇을 렌더린 중인지 알 수 없음 Vue Router <RouterLink...

Component State Flow Passing props 부모는 자식에게 데이터를 전달하며, 자신은 자신에게 일어난 일을 부모에게 알림 해당 페이지를 구성하는 컴포넌트가 여러개라면 개별적으로 모든 컴포넌트에게 요청해야할까? 공통된 부모 컴포넌트에서 관리하면 그럴 필요가 없다! Props 부모 컴포넌트로부터 자식...

Axios 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리 Axios의 특징 브라우저를 통해 XMLHttpRequest 객체 실행 XSS 공격 방어 요청 및 응답에 대한 interceptor 지원 JSON 데이터 자동 변환 fetch vs axios install ...

Spring이란 Framework이란? 특정 운영체제를 위한 응용 프로그램 표준 구조를 구현하는 클래스와 라이브러리의 모음 재사용 가능한 수많은 코드를 프레임워크로 통합하는 것 Spring Framework란? Java로 Enterprise Application을 만들 때 사용하는 포괄적으로 사용하는 모델을 제공 개발자가 L...

Spring MVC 기존의 MVC + Spring FrameWork가 제공하는 MVC MVC Pattern 확장성을 위해 Model, View, Controller 세가지 영역으로 분리 컴포넌트간의 결합성을 낮게 유지 Model 어플리케이션 상태의 캡슐화 쿼리에 대한 응답 변경을 Vi...

Spring HTTP Spring HTTP의 요청 GET 메세지 바디 없이 URL의 쿼리 파라미터 URL 다음에 ?를 시작 추가 파라티너는 &로 구분 **http://localhost:8080/request-param?username=hello&age=2** POST HTML의 Form을 사용 바디에 쿼...

Rest API 일반적인 OPEN API와 함께 사용되는 공공 데이터에서 사용되는 Interface Rest 하나의 URI는 하나의 고유한 리소스를 대표하도록 설계된다는 개념에 전송방식의 결합 HTTP URI를 통해 제어할 자원의 명시, Method를 통해 해당 자원의 제어 어떤 환경에서 요청을 하던 (Web이라던가, Mob...