고똘이의 IT 개발이야기

[ReactJs] 리액트Js 프로젝트 생성 방법 실행방법 & 예제

요즘 FrontEnd 개발자가 많아 지면서 ReactJs, VueJs, AngularlJs 세가지의 FrontEnd 언어가 각광 받고 있습니다. 오늘은 그중에 ReactJs에 대해서 알아 보겠습니다. 우선 이번편에는 ReactJs 프로젝트를 생성하고 실행 하는것까지 진행해 보겠습니다. 개발을 조금만 해봤던 분들이라면 금방 따라 하실 수 있을 것이며 개발을 잘 모르고 처음 시작하시는 분들이라도 순서대로 따라 오시면 어렵지 않게 진행 하실수 있습니다. ReactJs 리액트Js 프로젝트 생성 및 시작방법 1. 우선 ReactJs 프로젝트를 생성할 폴더를 만듭니다. 2. 윈도우 검색창에서 'cmd'를 입력 후 '관리자 권한으로 실행'을 클릭해 주세요. 3. 명령 프롬프트에서 1번에서 생성한 ReactJs 프로젝..

ReactJs 2022. 3. 25. 11:24

[NodeJs] 노드Js 프로젝트 생성 방법 서버 실행 방법 & 예제

Nodejs 기반의 프로젝트를 생성할때 어떻게 프로젝트를 생성해서 기본적인 서버를 구축 할 수 있을까 조금 막막합니다. 이번 글에서는 기본적인 Nodejs 기반의 프로젝트 생성, 서버 시작 방법, 화면 렌더링까지 간단하게 구성하는 방법에 대해서 말씀 드리겠습니다. 1. 기본적으로 VsCode가 설치되어 있어야 합니다. 2. Nodejs 프로젝트를 생성할 폴더를 하나 만듭니다. 3. VsCode 툴에서 프로젝트를 생성할 폴더를 선택 합니다. 4. 폴더를 선택 후 VsCode 터미널에서 npm init -y 명령어를 입렵 후 Enter를 눌러주세요. npm init 명령의 경우 Nodejs 프로젝트에서 기본적으로 사용할 package.json를 생성하기 위함입니다. npm init 명령어에서 -y 명령어를 ..

Node.js 2021. 11. 19. 11:09

[Linux] 리눅스 파일, 폴더 권한 변경방법(chmod 사용법 & 예제)

리눅스(Linux)에서 작업을 진행하다 보면 파일과 디렉토리의 권한을 변경하거나 소유권을 변경하는 경우가 많이 발생합니다. 오늘은 파일과 디렉토리의 권한을 확인하는 방법과 권한을 변경하는 방법 소유권 변경 방법에 대해서 알아보겠습니다. 리눅스(Linux) 권한 확인방법 리눅스(Linux) 서버에 접속 후 ll 명령어를 입력하면 폴더와 파일의 권한과 소유권자가 누구인지 확인 할 수 있습니다. 리눅스(Linux) 권한 설명 리눅스의 권한은 r(read)읽기/ w(write)쓰기 /x(execute)실행으로 나뉩니다. 그리고 파일, 폴더 권한을 확인해 보면 rwxrwxrwx 이런식으로 총 9글자의 스펠링이 보입니다. 이 9가지의 스펠링을 3자리씩 잘라서 권한이 적용된 내용을 볼 수 있습니다. 맨 처음 3글자 ..

OS 2021. 8. 9. 18:07

[Java] 자바 엑셀 파일 생성 후 다운로드 예제(Excel Create And Download) Apache Poi Excel Create

개발을 진행하다 보면 고객의 요청으로 특정 데이터를 추출하여 엑셀 파일을 생성하여 다운로드 받는 기능을 만드는 일이 종종있습니다. 엑셀 파일 생성 후 다운로드의 경우 크게 어렵지 않으며 자바에서 셋팅을 어떻게 해주냐에 따라 폰트, 글자 크기, 글자 배치 등을 설정할 수 있습니다. 오늘은 간단한 방법으로 자바 엑셀파일 다운로드에 대해서 알아보겠습니다. 1. GET 방식의 API 생성 @GetMapping("/get/excel/users") public void excel(HttpServletRequest req, HttpServletResponse res) { try { // 엑셀 다운로드 함수 TestUtil.excelDownload(res); }catch(Exception e) { e.printStac..

JAVA 2021. 7. 23. 11:47

[Linux] 리눅스 파일 폴더 복사 방법(file / directory copy) cp -r

리눅스(Linux) 파일, 폴더 복사(copy) 리눅스에서 파일, 폴더 복사는 자루 일어나는 행위입니다. 서버에서 설정 파일을 수정하기 전에 기존 파일을 복사한 후 설정파일 소스를 변경합니다. 그 이유는 설정파일의 소스코드를 수정중 오류가 발생하거나 현재 설정에서 기존 설정으로 변경을 진행하여야 하는데 이전 설정 코드가 생각나지 않아 rollback 할 수 없는 상황이 오기 때문에 기본적으로 파일을 복사해 두고 시작하는게 좋습니다. - 리눅스 파일 복사 cp /home/testFile.txt /home1/testFile1.txt - 리눅스 폴더 복사 cp -r /home/testFolder /home1/testFolder1 추천글 [Linux] 리눅스 파일, 폴더 삭제방법(rm -rf 파일, 폴더) fi..

OS 2021. 7. 21. 12:27

[Linux] 리눅스 파일 폴더 삭제방법(rm -rf 파일 / 폴더) file / folder remove

리눅스 파일, 폴더 삭제 리눅스에서 개발 혹은 서버 설치 및 작업을 하다 보면 FTP를 통해서 파일을 업로드 하거나 삭제를 진행하는데 오늘은 FTP를 통해서 파일, 폴더를 삭제하는것이 아닌 리눅스 서버에서 직접 명령어로 삭제하는 방법에 대해서 설명 드리겠습니다. ● 파일 삭제 현재 위치에있는 파일을 삭제하는 방법입니다. 1 rm testFile cs ● 삭제 의향을 묻지 않고 파일 바로 삭제 -f가 붙을 경우 삭제 의사를 묻지 않고 바로 파일을 삭제 합니다. 1 rm -f testFile cs ● 폴더 삭제 -r이 붙으면 폴더를 삭제 할 수 있습니다. 1 rm -r testFolder cs ● 특정 형식의 파일 삭제 특정 파일을 삭제 할 수 있습니다 *의 경우 모든이라는 뜻이며 아래의 명령어의 경우 .t..

OS 2021. 7. 16. 15:26

[Linux] 리눅스 폴더 생성 방법 make directory & 폴더 권한 설정

Linux(리눅스) 폴더 생성 리눅스를 사용하다 보면 폴더를 생성하여 해당 폴더에 파일을 올리거나 애플리케이션에서 파일을 업로드 하거나 Tomcat, Webserver 등을 업로드하여 사용합니다. 리눅스 명령어인 mkdir의 경우 make directory의 약자이며 현재 위치에 폴더를 생성합니다. - 리눅스에서 현재 위치에 폴더 생성 리눅스(linux) 현재 접속해있는 위치에서 폴더를 생성 'testFolder'라는 폴더를 생성. 1 mkdir testFolder cs - 리눅스에서 현재 위치에 폴더 생성 후 새로 생성된 폴더 하위에 폴더 생성 리눅스(linux) 현재 위치에서 'test1'이라는 폴더를 생성 후 'test1' 폴더 하위에 'test2'라는 폴더 생성. 1 mkdir -p test1/t..

OS 2021. 7. 16. 13:57

[windows] 윈도우10(컴퓨터) 맥주소(MAC ADDRESS) 찾는방법 초간단

맥 주소는 네트워크 인터페이스에 할당된 고유의 식별자이다. 맥 주소(Mac Address)를 알아내기 위해서는 두가지 방법이 있습니다. CMD 창에서 명령어를 통해서 알아 낼 수 있고 이더넷 창에서 맥 주소를 알아 낼 수 있습니다. 1. 윈도우 검색창에 'CMD' 를 입력 후 명령 프롬프트를 클릭해주세요. 2. 명령 프롬프트 창에 ipconfig/all 를 입력 후 엔터를 눌러주세요. 3. 이더넷 어댑터 이더넷의 물리적 주소가 바로 맥주소 입니다. 4. 윈도우 검색창에 이더넷 설정을 입력 후 클릭합니다. 5. 어댑터 옵션 변경을 클릭합니다. 6. 이더넷 아이콘에 마우스 오른쪽을 클릭 후 속성을 클릭합니다. 7. 자세히를 클릭합니다. 8. 네트워크 열결 세부 정보창이 뜨며 물리적 주소(맥 주소)가 보입니다..

Windows 2021. 6. 8. 22:59

[windows] 윈도우10 고정 아이피 설정방법 초간단

데스크탑, 노트북을 살 경우 와이파이 혹은 랜선을 이용하여 인터넷을 연결하여 사용 합니다. 와이파이의 경우 핸드폰에서도 자주 접해 보았기 때문에 피씨에서도 다들 금방 연결하여 사용합니다. 그러나 피씨에서 랜선을 연결하여 사용하는 고정 인터넷의 경우는 자주 접해보지 않았기 때문에 설정하기 어려우며 자주 까먹게 됩니다. 오늘은 그런분들위해 고정 아이피 설정하는 법에 대해서 설명 드리겠습니다. 1. 윈도우 검색에서 이더넷 설정을 입력하고 클릭합니다. 2. 어댑터 옵션 변경을 클릭합니다. 3. 이더넷 아이콘을 마우스 오른쪽으로 클릭 후 속성을 클릭해 주세요. 4. 인터넷 프로토콜 버전 4(TCP/IPv4)를 마우스로 두번 클릭해 주세요. 5. 다음 IP 주소 사용 체크 후 다음 DNS 서버 주소 사용을 체크해줍..

Windows 2021. 6. 7. 22:30

[JAVA] 자바 GET, POST, PUT, DELETE REST API 호출 방법 & 예제

백엔드 개발을 진행할때 프론트 서버와 API 서버를 따로 분리 하거나 혹은 다른 회사의 REST API를 호출해야 합니다. 그럴경우 API 서버의 METHOD에 맞게 Http를 사용하여 호출하여야 합니다. 아래의 소스 예제의 경우 GET, POST, PUT, DELETE를 사용 할 수 있습니다. callApi method를 호출 시 type에 REST API의 METHOD 타입을 설정해 주시면 됩니다. 데이터를 담아서 호출 할 경우 JSON 형식의 데이터로 셋팅 후 호출 하시면 됩니다. 기본적인 WEB APPLICATION 방식으로 예제를 들어 보겠습니다. 1. 컨트롤러에서 특정 API를 호출 합니다. HTTP METHOD 방식은 POST로 하겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 1..

JAVA 2021. 5. 4. 11:33

[Jquery] 제이쿼리 .append() .prepend() . .remove() .empty() 사용법 & 예제

개발을 진행하다 보면 정적이 화면이 아닌 동적인 화면을 구성해야 할 경우가 종종 생긴다. 동적인 화면의 경우 특정 엘리먼트가 show/hide 될수도 있으면 현재 엘리먼트의 자식에 새로운 엘리먼트를 추가해야 하는경우도 있습니다. 그리하여 오늘은 동적인 화면을 컨트롤할때 자주 사용하느 append(), prepend(), remove(), empty()에 대해서 알아보겠습니다. 1. .append() 사용법 & 예제 제이쿼리 .append() 함수의 경우 현재 대상의 엘리먼트 내에 맨끝에 새로운 엘리먼트를 추가하는 함수입니다. 아래 소스의 경우 div1이라는 id를 가진 엘리먼트 안의 자식 맨 끝에 div를 새로 추가하는 방법입니다. * 실행코드 1 2 3 4 5 6 7 8 9 10 11 $(documen..

JavaScript 2021. 1. 12. 19:32

[JavaScript] 자바스크립트 Array() 배열 사용법 & 예제 배열 선언 방법

자바스크립트를 이용하여 개발을 진행하다 보면 다수의 데이터를 처리해야 하는 경우가 있습니다. 그럴경우 배열을 이용하여 변수 하나나에 데이터를 넣는게 아닌 배열 안에 데이터를 한번에 넣어서 관리하여 가공하여 사용하면 조금 더 편리하게 사용 할 수 있습니다. 1. 배열 선언 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 // 첫번째 방법 var array = new Array(); array[0] = "a"; array[1] = "b"; array[2] = "c"; console.log(array); // 결과 값 [a, b, c] // 두번째 방법 var array2 = ["가", "나", "다"]; console.log(arra..

JavaScript 2021. 1. 6. 15:10

[Java] 자바 Map to JSONObject, JSONObject to Map 사용법 & 예제

API 서버나 데이터를 가공해야 할 경우 JSONObject()를 Map(String, String) 형식으로 형변환을 해야할 경우가 종종 있습니다. 매번 Class에 생성하기 보다는 Util 형식으로 만들어 쓰시면 편할거 같습니다. JSONObject 형식을 Map형식으로 형변환 방법. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 /** * @param JSONObject * @apiNote JSONObject를 Map 형식으로 변환처리. * @return Map * **/ public static Map getMapFromJsonObject(JSONObject jsonObj){ Map map = null; try { map = new Objec..

JAVA 2020. 12. 22. 14:49

[Javascript] 제이쿼리 엘리먼트(Element) 존재 확인 사용법 & 예제

오늘은 자바스크립트에서 엘리먼트(Element)의 존재 유/무를 확인할수 있는 방벙에 대해서 알아보겠습니다. 개발을 하시면서 보통 특정 엘리먼트(Element)를 클릭하였을경우 hasClass() 함수를 사용하여 Class 존재 유/무를 파악하는 경우가 많습니다. 그러나 특이하게 특정 엘리먼트(Element)가 존재 유/무 구하는 경우도 있어서 긁을 써봅니다. 엘리먼트(Element) 존재 유무 확인 예제 & 사용법 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $(document).ready(function(){ $("#testBtn").click(function(){ if($("#testDiv")[0] != null || $("#testDiv")[0] != 'u..

JavaScript 2020. 9. 23. 17:45

[Java] 자바 문자열 치환, 변경(replace) 예제&설명

개발을 하면서 String 변수에 특정 문자열을 다른 문자열로 변경을 해줘야 할때가 있습니다. 그럴경우 아래의 replace()를 사용하여 손쉽게 변경 하시면 좋습니다. 1. replace() 1 2 3 4 5 6 7 8 String testA = "테스트 데이터 입니다."; // '테스트' 문자열을 '실제'라는 문자열로 변경. testA = testA.replace("테스트", "실제"); System.out.println(testA); // 결과 : 실제 데이터 입니다. 위의 소스 코드로 보시면 testA 변수에 문자열 데이터가 들어가 있습니다. 이 문자열 데이터에서 '테스트'라는 문자를 '실제'라는 문자로 변경을 시킨 상황입니다. 2. replace() 1 2 3 4 5 6 7 8 String te..

JAVA 2020. 9. 18. 17:20

2020년 기초생활 수급자 조건 4가지 급여기준 정리, 계산 설명

기초생활 수급자의 4가지 급여 지원은 생계급여, 의료급여, 주거급여, 교육급여로 나눠지며 오늘은 그 기준에 대해서 알아보겠습니다. 1. 교육 급여 가구 규모 소득 1인 가구 87만8597 2인 가구 149만5990 3인 가구 193만5289 4인 가구 237만4587 5인 가구 281만3886 6인 가구 325만3184 초등학생, 중학생, 고등학생의 부교재비 및 학용품비 ( 년 1~2회 ), 입학비, 수업비 등을 지원합니다. 2020년 교육급여 지급기준 및 지원내역 지급대상 급여항목 최저교육비 1인당 지급금액(연간) 초등학생 부교육비 13만1208원 13만4000원 중학생 20만8860원 21만2000원 고등학생 20만8860원 33만9200원 초등학생 학용품비 7만494원 7만2000원 중,고등학생 8..

생활정보 2020. 7. 16. 19:11

2020년 난임지원 정책 지원방법과 혜택 및 구비서류 안내

난임부부 시술비 지원? 체외수정시술 등 특정치료를 요하는 저소득층 난임부부에게 비급여 시술비 일부를 지원하여 경제적 부담을 경감시시키고, 난임부부가 희망하는 자녀을 갖게 함으로써 행복한 가정 영위 및 저출산 극복을 위해 제공하는 서비스 서비스 내용 1) 지원내용 체외수정(신선배아, 동결배아), 인공수정 중 일부 본인부담금, 비급여 및 100%전액본인부담금 지원 신선배아 최대 7회, 동결배아 최대 5회, 인공수정 최대 5회 1회당 신선배아(1~4회 최대 110만원, 5~7회 최대 90만원), 동결배아(1~3회 최대 50만원, 4~5회 최대 40만원), 인공수정(1~3회 최대 30만원, 4~5회 최대 20만원), 45세 이상자는 확대차수금액 적용 * 비급여지원 항목 : 착상유도제, 유산방지제, 배아동결·보관..

생활정보 2020. 7. 15. 16:43

양파는 건강식품 암 예방, 노화방지, 콜레스테롤 억제기능 양파의 효능

점점 과학 기술이 발전하며 평균 수명이 늘어나며 모두에게 건강이라는 고민이 생겼습니다. 오늘은 건강식품의 한 종류인 양파에 대해서 설명 드리겠습니다. 양파는 우리의 밥상에 알게모르게 정말 많이 나오는 채소입니다. 불고기, 된장찌개, 김치찌개, 장아찌 등등 무수한 음식에 들어가는 만능 채소인데요. 항상 섭취하지만 어디에 좋은지 알고 먹으면 더 좋겠지요?(편식 하시면 안됩니다.) 1. 암 예방 양파의 경우 항산화물질이 풍부하게 들어 있어서 대장의 점막에 암 세포가 생기는 것을 차단하며 노화를 방지해줍니다. 항산화 물질의 경우 화기나 가공을 이루지 않고 천연 그래도 먹을 경우 극대화 되므로 대도록 천연 그대로 드시는 것을 권장 합니다. 구운 고기를 먹을경우 양파를 추가하여 먹어주면 벤조피렌이 몸속에서 일으킬 ..

생활정보 2020. 7. 13. 19:25

면역력 높이는 방법 일상생활에서 면역력 증진 방법 소개

건강관리에서 중요한 것 중에 빠질 수 없는 게 면역력이라고 할 수 있습니다. 면역력이 낮아질 경우 평상시에 우리가 느낄 수 있는 것은 잦은 눈 떨림, 피부의 푸석함, 잦은 감기 등이 있을 수 있습니다. 삶의 질이 점점 올라가면서 건강에 다들 신경을 많이 쓰는데요. 오늘은 일상생활에서 저희가 면역력을 높일 수 있는 방법에 대해서 말씀 드리겠습니다. 1. 장 건강 직장인들의 경우 잦은 술자리와 흡연으로 인하여 장이 많이 상하는 경우가 많습니다. 그런 경우 술과 담배를 멀리 하기는 힘들기 때문에 장에 도움이 되는 음식이나 약을 먹어야 하는데 저 같은 경우는 유산균을 먹는 것을 추천드립니다. 하루, 이틀을 먹을 경우 몸의 변화를 체감하지 못하지만 꾸준히 한 달, 두 달 이상으로 복용하시면 점점 화장실 가는 횟수..

생활정보 2020. 6. 12. 13:45

오이를 사용한 피부미용과 다이어트 효과 오이 하나에 9칼로리?

보통 오이의 경우 저희는 그냥 먹기도 하며 오이소박이, 피클, 오이무침 등등 오이를 가지고 다양한 요리를 해 먹습니다. 우리 일상에서 너무나 자주 먹지만 효능에 대해서는 정확하게 알지 못하여 오늘은 오이의 효능에 대해서 알아보겠습니다. 1. 소화 개선 오이의 경우 위염과 위궤양 등의 속 쓰림 현상에 좋습니다. 오이가 소화력 증진에 도움을 주며 점점 병이 좀 호전될 수 있습니다. 반찬, 주스 등 다양한 방법으로 섭취하시는 것을 추천드립니다. 2. 관절 건강 나이가 들어감에 있어 관절이 약해지는 것은 어쩔 수 없지만 미리미리 방지하는 것이 좋다. 오이 안에는 많은 칼슘 성분과 미네랄이 있어 뼈를 튼튼하게 만들어 주 주며 보호해 줍니다. 관절염이 있으신 분들에게 추천드립니다. 3. 머리숱이 증가 오이 속에 있..

생활정보 2020. 5. 21. 23:06

[Javascript] 자바스크립트 체크박스 체크 유/무 확인방법 & 예제

오늘은 html의 checkbox(체크박스)에 체크 혹은 미체크로 되어있는지 확인하는 방법에 대해서 설명 드리겠습니다. 설명 1. 'next'라는 id를 가진 버튼을 클릭 시 'chk1', 'chk2'의 id를 가진 체크박스가 체크가 되어 있는지 체크. '$("#chk1").is(":checked")'함수가 'true'가 나오면 체크가 되어 있다는 표시입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 // 다음 버튼 클릭 $("#next").click(function(){ // 첫번째 체크박스가 체크되어 있는경우 if($("#chk1").is(":checked")){ alert("첫번째..

JavaScript 2020. 5. 11. 16:00

[JavaScript] 자바스크립트 window.open() 새창 열기 기능 사용방법 & 예제

안녕하세요. 오늘은 자바스크립트 window.open()에 대해서 알아 보겠습니다. 개발을 하시면서 새창으로 열기 기능을 많이들 사용하시는데요. 자주 까먹는 기능이라 자주 쓰이는 함수 위주로 설명 드리겠습니다. 예제 1. 버튼에 'id'를 기준으로 클릭 이벤트를 선언하구 window.open()을 사용하여 네이버 홈페이지를 새창으로 띄울수 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 // 네이버 바로가기 $("#gotoNaver").click(function(){ window.open("https://naver.com."); }); 2. 이번에는 위와 같이 window.open()을 사용하여 새로운 팝업창을 띄우지만 새로운 팝업창의 크기를 지정할 수 있습니다..

JavaScript 2020. 5. 8. 12:13

[ Java ] 자바 String to Json 방법 설명 & String을 Json형식으로 형변환 방법

Api를 개발하거나 특정 Api를 Call했을때 결과 값을 문자열이지만 Json 형식으로 응답을 돌려 주는 경우가 종종 있습니다. 이럴경우 String 형식의 데이터를 그대로 사용할 수 없기 때문에 이 String 데이터를 Json 형식으로 형변환을 해줘야 하는데 저도 그렇지만 다들 써보셨겠지만 종종 헷갈리거나 Json parse를 어떤걸 import 해야하는지 JSONObject를 어떤걸 import 해줘야 하는지 헷갈리는 경우가 있습니다. 오늘은 그럴 경우를 대비하여 String to Json 형식으로 변환하는 방법봐 import 패키지를 어떤것을 해야하는지 설명 드리겠습니다. 설명 1. jsonString이라는 String 타입의 Json형식의 데이터를 Json으로 parse(변환) 해줍니다. ↓ ..

JAVA 2020. 4. 20. 18:30

[SpringBoot] 스프링부트 로그 설정방법 & LOGBACK 설정방법 설명

프로젝트를 진행하다가 보면 시스템 로그가 아닌 로그 파일을 일자별로 보관하여 현업들에게 증빙용과 시스템 운영도중 에러가 발생 하였을 경우에도 좀더 쉽게 검출 할 수 있습니다. 그리하여 오늘은 스프링부트에서 로그 설정 하는 방법에 대해서 설명 드리겠습니다. 소스 설명 1. 현재 프로젝트는 스프링부트 기반이며 gradle를 사용하고 있습니다. 아래의 이미지는 logback설정 파일 위치와 properties 위치를 나타낸 것입니다. ↓ 이미지 참조. 2. application.properties에 서버 시작 시 참조할 profiles를 설정 합니다. ↓ 소스 참조. 1 spring.profiles.active=local 3. application-local.properties 파일 설정 소스입니다. 스프링 ..

SpringBoot 2020. 4. 10. 18:11

[ Jquery ] 제이쿼리 실시간 검색어 자동완성 ajax 통신 방법 & 예제

안녕하세요. 오늘은 제이쿼리 자동완성 기능에 대해서 설명 드리겠습니다. Web개발을 하면서 DB에있는 데이터를 기반으로 자동완성 기능을 개발 해달라고하는 경우가 종종 있습니다. 그래서 오늘은 Ajax통신을 통해 실시간으로 DB에 있는 데이터를 기준으로 자동완성 기능을 만들어 보겠습니다. 설명 1. 입력 필드를 만듭니다. ↓ 소스 참조 1 2 3 4 2. id를 기준으로 autocomplete 기능을 선언 해줍니다. ↓ 소스 참조 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 $("#testInput").autocomplete({ source : funct..

JavaScript 2020. 4. 3. 11:35

[windows] 윈도우10 야간모드 설정방법 & 컴퓨터 블루라이트 차단

컴퓨터를 쓰면서 눈이 시렵거나 눈이 따끔따끔한 경우가 많습니다. 현재 21세기에 컴퓨터, 핸드폰을 사용하지 않고는 생활을 할수가 없는데요. 오늘은 컴퓨터를 어두운곳에서 사용할경우 야간모드를 통해 눈의 피로도를 많이 낮출수있는 방법에 대해서 설명 드리겠습니다. 설명 ※ 윈도우 검색창에서 '설정'을 검색후 클릭 해주세요. ↓ 이미지 참조 ※ 설정에서 '시스템'을 클릭해주세요. ↓ 이미지 참조 ※ '디스플레이'에서 '야간 모드 설정'을 눌러주세요. ↓ 이미지 참조 ※ 야간 모드 설정에서 '야간 모드 예약'을 켬으로 변경후 시간을 설정 해주세요. ↓ 이미지 참조 ※ 바로 야간모드를 설정하시고싶은 분들은 밑에 이미지와 같이 '야간모드'를 강제로 눌러 주시면 변환이 가능합니다. ↓ 이미지 참조 추천글 윈도우10 안..

Windows 2020. 3. 30. 18:41

[Java] 자바 문자 공백 체크방법 & 소스 설명(예제)

자바에서 문자열 사용을 하다보면 공백체크를 해야할때가 자주 있습니다. 자바스크립트의 경우 따로 유틸이나 메소드를 사용하여 비교할 필요가 없지만 자바의 경우는 유틸이나 메소드를 사용하여 비교를 해줘야합니다. 아래의 소스에서 두가지 공백체크 방법에 대해서 설명드리겠습니다. 설명 ※ 문자열이 공백일경우 isEmpty()는 true를 반환합니다. equals()는 문자열을이 같은지 비교를 하여 같을경우 true를 반환 합니다. 현재 소스상에서 보면 testValue는 문자열이 공백이기 때문에 두 method는 true를 반환합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 public static void main(String[] args) { String testV..

JAVA 2020. 3. 25. 17:20

[eclipse, sts] 이클립스 폰트 변경방법 & 글자 크기 변경방법

이클립스, STS툴을 쓰면서 글자(font)의 크기가 너무 작아서 코딩의 효율이 떨어질수도 있습니다. 기존에 툴을 켜면 폰트의 크기가 '10'으로 잡혀 있을텐데요, 그런분들을 위해 오늘은 폰트의 크기 조절 방법에 대해서 설명 드리겠습니다. 설명 ※ 이클립스, STS툴의 상단에서 'Window → Preferences'를 눌러 주세요. ↓ 이미지 참조 ※ Preferences 창의 검색에서 'font'를 검색후 'Colors and Fonts'를 눌러 주세요. ↓ 이미지 참조 ※ 'Colors and Fonts'에서 'Basic'을 눌러주세요. ↓ 이미지 참조 ※ 'Basic'안에 'Text Font'를 클릭후 'Edit'버튼을 눌러주세요. ↓ 이미지 참조 ※ 'Edit'을 누르면 아래와 같이 '글꼴'창이..

환경설정 2020. 3. 25. 11:41

[windows] 윈도우10 안전모드 해제 방법, 컴퓨터 안전모드 해제 방법

컴퓨터를 쓰시다가 보면 원하지 않지만 어느순간 컴퓨터를 부팅시 안전모드로 부팅이 된다면 컴퓨터에 문제가 있을수도 있지만 컴퓨터에 문제 없을 경우에도 컴퓨터가 안전모드로 켜지는 상황이 종종 있습니다. 그럴경우 윈도우 안전모드를 해지하여 다시 정상 부팅할수있는 방법을 설명 드리겠습니다. 설명 ※ 윈도우 검색에서 '실행'을 검색후 엔터(enter)를 눌러주세요. ↓ 이미지 참조. ※ 실행창이 열리면 'msconfig'라고 명령으를 치신 후 확인을 눌러주세요. ↓ 이미지 참조. ※ 설정창이 열리면 '일반'탭을 클릭후 시작 모드 선택에서 '정상 모드'를 체크 해주세요. ↓ 이미지 참조. ※ 다음으로는 '부팅'탭에서 '안전 부팅'를 체크를 해제 해주신후 적용 및 확인을 클릭하시면 안전모드 부팅을 해제 할수 있습니다..

Windows 2020. 3. 24. 18:37

[Javascript] 자바스크립트 while()문 사용방법 & 예제, 반복문 빠져 나오는 방법

안녕하세요. 오늘은 자바스크립트의 반복문중 하나인 while()문에 대해서 설명 드리겠습니다. for()문 다음으로 제일 많이 쓰이게 되는 반복문중 하나인거 같습니다. 아래의 소스코드 예제를 통해서 설명하겠습니다. 소스 예제 1-1. 'a'에 정수를 셋팅 해줍니다. 1-2. while()문의 동작 방식은 if()문과 비슷합니다. while()문 안에 비교문을 넣어 주면 비교문이 true일 동안 반복을 진행합니다. 1-3. 글 중간에 if()문 안에 'break'를 걸어주어 'a'의 값이 '7'과 같을 경우 while문을 빠져 나갑니다. ↓ 소스참조 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 // 정수 셋팅 var a = 1; // if()문과 비슷함 'a'의 값이 10보다 작은동아 ..

JavaScript 2020. 3. 23. 14:37