haddoddo

업무에서 사용한 기술을 개인적으로 정리를 하기 위해 비슷한 구조로 토이프로젝트를 진행을 하고 있다. SpringBoot를 사용한 BackEnd와 Node.js + Vue를 사용한 FrontEnd로 프로젝트를 구성하였다. 프로젝트 구성관련 포스팅은 어느정도 환경을 구성후 조금씩 포스팅할 예정이다. 서버를 따로 준비하지 않아서 로컬 DB로 MySQL을 사용하는 도중 외부에서도 로컬 DB에 접속해야 하는 일이 생겼다. 외부 네트워크에서 자택 공유기 DDNS 설정을 통해 접속하여 DB원격 접속을 하는 방식으로 진행하겠다. DataBase : MySQL Tool : MySQLWorkbench & DataGrip Server. : Window Client : Mac MySQL의 경우 기본으로 설치를 완료하면 roo..

안녕하세요 Haddoddo입니다. 지금까지 이니설라이저를 사용하여 스프링부트 설정과 swagger을 연결하여 API를 관리하는 것까지 작업을 해보았는데요. 오늘은 JPA와 H2DB, lombok를 사용하여 swagger를 이용해 동작 테스트하는 예제를 작성해보도록 하겠습니다. ※이전 글을 안 보셨다면 아래 링크를 클릭해주세요. ▶︎[Spring Boot / STS] 스프링 이니셜라이저로 스프링부트 시작하기 ▶︎[Spring Boot / STS] 스프링부트에 swagger 연동 및 사용법 프로젝트 환경.. Tool : STS build : Maven Language : Java Spring Boot Version : 2.4.1 Packageing : Jar JAVA Version : 8 프로젝트에 사용하는..

안녕하세요 Haddoddo입니다. 저번 포스팅엔 스프링 이니설라이저를 통해 스프링 부트 프로젝트를 시작하는 포스팅을 작성하였는데요. ▶︎[Spring Boot / STS] 스프링 이니셜라이저로 스프링부트 시작하기 [Spring Boot / STS] 스프링 이니셜라이저로 스프링부트 시작하기 안녕하세요 Haddoddo입니다. 오늘은 스프링 이니셜라이저를 사용하여 STS에 스프링 부트 프로젝트를 쉽고 간단하게 세팅하는 방법에 대해 포스팅을 하도록 하겠습니다. 개발은 MAC환경에서 진행하 haddoddo.tistory.com 오늘은 스프링부트에 swagger를 연동하는 작업을 해보도록 하겠습니다. 프로젝트 환경.. Tool : STS build : Maven Language : Java Spring Boot V..

안녕하세요 Haddoddo입니다. 오늘은 스프링 이니셜라이저를 사용하여 STS에 스프링 부트 프로젝트를 쉽고 간단하게 세팅하는 방법에 대해 포스팅을 하도록 하겠습니다. 개발은 MAC환경에서 진행하지만 이니셜라이저로 프로젝트 세팅 후 STS에서 시작하는 부분은 윈도우와 동일합니다. 프로젝트 환경.. Tool : STS build : Maven Language : Java Spring Boot Version : 2.4.1 Packageing : Jar JAVA Version : 8 먼저 Spring Initializr사이트로 들어가 줍니다 start.spring.io 이니셜라이저를 사용하게 되면 프로젝트를 좀 더 간편하게 생성할 수 있습니다. 필요한 기능을 사용하기 위한 Dependencies도 선택하여 프..

안녕하세요 하또또입니다.오늘은 Jquery를 이용하여 라디오라디오 버튼,셀렉트박스의 체인지 이벤트와 체크박스 클릭 이벤트를 처리하는 방법을 정리해보도록하겠습니다. 1. 셀렉트 박스 체인지 이벤트 HTML Volvo Saab Opel Audi Jquery$(document).ready(function() { $('#selectID').on('change',function(){ var x = $(this).val(); alert(x); }) }); 2. 라디오 버튼 체인지 이벤트 HTML Jquery$(document).ready(function(){ $("input:radio[name=country]").on('change',function(){ var x =$(this).attr('id'); alert(..

안녕하세요, 하또또입니다. 오늘은 STS와 GitHub를 연결시키는 작업을 진행하려고 합니다. 먼저 GitHub라는 것을 모르시는 분들이 있기 때문에 간단히 설명드리자면 간단하게 GitHub란 협업구조에서 각자 작업을 하고 그 작업을 온라인에 공유하는 프로젝트의 소스를 백업, 공유 사이트라고 이해하시면 될 것 같습니다. https://github.com/Build software better, togetherGitHub is where people build software. More than 50 million people use GitHub to discover, fork, and contribute to over 100 million projects.github.com 먼저 위 사이트에 접속을 해서..

안녕하세요, 하또또입니다. 오늘은 저번 MySQL Workbench 설치하는 포스팅에 이은 2탄! MySQL Workbench 사용법에 대해 포스팅입니다. 👩‍💻스키마 생성🧑‍💻 먼저 워크벤치를 실행하 신다음 사용하시는 DB에 접속하 신다음 스키마 리스트에서 우클릭하신 다음에 "Create Schemas"를 클릭해주시면 되는데요. 만약 저렇게 스키마 리스트가 안보이신다면 상단에 Administration과 Schemas 탭이 있는데 Schemas 탭을 선택해주시면 되겠습니다. 혹은 버튼 클릭 한 번으로 스키마 생성으로 넘어갈 수도 있습니다. 상단에 보시면 위 사진과 같은 database아이콘을 보실 수 있으실 텐데요. 이걸 누르셔도 상관없습니다. Schemas Name : 사용할 스키마 이름 Charac..

안녕하세요, 하또또입니다. 오늘은 mysql workbench라는 프로그램을 설치해볼 건데요. 이게 뭐하는 프로그램일까요? 모르시는 분들에게 잠시 간단하게 설명 타임을 가져보겠습니다. 🤷‍♀️MySQLWorkbench란?🤷‍♂️ DB(dataBase) 관리 툴이라고도 하며 SQL, TABLE, 스키마 관리와 데이터베이스 설계, 생성 등등의 통합관리를 해주는 비주얼 데이터 베이스 설계 도구입니다. db에 관련된 모든 것을 터미널에서 하기엔 너무 번거롭겠죠..? 그래서 그 작업을 단축시켜주는 게 MysqlWorknench입니다. 자 이제 설치를 먼저 시작하기 전에 당연히 MySQL을 설치하고 로컬 계정을 만들어놔야겠죠? 혹시 아직 설치를 진행하지 못하신 분들은 2020/02/27 - [IT/MAC] - [H..

안녕하세요, Haddoddo입니다. 오늘은 javascript와 jquery에서 자주 사용하는 id, name, class를 사용해 value를 가져오는 방법에 대해 정리해보도록 하겠습니다. ○ id흔히 HTML에서 사용하는 id는 객체에 이름을 부여할 때 사용하지만 중복을 허용하지 않습니다.id값을 왜 중복으로 사용하면안될까요? 이유는 여러 가지가 있습니다. 1. name의 값은 중복될경우 배열로 처리가 가능하지만 id는 그렇게 사용할 수 없습니다.2. id는 javascript와 css에서 접근하기 용이합니다. 하지만 중복된 값이 있다면 제대로 수행을 못합니다. 사용법- javascript var x = document.getElementById("test").value; console.log(x) ..

안녕하세요! 오늘은 STS(Spring Tool Suite)을 사용하여 Hello world를 띄워보고 본격적으로 프로그래밍을 하기전에 기본설정을 몇가지를 알려드리려 합니다. ∙MacBook Pro macOS Cataline 10.15.3∙ 제 노트북 기준으로 작성되지만 이 포스팅에서의 내용은 윈도우와 동일합니다. 먼저 STS를 다운받기전에 개발을 하기위해선 tomcat과 java를 설치를 해야합니다. 사이트에 직접 다운받는 방법도 있지만 'Homebrew'를 통해서 좀더 간편하게 설치하실수도 있습니다. 저는 Homebrew를 사용해서 java, tomcat을 설치하였으며 다음 포스팅에서 사용방법을 올리도록 하겠습니다. 2020/02/18 - [개발/MAC] - [Homebrew for MAC] 맥북에 ..