코드와이

Vue.js의 모듈화 module 프로그램을 기능별로 여러 개의 파일로 나누는 형태 가져오기 : import 내보내기 : export, export default import 예시 import {title, multi} from 'calcul'; export 예시 export const title = '계산기 모듈'; export function multi(i,j){ return i*j; } // export default export default{ title = '계산기 모듈', multi(i,j) {return i*j} } ※ Vue.js 에서 모듈로 파일을 분리해서 components 로 넣어줄 때 HTML 뿐만 아니라 Vue 객체(data, method, created() 등)도 js 파일에 따..

Vue.js Evan you에 의해서 만들어졌습니다. Vue 탄생은 Google 에서 Angular로 개발하다가 가벼운 걸 만들어 보고 싶은 생각으로 시작한 개인 프로젝트입니다. 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 Progressive Framework Vue.js 특징 Approachable(접근성) Versatile(유연성) Performant(고성능) MVVM Pattern(Model + View + ViewModel) Model : 순수 자바스크립트 객체 View : 우베 페이지의 DOM. ViewModel : Vue의 역할 ※ 지금까지 프로그래밍 해 왔던 방식은 자바스크립트로 view에 해당하는 DOM에 접근하거나 수정하기 위해 jQuery와 같은 library를 사용했었는데 V..

REST API AJAX(Asynchronous Javascript And Xml) - JavaScript의 라이브러리중 하나이며, 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법이다. JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. $.ajax({ url:'${root}/product/list', type:'GET', contentType:'application/json;charset=utf-8', dataType:'json', success:function(list){ make(list); }, error:function(xhr, status, msg){..

MyBatis Mybatis는 JDBC를 대신한다. JDBC기능 + Mybatis를 사용했을 때에 설정해 주어야 할 것들 Driver Loading driver class 설정 자동화 불가하다. Connection : database 연결 url, user name, user password를 모른다. sql 문장을 만들어라 사용자가 원하는 작업(insert, select …)이 어떤 것인지 모르기 때문에 자동화 불가하다. pstmt를 만들고 값을 set 해라 ‘?’에 어떤 값을 넣을 것인지 모르기 때문에 자동화 불가하다. 실행 insert, update, delete는 자동화 가능(return int)하지만 select 는 return 타입을 모르기 때문에 자동화 불가하다. 다 사용했으면 close 1..

Spring의 구성요소들의 기본 정리 dispatcher : 기능별로 알맞는 controller로 보내주는 중심역할. 사용자 요청을 최전선에서 받아 데이터의 응답 과정을 진행하고 아래 기능들을 모두 포함하고 있는 컨테이너 handlerMapping : 어떤 기능인지 구분해주는 역할(아래 이미지에서 "act" 역할) ModelAndView : 사용자에게 응답해야 될 데이터나 jsp 재료 ViewResolver : ModelAndView로 만들어진 재료로 실제 응답을 만들어 내는 것 Spring 설정 servlet-context.xml controller, @(annotation), Interceptor 등 View와 관련된 기능들을 설정한다. root-context.xml service, dao(@repo..

Spring? 애플리케이션을 만들기 위한 모든 기능을 종합적으로 제공하는 경량화 된 솔루션이다. Enterprise Application 개발 시 복잡함을 해결하는 Spring의 핵심 POJO : 객체지향의 원리에 충실한 객체 PSA : 기술에 접근할 수 있도록 해주는 설계 원칙 IoC/DI : DI는 유연하게 확장 가능한 객체를 만들어 두고 객체 간의 의존관계는 외부에서 다이나믹하게 설정 AOP : 공통 모듈을 여러 코드에 쉽게 적용 가능 IoC Dependency Lookup 컨테이너가 lookup context를 통해서 필요한 resource나 object를 얻는 방식이다. Dependency Injection Object에 lookup 코드를 사용하지 않고 컨테이너가 직접 의존 구조를 Objec..

jsp 는 servlet 보다 최초 한번 느리다 servlet java 파일로 변환 servlet class compile servlet class를 메모리에 적재 jsp 스크립팅 요소 선언 스크립트릿 클라이언트 요청 시 매번 호출되는 영역 : service 표현식 안녕 !!! 세미클론 쓰면 안됌! 주석 jsp 지시자 page directive 현재 JSP 페이지를 어떻게 처리할 것인가 contentType, pageEncoding 은 utf-8로 errorPage : 에러가 발생할 때에 대신 처리될 페이지 설정 isErrorPage : 에러를 핸들링하는 페이지인지 설정(boolean) include directive 특정 jsp 파일을 페이지에 포함 taglib directive jstl 또는 사용자에..