고슴도치의 IT여행

카카오 API 로 나에게 메세지 보내기를 검색해보면 Spring 예제가 잘 안나온다.. JS나 Python 예제는 많은데.. 그걸로 해도 되긴 하지만 백엔드 개발자로서 자존심이 상하자나?! 그래서 끝까지 찾아본 결과 해결법을 찾았다. 많은 사람들에게 도움이 되길. 참고로 shell script 로 보내려는 사람이 있다면 (설마 있겠어?) 시도하지 마라. 따옴표 이스케이프가 무슨 방법을 해도 안된다..ㅜㅠ 혹시라도 해결방법 찾으신 분이 계시다면 꼭 알려주시길.. 어플리케이션 설정법과 access token을 받는 방법은 여러 블로그를 많이 거쳐오신 여러분들은 이미 지겹도록 봤을거다. 그래서 바로 본론으로 들어가 핵심 코드를 살펴보겠다. (이 글 조회수가 많아지면 사전 준비 방법에 대해선 추후에 따로 글을 ..

참고 강의 : (인프런) 실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-JPA-%ED%99%9C%EC%9A%A9-1/dashboard 실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발 - 인프런 | 강의 실무에 가까운 예제로, 스프링 부트와 JPA를 활용해서 웹 애플리케이션을 설계하고 개발합니다. 이 과정을 통해 스프링 부트와 JPA를 실무에서 어떻게 활용해야 하는지 이해할 수 있습니다., - 강 www.inflearn.com 강의를 직접 듣고 개인적으로 정리한 내용입니다. 엔티티 클래스 개발 실무에서는 Getter을 모두 열어두는 것이 편하..

참고 강의 : (인프런) 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8/dashboard [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com 스프링 데이터 JPA 스프링 데이터 JPA 회원 리포지토리 package hello.hellospring.r..

참고 강의 : (인프런) 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8/dashboard [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com 회원 등록 회원 등록 폼 컨트롤러 package hello.hellospring.controller; imp..

참고 강의 : (인프런) 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8/dashboard [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com @ResponseBody 객체 반환 @GetMapping("hello-string") @ResponseBod..

Vuex/state/mutations/Vue.js/Vuex사용법/Vue.js 데이터전달/양방향 바인딩/Vue store/Vuex 작동방식/Vuex 사용방법 props나 emit은 넘 복잡하다. 넘 불편하다..!! props와 emit에 대한 설명도 포스팅 해놓았으니 참고해도 좋다. https://asdfmelody.tistory.com/37 한단계 자식에게만 전달하는 경우에는 props와 emit을 이용하는 게 그리 어렵지 않을 수도 있겠지만, 실제 개발시에는 그렇게 간단한 경우만 존재하지는 않는다. 위와 같은 상황일때, Search 값에 따라서 List를 변경시켜야한다. 그러면 Search > Header > Main > Body > Stories 로 데이터를 이동시켜야하는데 전달할 때마다 props ..

Vue 데이터 전달 / props / emit / 바인딩 / 데이터 바인딩 / Vue.js 개념과 활용 설명을 위한 기본 세팅은 다음과 같다. Props 부모 > 자식으로 데이터 전달 부모 : v-bind:key="value" 자식 : props:['key'] 부모인 Home.vue에서 v-bind를 통해 mySchool 데이터를 넘겨준다. 자식인 HomeChile.vue에서 props 선언을 통해 부모에서 전달한 데이터를 받고, console에 출력한다. HomeChild.vue 14번째 줄은 mySchool이 정의되어 있지 않아, undefined가 나온다. 부모에서 정의한 변수명만을 이용해야한다. 부모에서 자식으로 넘어온 props 데이터는 변경이 불가하다. props는 단방향으로 데이터가 전달되기..

Vuejs/Router/Router-Link/Router설정하기/params/query/params 매핑/query 매핑/Vue router/vue routes/path/name/components src 밑에 router 폴더를 만들어주고 index.js에 router를 설정해준다. Router 사용 이유 Vuejs는 하나의 페이지로 구성되어있다. 그런데 보여주고 싶은 화면은 어러개일 수 있다. 이에 따른 대책으로 Vue router를 사용한다. Router에 링크 추가하기 먼저 보여주고 싶은 뷰 파일을 import 해주고 routes안에 객체로 path, name, component를 정의해서 링크를 추가해준다. path : 경로 설정한 주소로 접근 가능 name : 이름 정의 component: 보..

Vuejs 조건문/v-if/Vuejs 반복문/v-for/Vuejs 언어/v-if 활용예시/v-if 사용방법/v-for활용예시/v-for사용방법/v-on:click/v-binds:key 조건문 v-if vue.js에서 if문은 v-if를 이용한다. 보인다 눌러봐 see 변수를 false 최초로 두고, clickToSee 함수를 통해서 see 변수를 true로 바꿔져서 바인딩을 통해 브라우저에서 곧바로 결과값이 보여진다. 반복문 v-for {{ todo.text}} v-for문으로 todos 에 정의한 각각의 객체를 todo로 칭한다. for문 이용시에는 key값이 필수다. id로 key값을 정의한다. {{todo.text}}로 각 객체의 text값을 보여준다. [Vue.js] 데이터 전달 방법1 : pro..

Vue 컴포넌트 라이프사이클 Vuejs 프레임워크 데이터바인딩 유지보수 created mounted 컴포넌트 Vue.js는 컴포넌트 기반의 프레임워크다. Vue.js의 최대 장점은 컴포넌트라고 생각한다...! 컴포넌트에는 단순 html / css 역할 뿐만아니라 기능 호출, 데이터 바인딩등의 요소가 합쳐져있다. 하나의 독립된 개체이기 때문에 어디서든 똑같이 동작하고, 재사용성이 높다. 유지보수성과 가독성도 높다. 실제 개발에서는 각 구역 / 구성별로 컴포넌트를 생성하는 방식으로 활용한다. 라이프사이클 vue.js의 라이프사이클에는 크게 생성, 부착, 수정, 삭제가 있다. 각 컴포넌트별로 특정 시점에 동작해야할 경우들이 발생한다. 그때, 라이프사이클을 이용한다. 라이프 사이클 활용 예시 - created ..