Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 이전 글에서 Vue.js 에서 서버와 통신하여..
Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 이전 글에서는 화면 컴포넌트 구성 및 cs..
Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 이전까지 API를 개발하면서 Backend..
Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 이전 글에 이어서 serv..
Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 이번 글에서는 BackEn..
Vue + SpringBoot + Mysql 를 이용한 Todo 만들기(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 이전글 에서는 F..
Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 블로그를 하면서..
주로 화면 개발을 하다 보면 JavaScript 에서 null이나 undefined 체크를 해야 하는 경우가 있다. 자주 사용하는데 사용할 때마다 까먹고 헷갈릴 때가 많다, 블로그 정리를 통해서 머리에 넣어두려고 한다. 1. Undefined 체크 function undefinedCheck(value){ //올바른 체크 if(value == undefined){ ... } //올바르지 않은 체크 if(value == "undefined"){ ... } } 만약 ""(쌍따음표)를 통해서 비교를 하고자 한다면 아래와 같이 typeof 를 사용하여 비교한다. function undefinedCheckStr(value){ //올바른 체크 if(typeof value == "undefined"){ ... } //..
간혹 HTML, JSP 화면을 개발하다가 div 태그 안에 width를 직접 정해주면, 텍스트가 자동으로 줄바꿈이 되지 못하고, div 영역 밖으로 텍스트가 벗어나는 경우가 발생한다. 1. 해결 해결 방법은 간단하다. 해당 div 영역 안에 word-break: break-all 을 추가해주면 된다. word-break: break-all 예시) 12312312415613461361346136136134613461346134613463416134612312312312312312312312321 - 아래는 word-break 코드 추가 12312312415613461361346136136134613461346134613463416134612312312312312312312312321 - class로 선언시..
화면을 개발하다 보면, 가끔 공통으로 된 부분이 생기는 경우가 있고, 이 부분을 모든 파일에 작성하는 것은 비효율적이고 유지보수 시에도 해당 부분을 모두 수정해야 하는 상황이 발생한다. 공통부분을 하나의 파일로 만들어두고, 이것을 각 파일에서 불러와 사용할때 include 명령어를 사용한다. (대부분 공통 헤더(header), 바텀(bottom) 등...) 1. 정적인 방식(static=directive) - 동적인 방식보다 빠르다. - 파라미터를 주고 받을 수 없다. - 해당 jsp페이지가 컴파일될 때, 참조하는 파일(include)도 함께 컴파일 된다. => 두 파일의 코드가 합쳐진 상태로 컴파일 된다. 내용 공간 //header.jsp 코드 Header.jsp 내용입니다. 2. 동적인 방식(dyna..