스펜서 개발블로그

조건문 Vue.js에서 조건문은 명시한 조건에 충족할 때 해당 태그를 포함한 하위 태그를 모두 보여주고 실행할 함수나 데이터 바인딩이 있다면 이를 수행한다. 종류 v-if v-if의 경우, if문의 결과가 true일 때 해당 태그를 화면에 보여주고 혹시 함수가 있다면 함수를 호출하여 실행한다. 사용자의 분류 코드에 따라 화면을 다르게 구성하거나 모달(modal)창을 띄울 때 사용하기도 한다. v-if를 사용하면 뒤에 v-else-if와 v-else도 함께 사용한다. v-if는 조건에 충족하지 않을 경우, 랜더링을 하지 않기 때문에 DOM에 남아있지 않으며, 주로 자주 바뀌지 않는 부분에 사용된다. 프로모션 링크 관리 링크 export default { name: 'App', data() { return ..

Framework Framework(프레임워크) 프레임워크란 개발자가 소프트웨어를 개발할때 코드를 구현하는 개발 시간을 줄이고, 코드의 재사용성을 증가시키기 위해 만든 일련의 클랙스의 묶음 혹은 뼈대를 제공하는 라이브러리이다. 특징 1. 개발자가 따라야 하는 가이드를 제공한다. 2. 개발 할 수 있는 범위가 정해져 있다. 3. 개발자를 위한 다양한 도구와 플러그인을 지원한다. 장점 1. 개발 시간을 줄일 수 있다. 2. 정형화 되어있어 일정 수준의 품질을 기대할 수 있다. 3. 유지 보수가 쉽다. 단점 1. 의존을 많이 하면 개발 능력이 떨어짐 2. 습득하는데 시간이 오래 걸림 종류

Ajax란? AJAX는 대화형 웹 응용프로그램을 만들기 위한 웹 개발 기술이다. 기존 웹 애플리케이션은 폼 양식을 작성하고 버튼을 눌러 내용을 제출하여 동기 요청을 사용하고 서버와 정보를 전송한다. 하지만 AJAX를 사용하면 자바스크립트가 서버에 요청하여 결과를 해석하여 현재 화면을 업데이트 하게 된다. 클라이언트는 이러한 화면 갱신 없이 데이터가 서버로 전송되었다는 사실을 알지 못해도 서버 데이터를 수신할 수 있게 된다. AJAX는 서버 소프트웨어와는 별개의 독립적인 웹 브라우저 기술이며 기술 자체로는 프론트엔드로 분류가 된다. 하지만 서버 전송 이후 back-end와 연동되기 때문에 back-end와 혼동할 수 있다. 자바스크립트는 서버와 비동기 상호작용을 수행하기 위한 XMLHttpRequest 객..

서블릿 필터(Sevlet Filter) java.servlet.Filter 인터페이스를 상속받아 구현하는 클래스이다. HTTP 요청과 응답 사이에서 전달되는 데이터를 가로채어 서비스에 맞게 변경하고 걸러내는 필터링 작업을 수행한다. 요청과 응답의 처리 내용 Request: 보안 관련 사항, 요청 헤더와 바디 형식 지정, 요청 log 기록 Response: 응답 스트림 압축, 응답 스트림 내용 추가 및 수정, 새로운 응답 작성 코드 작성하는 법 1. DD설정 (Web.xml) 필터 설정 필터설정이름 필터를 구현한 클래스 // filter 에서 사용할 값 설정 초기값 설정 이름 설정값 필터 맵핑-1 .url 패턴 (우선적용) 등록된 필터이름 요청한 페이지 형식 필터 맵핑-2. 서블릿 매핑 등록된 필터이름 적..

JQuery(제이쿼리) 존 레식에 의해 개발된 경량 javascript 라이브러리로 javascript를 손쉽게 구현하기 위해 개발되었다. 장점 DOM 관련 처리를 손쉽게 한다. Ajax 통신, 이벤트 처리 등을 폭넓게 지원한다. 별도의 플로그인을 통해 차트, 슬라이드쇼, 테이블 등을 간단히 구현할 수 있다. 사용 방법 페이지 상단에 script 태그 내 src를 이용하여 추가할 수 있으며, 총 두 가지 방법이 있다. 1. 페이지 로드 인터넷이 연결된 상태라면 페이지 주소를 입력하여 연동할 수 있다. 아래 예시는 압축타입(min)을 로딩하였다. 2. 파일 저장 홈페이지에서 js 파일을 저장하여 경로를 지정한 뒤 사용할 수 있다. (jquery.com/)