반응형 분류 전체보기 반응형 460 시간을 지연 시켜주는 함수 setTimeout 시간을 지연 시켜주는 함수 setTimeout 안녕하세요 오늘은 자바스크립트 중에서 시간을 지연 시켜주는 함수 setTimeout에 대해 이야기해보겠습니다. setTimeout이란 특정 코드를 사용자의 의도에 따라 시간을 지연시켜주는 함수라고 말할 수 있습니다. 저 같은 경우에는 페이지 오픈 시에 프린터 화면을 조금 지연 시키는데 사용했습니다. 예제를 보시면서 설명을 하겠습니다. 1 2 3 4 5 6 7 8 9 Colored by Color Scripter cs 우선 저는 프린트 출력을 하는 목적이기 때문에 printAction이란 함수를 만들었습니다. 그리고 setTimeout 함수를 선언한 후 호출할 값을 적어준 다음, 뒷부분은 지연시간을 작성합니다. 코드를 예를 들어 보면 Window.print().. 2020. 6. 17. 이클립스 폰트 크기 변경 이클립스 폰트 크기 변경 안녕하세요. 오늘은 이클립스 폰트 크기 변경에 대해 이야기하겠습니다. 이클립스를 새로 설치하게되면 폰트 기본 설정이 10으로 되어 있어 폰트가 작게 느껴질 수가 있습니다. 이럴 때, 프로젝트를 시작하기전에 앞서 폰트를 변경한다음 진행하는 경우가 많은데요 엄청 간단하면서 잘 모르는 폰트 변경을 포스팅하려 합니다! 우선 전체적인 순서는 Window > Preferences > General > Appearance > Colors and Fonts > Basic >Text Font 의 순으로 진행됩니다. 사진을 보면서 단계별로 확인해보겠습니다~ 우선 Window > Preferences을 클릭합니다. 그리고 General > Appearance > Colors and Fonts > B.. 2020. 6. 16. JSTL 날짜 포맷 변경 방법 JSTL 날짜 포맷 변경 방법 흔히 말하는 JSTL은 JSTL과 EL를 합친 단어로 사용되고 있습니다. JSTL에 대한 간략한 소개 먼저 하죠! JSTL은 JavaServer Pages Standard Tag Library, 즉 자바서버 페이지 표준 태그 라이브러리이며, XML 데이터 처리와 조건문, 반복문 등을 처리합니다. 사용 예) EL은 Expression Language, 즉 표준 언어라고 불리며, 자바코드를 사용했던 모든 곳에 EL이 사용 가능합니다. EL을 사용하면 값이 없거나 형 변환 등에 신결 쓸 필요 없이 서버로 전송해서 형변환 없이 사용가능합니다. 사용 예) ${resultMap.Member_date} 그럼 JSTL로 날짜를 변경하는 방법에 대해 이야기하겠습니다. 우선, JSP 상단에 .. 2020. 6. 15. 카카오 지도 API를 활용하여 지도 사용하기 카카오 지도 API를 활용하여 지도 사용하기 안녕하세요. 오늘은 카카오 지도 API를 활용하여 웹에서 지도 사용하는 방법을 이야기 해보겠습니다. 구글링을 참고로해서 API를 활용해보았지만 해깔리는 부분과 봐도 잘 모르겠는 부분이 있어서 포스팅을 해보려 합니다! 우선 카카오 API를 활용하기 위해서는 Javascript API 키를 발급받으셔야 합니다. 사이트에 들어가보면 가장 처음 키 발급받으라고 쓰여져 있네요.. 카카오맵 API 가이드 (https://apis.map.kakao.com/web/guide/) 위에 설명처럼 Javascript API 키를 발급받기 위해 카카오 개발자사이트에 접속합니다. 카카오 개발자 사이트(https://developers.kakao.com/) 접속 후 상단 메뉴에 내 애.. 2020. 6. 14. 오라클 데이터임포트 시, GC overhead limit exceeded. 오류 발생 해결 방법 오라클 데이터임포트 시, GC overhead limit exceeded. 오류 발생 해결 방법 오늘은 오라클 에러에 대해 이야기해보겠습니다. 프로젝트를 진행할 때, 디비에 덤프하는 작업은 흔히 이루어지는 과정이죠~ 엑셀로 평소와 같이 그 과정을 하다가 난생 처음 보는 GC overhead limit exceeded 라는 에러를 접하였습니다. 원인은 에러 말 그대로 한계를 초과, 즉 메모리가 부족하여 파일을 열수가 없다는 것 입니다. 자세히 살펴보니 저의 엑셀 파일은 XLSX 파일이였습니다. 구글링하면 많은 방법들이 있으나 다 안되고 저는 파일을 바꿔주는 것으로 해결하였습니다. 즉, 엑셀에서 다른이름저장을하여 XLSX를 CSV 파일로 변환 후 데이터를 오라클에 집어 넣는 겁니다. CSV파일은 XLSX파일.. 2020. 6. 13. 제어쿼리 Form Action 값 변경 안녕하세요. 제이쿼리 Form Action 값 변경에 대해 이야기해보려 합니다. (2021년 3월 13일자로 내용 수정하였습니다.) 흔히 아래와 같이 Form에서 action값을 이용하여 컨트롤러로 보냅니다. 제가 겪었던 상황은 일반 사용자일 경우, 시설의 사용 허가 조건 서약을 작성하는 것이였고, 관리자일 경우는 이 경우를 뛰어넘어 바로 예약으로 넘어가는 상황을 만들어야 했습니다. 허나, 폼 값의 action값이 하나이기 때문에 제이쿼리에서 변경하여 구현한 사례입니다! 제이쿼리를 통해서 아래와 같이 작성해 보았습니다. 1 2 3 예약하기 /div> Colored by Color Scripter cs 우선, 예약하기 버튼에 onclick으로 설정되어 있는 fnResve();를 제이쿼리에서 아래와 같이 선.. 2020. 6. 12. Controller에서 AJAX로 받아 활용하는 방법 (AJAX활용방법) 안녕하세요. 오늘은 Controller에서 ajax로 받아 활용하는 방법을 이야기하려합니다. 제가 작업하는 목적은 화면페이지가 느렸기에 Controller를 나눠주어 ajax를 통해 데이터를 부를 수 있도록 설정하는 작업을 진행하였습니다. 우선 AJAX와 JSON을 알아야할 필요가 있습니다. AJAX Asynchronous Javascript And XML의 약어로써 아작스 및 에이잭스라 불리며, 흔히 비동기 통신이라 불립니다. 기존에 웹 브라우저에서 서버로부터 페이지 단위로만 받기 때문에 많은 낭비가 있었습니다. 그래서 AJAX란 기술을 이용하여 XML 파일 조각 단위로 데이터를 받아오면서 페이지 일부의 동작을 동적으로 만들 수 있게 되었습니다. 비통기 통신을 하기 위해서는, 클라이언트가 서버로 요청 .. 2020. 6. 11. CRUD 스프링 흐름 정리 CRUD 스프링 흐름 정리 안녕하세요. 오늘은 CRUD 흐름에 대한 이야기를 해보고자합니다. 보통 프로그램을 배울 때 가장 많이 하는 연습이 CRUD 기능 구현이라고 볼 수가 있습니다. 그 만큼 실무에서 CRUD 기능 구현이 많이 사용이 되는데요. 저는 머리가 나빠서인지 100번을해도 100번을 까먹습니다..ㅜㅜ 아무리 연습해도 까먹는지라 나중에는 CRUD 하는 구체적인 방법에 대해 작성하겠으나, 지금은 우선 글로 CRUD 기능의 흐름을 적어보려합니다. 모두들 CRUD를 완벽히 하는 그날까지화이팅 입니다! 순서 1. 폼에서 DB 커넥션 / MYSQL / MYBATIS LIB 적용 2. MYSQL DB 생성 3. root-context.xml에서 DB 연결 설정 4. DB기초공사(Mybatis-config.. 2020. 6. 10. 익산 가볼만한 곳, 교도소 세트장! 익산 가볼만한 곳, 교도소 세트장! 익산 여행 중, 집에 돌아가기전 마지막 여행지 ! 교도소 세트장입니다! 관람료는 무료이고 교도소 체험복도 빌릴 수 있으니 참여하면 좋을 것 같습니다. 저희는 마지막여행지라 지쳐서 그냥 구경만 했습니다.. 교도소 테마에 맞게 입구 바로 옆쪽에 법정이 있습니다 ㅎㅎ 지나가는길에 버스도 있구요~ 안쪽으로 들어가면! 아저씨들이 조기축구을 하고 계십니다...ㅎㅎㅎ 정말 깜짝 놀랬습니다.. 영화촬영하나 싶기도 했습니다.. 저 흰색 건물이 교도소 본 세트장입니다 교도소를 가보지 않았지만 교소도 같더라구요.. 방을 볼 수 있도록 구성되어 있구요 취조실도 볼 수 있네요 ㅎㅎ 이곳 세트장에서 촬영된 영화와 드라마입니다. 엄청 많아서 깜짝 놀랐습니다... 대부분의 교도소 씬은 여기겠구나 .. 2020. 6. 9. 이전 1 ··· 45 46 47 48 49 50 51 52 다음