글쓰는 개발자

본 포스팅은 한국표준협회에서 주관하는 2020 산업융합형 인공지능 청년 혁신가 양성과정을 정리한 내용입니다. 모듈 2. 하이퍼바이저 기반의 서버 가상화 실습, 모크엠시스 이진호 강사님 목 차 1. IP Address 확인 2. PuTTY 설치 3. PuTTY 실행과 가상머신 서버 접속 1. IP Address 확인 - Terminal 환경에서 작업을 진행 - CentOS7 GUI에서 우클릭을 한 후 Open Terminal을 클릭 - Terminal에서 ifconfig -a (ipconfig 아님!) 를 입력한 후 inet 부분의 ip주소를 확인 2. PuTTY 설치 - 설치 URL : https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html - A..

본 포스팅은 한국표준협회에서 주관하는 2020 산업융합형 인공지능 청년 혁신가 양성과정을 정리한 내용입니다. 모듈 2. 하이퍼바이저 기반의 서버 가상화 실습, 모크엠시스 이진호 강사님 개 요 1) 하이퍼바이저 : 호스트 컴퓨터에서 다수의 운영체제(OS)를 동시에 실행하기 위한 논리적 플랫폼 (출처 : 위키백과) 2) 실습환경 - Server Box : 개인 노트북 - HOST OS : Windows 10 - Hypervisor : VM WARE Player - GUEST OS : Linux (CentOS 7) - APP A : tomcat - APP B : mariaDB - Type1 가상화 방식 1. VM ware Workstation Play 다운로드 - 설치 URL : https://www.vmwa..

안녕하세요. 글쓰는 개발자입니다. 오늘은 ajax으로 받아온 data를 jstl로 표현하는 방법에 대해 소개하고자 합니다. ajax의 POST방식을 사용하게 되면, error가 발생하면서 받아온 값을 jstl로 표현하지 못하는데요. 이유는 다음과 같습니다. 서버는 JAVA>JSTL>HTML>Javascript 순서로 동작하는데 GET방식으로 페이지 이동시 바로 model.addAttribute하는 경우에만 작동하는 것을 많이 경험하셨을 겁니다. 그러나, 저는 업무 중에 Tab메뉴를 동작할 때 마다 Ajax Post 방식으로 data를 받아와야했고 append를 하기에는 View단의 코드가 너무 길어지고 퍼블리싱 변경이라도 발생할 경우, 유지보수에 상당한 어려움이 예상되었습니다. 그리하여, 고민한 결과 아..

안녕하세요. 글쓰는 개발자입니다. 오늘은 selectKey를 활용해서 mybatis에서 insert된 값을 바로 불러올 수 있는 기능을 소개하겠습니다. 아래 코드블럭들을 살펴보면, VO에 no와 name을 세팅하고 param객체에 담아서 Service단을 거쳐 Mapper로 전달합니다. 그리고 order="BEFORE", no를 select문을 통해 조회하고 selectKey 안의 keyProfperty = no에 바로 저장합니다. 그럼, 저장된 no를 바로 아래의 insert문에서 사용할 수 있습니다. 자세한 내용은 아래 전체 코드를 확인하세요. 1. Service단 sqlSession.insert("mapperName.selectKeyExample",param); logger.info("순번: "+p..

안녕하세요. 글쓰는 개발자입니다. 오늘은 script단에서 ajax을 활용해 controller(Java단)로 배열값을 전달하는 방법을 소개하겠습니다. 저는 입력폼에서 checkbox를 활용한 다중선택값은 따로 분리해서 배열로 전달하였는데요. 이 때, @RequestParam Map param 형식으로 받게되면 배열의 경우, 첫번째 값만 가져오게 되므로 @RequestParam(value="parameter이름[]")List 형으로 배열값을 받아와야 합니다. 아래 코드만 보시면 쉽게 이해가 되실 겁니다. 1. Script $.ajax({ url :'/my/testUrl/arrayTest', type : 'post', dataType : 'json', data : { "exampleArray" : exam..

안녕하세요. 글쓰는 개발자입니다. 프로젝트를 진행하면서, 프로필 사진을 모바일에서 업로드 할 경우, 이미지가 회전되는 이슈가 있었습니다. 구글링을 해보니, 다른 분들도 많이 겪은 문제였다는 생각이 들었습니다. 빈번히 발생하는 이 문제를 해결한 방법에 관해 포스팅 시작하겠습니다. 1. 라이브러리 사용 저는 아래 링크를 통해, 사용할 수 있는 Javascript Load Image 라이브러리를 사용했습니다. 이 중에서 load-image.all.min.js 를 받았는데요. 이유는 다 받는게 제일 편하기 때문입니다. https://github.com/blueimp/JavaScript-Load-Image blueimp/JavaScript-Load-Image JavaScript Load Image is a lib..

안녕하세요. 글쓰는 개발자입니다. 오늘은 Javascript 변수선언시 사용하는 var, let, const의 차이를 포스팅하고자 합니다. 관련 자료를 공부하면서 scope, hoisting등의 개념도 접할 수 있었는데요. 이와 관련해서는 다음 포스팅을 통해 설명 드리겠습니다. 1. var (변수 재선언 가능) var variable = '변수선언함'; console.log(variable); //변수선언함 var variable = '또 변수선언함'; console.log(variable); //또 변수선언함 변수 선언을 여러 번해도 에러없이 각기 다른 값이 출력될 수 있습니다. 이는 필요할 때 마다 변수를 사용할 수 있다는(편리하다는) 장점이 될 수 도 있지만, 같은 이름의 변수명을 남용하는 문제를 ..

안녕하세요. 글쓰는 개발자입니다. 오늘은 JQuery의 .one() 함수를 소개하고자 합니다. 저를 몇날 몇일간 괴롭혔던 검색제시어 영역 이외 클릭시 제시어 창 닫힘 및 입력값 초기화 기능 문제를 해결해준 고마운 기능입니다. 아래 내용에 대한 설명은 https://api.jquery.com/one/를 참고했습니다. .one() | jQuery API Documentation Description: Attach a handler to an event for the elements. The handler is executed at most once per element per event type. The .one() method is identical to .on(), except that the handl..

본 포스팅은 'Do it! 자료구조와 함께 배우는 알고리즘 입문 Java편'을 스터디 한 내용입니다. 안녕하세요. 글쓰는 개발자입니다. 자료구조 관련하여 study내용을 포스팅 하다 보니, 다소 문체가 많이 딱딱했었는데요. 글쓰는 개발자 답게, 저의 문체가 아니다보니 조금은 불편(?)하기도 하고해서 연습문제처럼 제가 스스로 생각한 프로그램들은 원래의 형식대로 포스팅하고자 합니다. 배열의 선형검색 과정을 console창에 출력하는 프로그램을 만드는 것인데요. 저는 나름대로 한 번 더 생각하기 위해서 보초법을 활용하는 과정을 출력하고자 합니다. 선형검색과 관련된 내용이 숙지가 안되신 분들은 아래링크를 통해, 먼저 학습하고 오시면 이해가 빠르실거라 생각됩니다. https://backstreet-programm..

본 포스팅은 'Do it! 자료구조와 함께 배우는 알고리즘 입문 Java편'을 스터디 한 내용입니다. 선형 검색 원하는 키(key)값을 갖는 요소를 만날 때 까지 맨 앞부터 순서대로 요소를 검색하는 것을 선형(linear) 또는 순차(sequential) 알고리즘 이라고 함 검색의 종료 조건 ① 검색할 값과 같은 요소를 발견한 경우 (n 회, 평균 n/2회) ② 검색할 값을 발견하지 못하고 배열의 끝을 지나간 경우(n+1회) 선형검색 구현 코드 n개의 요소를 대상으로 값이 key인 요소를 선형검색하고 검색한 요소의 index를 반환함. 값이 key인 값이 여러개 존재할 경우, 최초 발견된 index만 반환하고 검색이 종료됨. import java.util.Scanner; /** * @Date 2020. ..