분류 전체보기

[Docker] boot를 Docker로 실행해보자

2019/06/27 - [프로그래밍 공부/Etc] - Rest API - Swagger 사용하기 Rest API - Swagger 사용하기 2019/06/20 - [프로그래밍 공부] - [Nuxt.js + Spring Boot] simple example [Nuxt.js + Spring Boot] simple example 스프링 부트 +lombok +jpa +h2 +web starter +rest repository lombok실행시켜서 sts에 설치.. ttubeoki.tistory.com 사용될 코드는 여기서 가져온 코드가 사용되므로 참고 Docker 는 기본(?)적으로 VM의 기능을 가지고 있기 때문에 ( 서버 ) 컴퓨터가 가상화 기능을 사용할 수 있는지 우선 확인해봐야 한다. 물론 Docker는..

Rest API - Swagger 사용하기

2019/06/20 - [프로그래밍 공부] - [Nuxt.js + Spring Boot] simple example [Nuxt.js + Spring Boot] simple example 스프링 부트 +lombok +jpa +h2 +web starter +rest repository lombok실행시켜서 sts에 설치 안하고 의존성만 추가하면 bean error PostController.java @RestController public class PersonController { priva.. ttubeoki.tistory.com Swagger는 Rest API를 눈으로 보기 쉽게 그려주는 역할을 하고 있다. 고로, 이전에 포스팅한 RestAPI를 활용한 프로젝트 예제를 가지고 테스트 해보려고한다. 우선..

[Nuxt.js + Spring Boot] simple example

스프링 부트 +lombok +jpa +h2 +web starter +rest repository lombok실행시켜서 sts에 설치 안하고 의존성만 추가하면 bean error PostController.java @RestController public class PersonController { private PostRepository personRepository; @Autowired PostService personService; public PersonController(PostRepository personRepository) { this.personRepository=personRepository; } @GetMapping("/post") @CrossOrigin(origins = "http:/..

[Java script] 프로그래머스 level1 - 같은 숫자는 싫어

연속된 것만 체크해서 넣어준다 function solution(arr) { var answer = []; for(var i = 0; i

[Java script] 프로그래머스 level1 - 모의고사

쩝 일단 1번,2번,3번의 패턴을 저장할 필요가 있다. 1,2,3,4,5 ( 1패턴당 5개) 2,1,2,3,2,4,2,5 ( 1패턴당 8개) 3,3,1,1,2,2,4,4,5,5 ( 1패턴당 10개) 그리고 카운팅을 해줄 count 변수 => function solution(answers) { var person = [ [1,2,3,4,5], [2,1,2,3,2,4,2,5], [3,3,1,1,2,2,4,4,5,5] ]; var count = [0,0,0]; } 그다음 answer의 크기만큼 for문을 도는데, 패턴의 크기만큼 다시 돌아야하기 때문에 % 연산자를 이용한다 function solution(answers) { var person = [ [1,2,3,4,5], [2,1,2,3,2,4,2,5], [..

[NUXT.JS/VUE.JS] 시작하기(4) - linked between page

선택된 게시글이 아닌 다른 게시글들을 네비게이션으로 활용할것이기 때문에 선택되지 않은 친구들을 filter로 걸러준다 return this.posts.filter(post => post.id !== this.id) 그다음 옆에다가 붙여주자 v-for문은 꽤 독특한 문법을 가지고있는데, 리스트 렌더링 https://kr.vuejs.org/v2/guide/list.html 리스트 렌더링 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 여기에서 자세한 내용을 확인할 수 있다. 실행시키면 오른쪽에 다른 포스팅으로 연결해주는 링크가 생긴다.

[NUXT.JS/VUE.JS] 시작하기(3) - Dynamic Routes

pages 폴더에 posts폴더를 만들고, post.vue를 posts폴더에 옮겨놓자 그리고 _id.vue로 이름 변경 그안의 exprot default - data result로 내보낼 값을 설정한다 id 값과 보여질 title, content부분 그다음 Route에서 matching 시켜줄 코드를 작성 id: this.$route.params.id 동적 route에 관한 설명은 https://ko.nuxtjs.org/guide/routing/ nuxtjs.org Nuxt.js official website ko.nuxtjs.org computed:{ post(){ return this.posts.find(post=>post.id===this.id) } } 들어온 값의 id즉 balut, whereIs..

[NUXT.JS/VUE.JS] 시작하기(2) - Navigation Bar를 만들자

저번 포스팅에 localhost:3000에 성공했다면 프로젝트폴더가 생성되어 있을것이다. 지난 포스팅에서 따로 설정 안했다면 C드라이브 -> USER -> ADMIN(또는 USER) -> 프로젝트명 폴더 nuxt라는것이 vue.js를 위한 서버사이드렌더링 프레임워크이기 때문에 .vue로 되어있는 파일들을 수정하려면 프로그램이 필요한데, 여기서는 visual studio code 라는 프로그램을 사용하려고 한다 비쥬얼스튜디오코드 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud appl..