분류 전체보기

[Javascript] 클로저(Closure)란?

자바스크립트 클로저란? 📌 개념 어떤 함수가 자신의 내부가 아닌 외부에서 선언된 변수에 접근하는 것을 의미 ​​ ​ 📌 설명 var num = 10; function print(){ var num = 2; log(); } function log(){ console.log(num); } print(); log(); 위의 경우에 print()와 log()가 어떤 값을 return 할지 생각해보자 scope에 대한 개념을 알고 있다면 10, 10 이 출력될 것이라고 추측할 것이고 아니라면 2, 10 혹은 2, 2 라고 추측할 것이다 ​ scope(스코프)는 { } 블록 안에 있는 변수, 함수들의 사용 범위이다 즉 print() 함수 내부에 있는 var num = 2;, num 변수는 print() 내부에서만 ..

[Javascript] 한글, 영문, 숫자, 특수문자 유효성 검사

자바스크립트 유효성 검사 회원가입, 예약 등 폼에는 유효성 검사가 필수적으로 사용된다 이 때 String.test 메소드를 사용하면 된다 📌 사용법 var pattern_num = /[0-9]/;// 숫자 var pattern_eng = /[a-zA-Z]/;// 문자 var pattern_spc = /[~!@#$%^&*()_+|?:{}]/; // 특수문자 var pattern_kor = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; // 한글체크 //pattern_OOO.test(str) => true면 해당 문자 있음, false면 해당 문자 없음! if( (pattern_num.test(str)) && !(pattern_eng.test(str)) && !(pattern_spc.test(str)) && !(patter..

[스프링] DB연동 에러 -java.lang.ClassNotFoundException: oracle.jdbc.driver.OracleDriver

1번과 2번을 둘 다 해줘야한다! ​만약 둘 다 해도 에러가 해결되지 않는다면 3번 방법을 해본다 ​ ​ 1. Java Build Path에 jdbc 추가 ​ 프로젝트 우클릭 - Properites - Java Build Path - Add External Jars... ​ oracle 버전에 맞는 jdbc를 추가해준다 나는 11g 버전이라 ojdbc6.jar을 추가해주었다 ojdbc 파일의 경로는 보통 아래와 같다 C:\ 오라클 폴더... \oracle\product\11.2.0\server\jdbc\lib ​ ​ ​ 2. Delpoyment Assembly에 jdbc 추가 ​ 프로젝트 우클릭 - Properites - Delpoyment Assembly - Add... - Java Build Path..

[스프링] 엑셀 양식에 데이터 삽입 후 다운로드, POI 사용

매번 엑셀에 스타일을 부여해서 데이터를 넣기엔 굉장히 번거롭다 엑셀로 양식을 만들어 두고 빈칸에 데이터를 넣는 방식으로 만들어봤는데 코드도 간결하고, 엑셀 파일도 가독성이 좋아 방법을 공유해보고자 한다! 방법도 매우 간단하고 쉬움! ​ ​ ​ 1. 엑셀 양식 만들기 ​ 나는 샘플로 식단 표를 만들었다 양식이니만큼 배경색이나 테두리, 폰트 조절도 살짝 해주었다 이렇게 만든 엑셀 파일 sample.xlsx 을 webapp의 excel 폴더에 넣어준다 ​ ​ ​ 2. webapp/excel 에 엑셀폼 파일 넣기 ​ ​ 3. 컨트롤러 부분 코딩 @RequestMapping("/sample.do") public void sample(HttpServletRequest request, HttpServletRespon..

OpenLayers, VWORLD를 이용한 지도 웹 샘플(생성, 마커, 클릭, 팝업)

지도 API 오픈레이어 openlayers 사용법 총정리 ​ 1. 지도 생성 2. 지도에 마커 생성(경도, 위도 이용) 3. 지도 마커 마우스 올릴 때 팝업 (mouseover) 4. 지도 마커 클릭 시 팝업창 (click) 5. 지도에 마커 여러개 추가 ​ ​ ​ openlayer vworld api를 이용해 스프링으로 만든 간단한 지도 웹 사이트 ​ 낙동강 홍수통제소 데이터를 샘플로 연습했고 스터디용으로 복습할 겸 블로그에 정리해서 업로드! DB를 사용하는 게 아니라면 스프링이나 MVC가 아니더라도 쉽게 구현할 수 있다 ​ 스프링 버전 4.1.2 - 참고한 사이트들 https://www.nakdongriver.go.kr/sumun/rthd.do 낙동강홍수통제소 www.nakdongriver.go.kr..