이번 피드에서는 맥북(MAC OS)에서 메이븐을 설치하는 방법입니다. 맥북 메이븐(Maven) 설치 방법 맥북에 메이븐을 설치하는 방법을 차례대로 살펴보겠습니다. 1. 메이븐 파일 다운받기 검색엔진에서 메이븐을 검색하면, 메이븐 공식페이지에서 쉽게 메이븐 파일을 다운받을 수 있습니다. maven.apache.org/download.cgi Maven – Download Apache Maven Downloading Apache Maven 3.6.3 Apache Maven 3.6.3 is the latest release and recommended version for all users. The currently selected download mirror is https://downloads.apache...

이번 피드에서는 Ajax를 사용하면서 사용하는 옵션값 2개를 정리해보겠습니다. 이번 피드를 확인하기전에 간단한 Ajax에 대한 기본적인 정리가 필요하신 분은 아래의 URL을 참고해주세요. 2020/10/11 - [노빠꾸 개발일지/JQUERY & JAVASCRIPT] - [Javascript/Jquery] Ajax 사용법 정리(Ajax란?, Ajax 기본 형태, Ajax Option 정리, Ajax Get, Ajax Post) [Javascript/Jquery] Ajax 사용법 정리(Ajax란?, Ajax 기본 형태, Ajax Option 정리, Ajax Get, Ajax Post) 1. Ajax란? Ajax(Asynchronous Javascript and XML)는 비동기 방식으로(페이지의 전환 없이)..

체크박스 체크박스는 공통된 카테고리의 값들 중 여러개의 값을 선택해야 할때 주로 사용됩니다. 이번 피드에서는 체크박스의 기본 폼과 선택, 해제, 체크된 값을 가져오는 방법을 알아보겠습니다. 1. 체크박스 기본 폼 1 2 3 4 5 6 1 2 3 4 Colored by Color Scripter cs 위의 코드는 체크박스의 기본 형태코드입니다. 그리고 코드 밑에 이미지는 실행결과 화면 입니다. 태그에 type값을 checkbox로 입력해주면 체크박스가 생성되게 됩니다. 체크박스를 생성해 name, value값을 컨트롤하여 사용하면 되겠습니다. 2. 체크박스 체크(선택) / 체크박스 해제 1 2 3 4 5 6 7 8 9 10 1 2 3 4 $("input:checkbox[id='one']").prop("ch..

라디오 버튼 라디오버튼의 기본 폼과 선택, 해제, 선택된값 불러오기 등을 정리해보겠습니다. 1) 라디오버튼 기본 폼 1 2 3 4 5 6 One Two Three Four Colored by Color Scripter cs 위의 코드는 라디오 버튼의 기본 폼과 코드 실행 결과입니다. 태그에 type값을 radio로 설정해주면 라디오버튼이 생성되게 됩니다. 그 다음 name값을 지정해주고 value값을 지정해주어 radio버튼을 컨트롤 해줄 수 있습니다. 2) 라디오 버튼 선택/해제 이제 라디오 버튼의 기본 폼을 알아봤으니, 선택/해제 동작을 알아보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 One Two Three Four // 라디오버튼 Three 체크 $("#three").prop..

1. Ajax란? Ajax(Asynchronous Javascript and XML)는 비동기 방식으로(페이지의 전환 없이) http통신을 통해 데이터를 주고받으며, http통신을 통해 데이터를 업데이트 시켜 주며, 화면의 일부분을 최신의 데이터로 리프레쉬 시켜줄 수 있는 개발방식입니다. 2. Ajax 기본 형태 1 2 3 4 5 6 7 8 9 $.ajax({ type: "get", // http 타입 url: "/ajaxTest", // 호출 URL data: "", // URL호출시 보낼 파라미터 데이터 dataType: "json", // http 통신 후 응답 데이터 타입 success: function(res){ // Ajax통신 성공 후 실행 함수 console.log("success :: "..

이번 피드에서는 Json데이터에 대해 알아보겠습니다. 우선 간단히 Json데이터가 무엇인지 살펴보겠습니다. Json데이터는 key-value 쌍으로 이루어진 데이터입니다. Json데이터의 기본 포멧은 아래와 같습니다. 1 2 3 4 5 { "name": "Kim", "age": 25, "address": "Seoul" } cs 살펴보면 데이터가 {} 괄호로 쌓여있고, 데이터는 "key 값" : "value 값" 이런식으로 표현되게 됩니다. Json데이터는 대표적으로 Ajax서버통신에 많이 사용되기 때문에, 자주 사용하게되는 데이터입니다. 이제 본격적으로 사용방법에 대해 알아보겠습니다. 1. Json데이터 파싱 Json데이터를 파싱에 관련된 함수는 2가지가 있습니다. 각각, 데이터를 Json데이터로 파싱해..

이번 피드에서는 배열의 기본 사용방법을 알아보겠습니다. 배열생성, 배열 초기화, 배열을 0으로 초기화, 배열에 특정값을 넣어 초기화, 배열에 값을 입력, 삭제하는 방법입니다. 1. 배열 생성(배열초기화) 배열을 생성, 초기화하는 방법은 매우 간단합니다. 우선 코드로 확인해 보겠습니다. 1 2 3 4 5 6 7 8 // 배열 기본 선언 var arr1 = []; var arr2 = new Array(); // 배열 값을 넣어 초기화 var arr3 = [1,2,3,4,5]; // 결과값 : [1,2,3,4,5] var arr4 = new Array(5); // 결과값 : [] => length가 5인 배열 생성 var arr5 = new Array(1,2,3,4,5); // 결과값 : [1,2,3,4,5]..

이번 포스팅에서는 유용한 이클립스 플러그인을 하나 추천드리겠습니다. 어떤기능을 가진 플러그인인가 한번 살펴보겠습니다. 1. 선택한 파일의 경로를 복사해주는 기능 2. 선택한 파일의 폴더경로까지 폴더를 실행해주는 기능 3. 선택한 파일의 폴더경로까지 쉘스크립트를 실행해주는 기능 바로 위와같은 기능을 가진 플러그인입니다. 해당기능은 뭐 별거 아니네 생각할수도 있지만, 막상 사용해보면 엄청 편리합니다. 기존에 경로를 복사하기 위해서, 파일 우클릭 -> 프로퍼티(propertie)에서 경로를 복사한다고 생각해보시면 이해가 됩니다. 한 두번정도는 이런식으로 해도 큰 불편함을 느끼지 못 할수 있지만, 횟수가 늘어난다면.... 끔찍하네요. 해당 플러그인은 한번에 여러개의 파일의 경로가 동시에 복사도 할 수 있습니다...

프로젝트를 진행하다보면 날짜타입의 값을 거의 빼먹지않고 사용하게 됩니다. 이렇듯 많이 쓰이는 날짜함수를 정리해보겠습니다. 1. 초기화 날짜함수의 초기화 방법은 간단합니다. 아래 코드와 같이 new Date(); 를 사용해 주면 됩니다. 그런데, 결과값으로 오늘 날짜가 노출되기는 하는데 직관적으로 알아보기 힘든 값입니다. "Wed Oct 07 2020 23:31:20 GMT+0900 (대한민국 표준시)" 이 값을 그대로 사용하기는 보다는 보기 쉽게 바꿔서 표현해 주는게 좋겠습니다. 그럼 다음단계에서 형변환에 대해서 알아보겠습니다. 1 var today = new Date(); // Wed Oct 07 2020 23:31:20 GMT+0900 (대한민국 표준시) cs 2. 형변환(타입변환) 날짜를 필요한 용..

이번 피드에서는 이클립스에서 메이븐 프로젝트를 생성하는 방법을 올려보겠습니다. 일단 이클립스에서 프로젝트 생성을 누르고 검색란에 Maven을 검색하거나 직접 찾으셔도 됩니다. 아래와 같이 Maven Project를 선택 한 후, 다음단계로 넘어가 줍니다. 그럼 아래와 같은 화면이 나오게 되는데요, 여기서도 Next버튼을 한번 더 눌러줍니다. Next버튼을 누르면 아래와 같은 화면이 나오게 됩니다 그럼 여기서 org.apache.maven.archetypes를 검색해 주어도 되고 직접 찾아 주어도 되는데, 검색이 더 편합니다! GROUP ID : org.apaache.maven.archetypes Artifact ID : maven-archetype-webapp 위와 같이 선택해주면 됩니다. 선택을 마치고..