[JavaScript] 자바스크립트 select combo 로 저장된 데이터 db에서 불러오기
·
언어/Java Script
select combo 의 동적쿼리로 저장된 데이터를 불러올 수는 있다. 하지만 동적 쿼리의 경우에는 처음에 설정된 셀렉트가 작동이 되어야 다음 셀렉트의 키워드들이 나오기 때문에 그냥 불러왔다간, 이전의 셀렉트가 작동이 안되었기 때문에 데이터가 뜨지 않는 문제점이 있따,. 이를 해결하기 위해서는 우선 트리거를 통해서 이전의 셀렉트를 작동시켜주고 난 뒤에 그 다음 셀렉트를 작동시켜 데이터를 기입시켜주어야 한다. 위 이미지 처럼 내가 걸고 싶은 곳에 trigger를 한 걸어준 다음에 다음 셀렉트를 실행시키면 된다. 몇일을 고생햇는데..알고나니..생각보다 너무 간단해서.. 허무했었다... 앞으로 잘 참고해야겠다. 트리거에 대해서는 아래 링크를 참고할 것 https://findfun.tistory.com/271..
[Java Script] 자바스크립트 형변환
·
언어/Java Script
자바 스크립트의 경우에는 형 변환을 하지 않고 데이터를 ajax 를 통해 DB 에 넣고자 할 경우에는 기존에 DB 에 설정이 되어있는 형태와 달라서, 데이터가 들어가지 않고 에러를 일으킬 수 있다. 그럴 경우에는 데이터의 형을 변환해서 넣어주면 DB에 잘 넣을 수 있다. 그래서 아래와 같이 형을 변환해주고 데이터를 넣어주었다. 정수의 경우에는 아래와 같이 문자열의 경우에는 아래와 같이 바꿀 수 있다. 더욱 자세한 사항은 아래 링크 참고할 것 참고 링크 https://silvesteryan.tistory.com/9 JavaScript 자바스크립트 형변환 - Int, String 바꾸기 오늘은 JavaScript의 형변환에 대해서 알아보겠습니다. 하는 법이 있다는 것은 알고있는데 머리에 다 담고 살기는 너무..
[Java Script] 자바 스크립트 select combo 간단한 구현방법
·
언어/Java Script
자바 스크립트 select combo 를 간단하게 하드코딩으로 구현하는 방법은 아래와 같다 우선 이거는 jquery 를 이용한 동적 셀렉트 라는 키워드를 치면 많은 정보들을 구글링을 해서 얻을 수 있다. 보기보다는 jquery 로 쉽게 구현할 수 있다. setUIEvent : function(){ $("#divs").on("change", function(){ var s1 = $(this).val(); var options = ""; if(s1 == "인구") options = "전체연령|남성연령|여성연령|교육정도|혼인상태"; else if(s1 == "가구") options = "점유형태|세대구성"; else if(s1 == "주택") options = "연건평|주택유형|건축년도"; else if(s1..
[JavaScript] 자바스크립트 select 박스 동적으로 년도 넣기
·
언어/Java Script
자바 스크립트를 통해 처음으로 년도를 동적으로 집어넣어 보았다. 다른 방여러가지 방법들이 있지만, 그 중 한가지 방법으로 시도를 해보았다. 1. html 공간 만들기 span class="select"> 년도 우선, html 에 공간을 하나 만들어 주었다. 2. 자바 스크립트로 프로세스 만들기 $collectyears.ui ={ //날짜 옵션 설정 setDateBox : function(){ var dt = new Date(); var com_year = dt.getFullYear(); //올해 기준으로 -20년부터 +1년을 합쳐준다 years = ""; for(var i = (com_year - 20); i
[Java Script] select 콤보 옵션 만들때 참고할 링크
·
언어/Java Script
자바 스크립트 콤보 오션 만들때 아래 링크 참고할 것 참고 링크 https://100ah.tistory.com/11 javascript select의 option 옵션 년,월 에 맞춰 마지막 날 select option의 Day 자동변경 select (콤보박스)의 년, 월을 선택때마다마지막 일수가 변경되는 함수입니다. 월을 선택하면 그 월의 마지막 날을 계산해서 select option이 변경됩니다. 아래의 이미지로 보시면 2019년 10월을 선택했 100ah.tistory.com https://breadshuttle.tistory.com/entry/JavaScript-%EC%84%A0%ED%83%9D%EC%97%90-%EB%94%B0%EB%9D%BC-%EB%8B%AC%EB%9D%BC%EC%A7%80%E..
[JavaScript] dialog
·
언어/Java Script
HTML 요소는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 말한다. 쉽게 말해서, 유저가 어떤 동작을 실행하기에 앞서 창 등의 대화상자를 띄워서 유저가 하려는 행동을 다시금 체크하는 등의 상호작용을 하는 컴포넌트라고 보면 될 것 같다. 아래 링크를 참고하여 공부하자 참고 이미지 링크 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element/dialog : 대화 상자 요소 HTML dialog 요소는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다. developer.mozilla.org
[PostgreSQL] PG admin 으로 외부 서버에 csv 파일 등 데이터 넣기
·
언어/데이터 베이스
내 컴퓨터에서는 외부 서버로 데이터를 넣고있다. 보통 로컬 서버에서는 copy 를 사용하면 postgre 를 통해 데이터를 넣을 수 있지만, 외부 서버에 있는 경우에는 no such directory and file 하면서 접근이 거부당한다. 이거를 찾아보니 대략적으로 권한이 주어지지 않아 내 컴퓨터에서 외부 psql 서버가 접근을 막아버리는 거라는데.. 몇시간을 찾아보았지만.. 죄다 리눅스 커맨드 밖에 나오지 않아서 이래저래 검색어를 바꾸어가며 찾아보았더니 겨우..찾아서 데이터를 넣을 수 있었는데. 생각보다 간단했다 pg admin 을 활용하여 쉽게 할 수 있었는데, 우선, 자신이 작업하고 있는 데이터 베이스의 테이블을 우클릭 - import 에 들어간다 그 다음, import 에 들어가면 아래 이미지..
[PostgreSQL] PostgreSQL 설치 및 사용방법 기록
·
언어/데이터 베이스
PostgreSQL 설치 및 사용방법 기록 (혹시나 나중에 재설치 시 까먹을 경우를 대비해서 아래 링크를 통해 남겨둠) 참고 링크 PostgreSQL https://postgresql.kr/blog/postgresql_for_windows.html MS Windows에서 PostgreSQL 깔고 사용하기 마이크로소프트 윈도우즈 사용자를 위한 PostgreSQL 안내 postgresql.kr
[Spring] mybatis 와 spring 연동 및 작동 방법에 대하여
·
OLD/Back End
이사님의 지시로 내부 웹사이트 일부를 구축하고 있던 중에 mybatis 에 쿼리를 연동시켜 DB를 불러오라는 이사님의 말씀이 제대로 이해가 안되서 구글링을 하다가 괜찮게 설명을 해주는 사이트를 발견한 것 같다... 추후 아래 링크를 참고해서 공부하거나 해야겠다 참고 링크 https://www.holaxprogramming.com/2015/10/18/spring-boot-with-mybatis/ Spring Boot에서 myBatis를 통해 Datasource 연동하기 예제 중심의 Spring Boot 시작하기 www.holaxprogramming.com
[Annotation] annotation 종류 정리
·
OLD/Back End
스프링 어노테이션을 깔끔하게 정리해 놓은 사이트가 있어 추후 공부를 위해 아래 링크로 정리해둔다. 참고 링크 https://gmlwjd9405.github.io/2018/12/02/spring-annotation-types.html [Spring] Spring Annotation의 종류와 그 역할 - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io