몽땅뚝딱 개발자

1. 이클립스의 서버탭에서 'No server are available. Click this~' 를 클릭한다. 2. 내가 설치한 버전을 선택 후 Next! 3. 톰캣 위치 설정창이 나오는데 설치할 때 아무것도 건드리지 않고 설정된대로 설치했다면, 아마 tomcat의 위치는 아래의 경로 둘 중에 하나일 것이다. 경로를 넣어주고 Next를 누른다. C:\Program Files\Apache Software Foundation\Tomcat 10.0 C:\Program Files (x86)\Apache Software Foundation\Tomcat 10.0 4. 서버를 추가 할 프로젝트를 골라서 add 한 후 finish를 누른다. 내가 기존에 만들던 프로젝트는 다 Boot Project여서 Available..

※ JDK가 설치되어있어야 한다. 1. 아래 사이트로 접속한다. Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are part of the tomcat.apache.org 2. 톰캣버전은 사용하는 자바버전과 맞춰야한다고 들었다. 나는 1.8을 사용하지만 가장 최신으로 받았다. 3. 설..

◽ Auto Close Tag 태그를 자동으로 닫아준다. ◽ ESLint ES(Ecma Script, 표준 자바스크립트)와 Lint를 합친 말이다. 문법 중에 에러가있다면 표시해준다. prettier와 함께 많이 사용한다고 한다. ◽ Korean Language Pack for Visual Studio Code 한국어 팩이다. ◽ Vetur VSCode에서 지원하는 유용한 Vue 플러그인이다. 문법 작성시의 하이라이팅이나 snippet 등을 지원한다. 거의 필수적으로 설치하는데 자세한 기능은 정리 후 아래 링크를 달 예정이다. ◽ prettier 개발자마다 indent 값이나 세미콜론을 찍는 위치 등 코딩스타일이 모두 다르다. prettier는 협업할 때 좋은 확장프로그램으로, 한 사람이 친 것 처럼 코..

◽ Packaged Manager 버전 확인 -- npm의 경우 npm -v -- yarn의 경우 yarn --version ◽ Vue-cli를 이용한 프로젝트 생성 vue init [프로젝트명] [파일위치] // CLI 2 vue create [프로젝트명] // CLI 3 ◽ vue 모듈 설치 및 삭제 -- npm으로 설치하기 npm i [Module Name] npm install [Module Name] ex) npm i --save vue-router -- npm으로 전역으로 설치하기 npm install [Module Name] --global npm install [Module Name] --g ex) npm install gulp --global -- npm으로 삭제하기 npm uninsta..

◽ Git 기본 설정 모든 프로젝트에서 해당 정보를 사용하고싶다면 --global 명령어를 사용한다. $ git config --global user.name “name” // 전역 $ git config --global user.email “email” // 전역 $ git config user.name “name” $ git config user.email “email address” ◽ Git 설정 확인 설정한 모든 것을 확인할 수 있다. $ git config --list ◽ Git 저장소 생성 .git이라는 하위 디렉토리가 생성되며, .git 디렉토리에는 저장소에 필요한 뼈대 파일(Skeleton)이 들어 있다. # 프로젝트 폴더 안에 .git이라는 폴더가 생긴다. $ git init ◽ 기존..

◽ go()안에 인수가 없을 경우 새로고침 this.$router.go() ◽ 지정된 페이지로 이동 (라우터 name) this.$router.push('라우터이름') 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

슬라이드를 구현하기 위해 찾은 라이브러리이다. 공식사이트에 예제가 너무 잘 나와있고 Git도 있어서 참고 가능하다. ◽ 설치(npm) npm i vueperslides # Vue 2.x. npm i vueperslides@next # Vue 3. ◽ CDN 방식 ◽ 공식사이트 Vueper Slides - Documentation Vueper Slides is a Vue JS Slideshow / Carousel antoniandre.github.io ◽ Git antoniandre/vueper-slides A touch ready and responsive slideshow / carousel for Vue & Vue 3. - antoniandre/vueper-slides github.com 개인적으로..

◽ session 설치 npm install --save vue-session ◽ session 사용하기 this.$session.set('저장할 key', '저장할 value'); this.$session.get('저장했던 key'); 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

📄 TodoService.java package com.moddk.swagger.service; import java.util.List; import com.moddk.swagger.vo.TodoVO; public interface TodoService { // TodoList 가져오기 public List getTodoList(int searchType, String user_id); // TodoList 추가하기 public int addTodoList(String contents, String user_id); // TodoList 값 변경하기 public int updateComYnOfTodoList(int idx); // Todo 삭제하기 public int deleteTodo(int idx, ..

📄 TodoController.java package com.moddk.swagger.controller; import java.util.HashMap; import java.util.List; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpSession; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.w..