@RequestParam 활용하기 RequestParam Spring Controller에서 @RequestParam은 매우 유용한 기능입니다. jsp를 배웠다면 request.getParameter의 기능이라고 생각하시면 됩니다. requestParam은 jsp에서 보낸 request값을 효율적으로 받기 위해 사용합니다. 기본적인 정의입니다. @Controller public class TestController { //테스트 입니다. @RequestMapping(value="/test/Test_edit.do", method= {RequestMethod.GET}) public String Test_edit(Model model, @RequestParam(value="mod") String mod) th..
함수 선언문과 함수 표현식 함수 표현식과 함수 선언문 본 JavaScript의 함수(function)를 실행 확인을 위해 window.onload를 활용했습니다. Javascript의 시작은 함수 선언문이다.함수라는 것을 명확히 가르키기 위해 function을 알린다. 그러나 JavaScript를 다루게 된다면, function 조차 줄이기 위해 함수 표현식을 사용하게 된다. function test1() let test1 = () => 차이를 둔다면, 위와 같다. 이게 무슨 소리 일까 생각 된다면, 아래의 사진을 보아 참고에 도움되기를 바란다. JavaScript의 함수는 표현 방법이 제 각각이다. 필자는 매일 test01 함수만 사용하고 싶지만, 남들이 test02와 test03을 사용하는 이상 알고..
Display 감추기, 보이기 CSS, dsipaly 감추고 보이게 하기 display의 기본은 다음과 같습니다. //display의 기본값 //display 감추기 기본적으로 block와 none를 사용합니다. block는 display의 가장 기본값이므로 display설정 안 할 경우, 자동적으로 주어지는 값입니다. none는 display의 숨길 때 가장 대표적으로 사용하는 명령어로, 해당 영역을 숨길때 사용하게 됩니다. 이제 위의 명령어를 활용하여 javascript를 통해 변경하도록 하겠습니다. JavaScript에서 변경하기 만약 위에처럼 html에 해당 영역이 있다고 가정하였을 경우에 대해 살펴보겠습니다. JavaScript에서 변경하기 //display 보이게 하기 document.getE..
OpenLayer, Vector 적용하기 Vector 적용하기 OpenLayer에서 Vector란, 지도의 좌표를 저장하는 Object입니다. 저장하거나 불러오거나 할 때 Vector을 사용합니다. 지금은 연습삼아서 GEOJOSN.IO를 통해서 해당 지도만의 Vector파일을 만들도록 하겠습니다. 저장 방식은 JSON 방식을 사용하고 있습니다. 지도 위에 마커, 선, 도형 등 그릴 수 있게 해주는 기능입니다. 우리는 먼저, 이 기능을 사용하기 위해서 이 사이트의 도움을 받도록 하겠습니다. https://geojson.io/ geojson.io geojson.io 해당 사이트에 접속하셔서, 지도 위에 아무렇게나 그려주시면 됩니다. 그리고 Save - GeoJSON을 통하여 기능을 저장하도록 합니다. 저장되..
ㅇㅇ 이전 글 2021.08.25 - [Computer/기타] - OpenLayers 지도 설정하는 방법 OpenLayers 지도 설정하는 방법 OpenLayers 지도 설정하는 방법 OpenLayers 지도 설정하기 지도의 설정은 다음과 같습니다. 지도의 설정이 필요할 경우 View에서 설정을 변경하시면 됩니다. 지도가 시계방향으로 돌아간 것을 확인할 mollangpiu.tistory.com 이전의 내용을 이어 작성하였습니다. 이전의 내용은 위의 링크를 통해 확인 부탁드리겠습니다. OpenLayers 종류 기존의 OpenLayers는 기본으로 설정된 OSM에서 제공되는 것으로 지도를 불러올 수 있었습니다. 그러나 OpenLayers의 지도는 여러 종류가 있으며, 그 종류를 다양하게 하기 위해서는 해당 ..
OpenLayers 지도 설정하는 방법 OpenLayers 지도 설정하기 지도의 설정은 다음과 같습니다. 지도의 설정이 필요할 경우 View에서 설정을 변경하시면 됩니다. 지도가 시계방향으로 돌아간 것을 확인할 수 있게 됩니다. 또한 maxZoom과 minZoom이 설정이 되어있어서, zoom에도 변화가 생긴 것을 확일 할 수 있게 됩니다. 좌표 알아내기 지도를 클릭하면 console.. log가 나타나도록 설정하였습니다. console.log를 통해서 클릭한 곳의 좌표가 검색되었습니다. 검색된 좌표 0과 1을 Map의 Center에 주입하고 새로고침을 해보겠습니다. 검색 된 곳을 기준으로 map의 중심 위치를 변경할 수 있게 됩니다. 지도 API에 대해 검색하기 https://openlayers.org..
OpenLayers 지도 불러오기 OpenLayers 지도 불러오기 전 포스팅 내용대로 진행이 되었다면, 지도 불러오는 과정은 매우 심플합니다. 먼저, html에서 id를 설정을 합니다. css는 별도로 정의하지 않았습니다. 지도에 필요한 JavaScript 설정을 불러옵니다. 각 필요한 부분에 대해서는 주석으로 첨부하였습니다. 결과 보기 성공적으로 지도가 출력된 것을 확인할 수 있습니다. 이전 글 확인하기 2021.08.25 - [Computer/기타] - OpenLayers 시작하기 이전 글을 참고하여, Libary를 참조하도록 합니다.
OpenLayers 시작하기 OpenLayers 란? 지도 api 중 하나이며, 기본적으로 js 기반으로 만들어진 api입니다. 별도로 key등록은 없으며, 무료로 지도 정보를 제공받을 수 있습니다. OpenLayers 시작하기 OpenLayears를 시작하기 위해서는 아래의 주소를 클릭해주세요. https://openlayers.org/ OpenLayers - Welcome A high-performance, feature-packed library for all your mapping needs. openlayers.org 해당 사이트를 접속하시게 된다면 아래의 위치를 클릭하셔서 host를 가져옵니다. 01. 사이트에서 Version을 클릭한다. 02. 해당 사이트에서 필요한 정보를 가져온다. 우리는..
파일 업로드 파일 업로드를 하기 위해서는 기본적으로 바이너리에 대해 약간 이해를 하고 넘어가야 합니다. 일반적인 request 같은 경우, text타입을 전송하고 있습니다. 사용자의 id, 패스워드, 성함, 닉네임 등 텍스트로 이루어진 데이터는 그대로 DB에 저장되거나 다시 response로 넘어가게 됩니다.그러나 사진, 동영상 등은 텍스트로 표현하기엔 매우 어려우며 그렇기 때문에 다른 데이터 타입의 저장 수단이 필요하게 됩니다. 그것이 바로 바이너리입니다. 바이너리를 전송하는 대표적인 수단은 MultipartHttpServletRequest가 있으며, 이를 활용하여 사용자에게 파일을 전송할 수 있게 도와줄 수 있습니다. 파일 업로드 사용처 1. 웹 서버 내 사용자들이 업로드하는 파일 저장하기 2. 웹 ..
파일 업로드 설정하기 목차 MultipartHttpServletRequest Spring에서 파일을 업로드, 사진을 등록하기 위해서 작업 과정에는 반드시 MultipartHttpServletRequest가 필요합니다. 기존 HttpServletRequest보다 좀 더 상위 호환?이라고 쉽게 이해하시면 되는데요. 기존 request값을 담고 있으면서, input의 file 또한 담아서 파일을 공유할 수 있게 됩니다. 사용하기 위해 필요한 조치 1. pom.xml 리포지토리 설정. 2. DispatcherServlet에 Multipart 설정하기 3. enctype를 multipart로 설정하기 4. Controller에서 MultipartHttpServletRequest 사용하기 위의 3가지를 숙지 하셨다..
갑자기 프로젝트가 실행되지 않는다면 Spring에서 프로젝트가 실행되지 않는 경우는 여러가지의 경우가 존재합니다. 그러나 오늘 포스팅은 제가 겪은 것중 황당하고 어이없는 것에 대해 글을 올리려고 합니다. 저의 문제가 되었던 프로젝트는 DispatcherServlet이 세분화로 나뉘어진 특징이 있었습니다. DispatcherServlet의 설정은 관리하기 쉽게 하기 위해 나뉘어졌던 것인데, 오늘은 여기가 문제가 되었습니다. xml 중, tiles 입니다. 얘가 context-tiles.xml 로 명시되어 지금까지 프로젝트를 사용해왔으나 몇 시간동안 오류의 해석 끝에 내린 결론은 의 '>'가 부등호로 받아들여져서 프로젝트의 실행이 오류가 났던 것 입니다. xml에서 '>'는 부등호로 오해를 받기 쉽기 때문에..
Splash 화면 만들기 목차 Splash 이란? 화면이 시작되기 전에 보여주는 화면이다. 로그인 화면이 될 수도 있고, 시작하기 전의 회사명을 넣을 수? 있는 수단이 될 거 같기도 하다. 만드는 방법 Project의 AndroidManifest.xml을 간단하게 설정을 바꾸었다. MainActivity의 intent-filter를 새로 만든 Activity로 옮겼다. 이로 인해 시작은 Main이 아닌 SplashActivity가 되었고, 여기서 Main으로 넘어가도록 고쳐주면 된다. //3초후, MainActivity 실행 Handler().postDelayed({ startActivity(Intent(this, MainActivity::class.java)) finish() }, 3000) 이를 이쁘..
새로운 Activty 만들기 목차 새로운 Activity 만들기 Package에서 마우스 우클릭 - New - Activity - Empty Activity 하면 된다. 만들고자 하는 Activity 이름을 설정하고 Finish 누르면 끝. 이렇게 Project 내에 activity가 만들어진 것을 확인할 수가 있다. 다른 Activity 불러오는 방법 //화면이 클릭되면, 넘어가도록 설정 //MollangActivity를 불러오도록 설정한다. val intent = Intent(this, MollangActivity::class.java) //intent 실행 startActivity(intent) Intent라는 함수를 이용하여, 다른 Activity를 불러올 수가 있게 도와준다. package co..
이미지 이벤트 만들기 목차 시작하기 전에 본 내용은 이전 글에 이어서 작성 되었다. 2021.06.28 - [분류 전체보기] - [안드로이드] 이미지 불러오기 import를 하기 위한 단축키는 (Window 기준) Alt + Enter 키 이다. import를 하기전에는 해당 내용에 빨간 글씨로 표현이 되며, import가 되지 않았다는 의미이다. Alt + Enter를 할 경우 다음과 같은 안내 문구가 발생된다. 여기서 Import를 누르면 된다. 해당 문구의 상단에서 import가 추가된 것을 확인하면 된다. 이미지 이벤트 만들기 이미지 이벤트를 만들기 위해서는 해당 이미지에 이름이 필요하다. 이 역할을 하는 것이 ID 이다. 이미지에 ID를 추가하였다. ID는 image_1 이다. 띄어쓰기는 사용되..
이미지 불러오기 목차 이미지 불러오기 이미지는 보통 res > drawable 안에 집어넣는다. 이미지를 넣고 싶다면, 이미지를 드레그 하여 drawable 안에 넣는다. 성공적으로 옮겼다면 위와 같이 팝업창이 발생하게 되는데, Refactor을 클릭하면 된다. 이렇게 저장하고 싶은 사진을 넣었다면 끝났다. html과 css와 비슷한 점이 있다. src는 이미지의 위치를 파악하며, layout_width와 layout_height는 이미지의 크기를 나타낸다. 똑같은 코드를 3번 나열했더니, 3개의 사진이 나열되었다. 위의 사진처럼 나열된 이유는 LinearLayout를 적용시켰기 때문이다. LinearLayout 추가하기 LinearLayout안에 다시 한 번 LinearLayout을 추가하였다. Lin..