반응형

언어 62

[JavaScript - jQuery] value 값으로 select 박스 option 선택하기 + Syntax error, unrecognized expression 에러

웹을 만들다보면 제이쿼리를 사용하여 특정 value 값으로 select 박스의 option 을 설택해야 되는 때가 있다. 이 것이 제대로 되지 않으면 아래와 같은 systaxError 가 뜬다 Syntax error, unrecognized expression: unsupported pseudo: select --> Select Box 를 선택 한 후, prop 를 이용하여 selected 속성을 true 로 설정한다. 예를 들자면, first option second option third option 이런 select 태그가 존재할 경우 만약 value 가 select3 인 옵션을 선택하고 싶다고 가정해보자. //id로 select를 선택하고 value가 'select3'인 option 선택 $('#..

언어/Java Script 2020.12.15

[Java Script] input 입력 값 자동으로 더하는 법

현재 참여하고 있는 프로젝트에서 input 값을 자동으로 더하는 법을 구현해야되어야 했고, 이 내용을 참고하여 추후에 다시 사용하기 위해서 기록했다. 전체적인 내용은 '잡다한 몽상백서' 블로그에서 발췌했다. 정보가 오래되어서 삭제될 가능성이 있었기에 전체적으로 가져와서 저장했다. 이를 응용한 다른 방법을 써보았으나, 아직 지식이 얕아..적용이 되지를 않아 아래 방법을 그대로 사용했다. 하기 링크를 발췌했다. 참고 링크 jobdahan.net/scriptstudy/1599950

언어/Java Script 2020.12.10

[JAVA Script] console.log( ) 와 document.write( ) 차이점

document.write() 메소드 document.write() 메소드는 웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력한다. 따라서 document.write() 메소드는 대부분 테스트나 디버깅을 위해 사용된다 아래 이미지와 같이 웹에 바로 뜬다. console.log() 메소드 console.log() 메소드는 웹 브라우저의 콘솔을 통해 데이터를 출력한다. 대부분의 주요 웹 브라우저에서는 F12를 누른 후, 메뉴에서 콘솔을 클릭하면 콘솔 화면을 사용할 수 있으며, 이러한 콘솔 화면을 통한 데이터의 출력은 좀 더 자세한 사항까지 출력되므로, 디버깅하는데 많은 도움을 준다. 아래 이미지와 같이 콘솔창에 바로 뜬다 둘다 디버그를 하거나 테스르를 할 때 쓰인다는 공통점이 있지만, ..

언어/Java Script 2020.11.26

[JAVA] JAVA 환경 변수 설정하는 법

JAVA 설치 이후 JAVA 환경설정하는 것은 매우 중요하다. 자바 설치 후 시스템에 등록을 해야만 정상적으로실행이 되기 때문에 환경변수를 설정하는 과정은 매우 중요하다. 자바 환경변수 설정 우선 오라클 홈페이지에서 자바 JDK 를 다운로드를 완료했다고 가정하고 설정하는 법을 기록한다. 1. 내PC 의 오른쪽 마우스를 눌러 '속성' 메뉴 선택 2. 속성창이 뜨고난 후, '고급 시스템 설정' 메뉴 선택 3. 시스템 속성창이 뜨면 '환경 변수' 메뉴 선택 4. 시스템 변수 의 '새로 만들기' 버튼 클릭 5. 아래와 같이 변수 이름 과 변수 값을 입력 후 확인 버튼 클릭 6. Path 변수 선택 후 편집 메뉴를 선택 7. 새로만들기 버튼 클릭 후 아래와 같이 환경변수 추가 후 확인 버튼 클릭 8. 5번과 같이..

언어/JAVA 2020.11.10

[Python] 파이썬 3.9 릴리즈와 주요 변경 사항

파이썬 3.9 릴리즈에 따라서 몇가지 사항이 변경이 된 것 같다. 여기에 기록해두고 추후 아래 링크 참고해서 공부해야겟다. 참고 링크 www.44bits.io/ko/post/python-3-9-release-note-summary 파이썬(Python) 3.9 릴리스와 주요 변경 사항 2020년 10월 7일에 파이썬 3.9가 출시되었습니다. 이 글에서는 파이썬 3.9에 추가된 기능과 바뀐 점을 알아보려 합니다. 릴리스 노트만으로 이해하기가 어려운 기능엔 설명을 조금 보태었습니다. www.44bits.io

언어/Python 2020.10.12

[JAVA] 자바 인터페이스 Enumeration

Enumeration 인터페이스는 객체들의 집합(Vector)에서 각각의 객체들을 한순간에 하나씩 처리할 수 있는 메소드를 제공하는 켈렉션이다. 자세한 사항은 추후 아래 링크를 통해 다시 공부할 것. hyeonstorage.tistory.com/210 [JAVA] Enumeration 인터페이스 정리 Enumeration 인터페이스 정리 Enumeration 인터페이스는 객체들의 집합(Vector)에서 각각의 객체들을 한순간에 하나씩 처리할 수 있는 메소드를 제공하는 켈렉션이다. [JAVA] Vector 클래스 정리 인터페이스 hyeonstorage.tistory.com

언어/JAVA 2020.09.17

[JavaScript] 자바스크립트 select combo 로 저장된 데이터 db에서 불러오기

select combo 의 동적쿼리로 저장된 데이터를 불러올 수는 있다. 하지만 동적 쿼리의 경우에는 처음에 설정된 셀렉트가 작동이 되어야 다음 셀렉트의 키워드들이 나오기 때문에 그냥 불러왔다간, 이전의 셀렉트가 작동이 안되었기 때문에 데이터가 뜨지 않는 문제점이 있따,. 이를 해결하기 위해서는 우선 트리거를 통해서 이전의 셀렉트를 작동시켜주고 난 뒤에 그 다음 셀렉트를 작동시켜 데이터를 기입시켜주어야 한다. 위 이미지 처럼 내가 걸고 싶은 곳에 trigger를 한 걸어준 다음에 다음 셀렉트를 실행시키면 된다. 몇일을 고생햇는데..알고나니..생각보다 너무 간단해서.. 허무했었다... 앞으로 잘 참고해야겠다. 트리거에 대해서는 아래 링크를 참고할 것 https://findfun.tistory.com/271..

언어/Java Script 2020.08.24

[Java Script] 자바스크립트 형변환

자바 스크립트의 경우에는 형 변환을 하지 않고 데이터를 ajax 를 통해 DB 에 넣고자 할 경우에는 기존에 DB 에 설정이 되어있는 형태와 달라서, 데이터가 들어가지 않고 에러를 일으킬 수 있다. 그럴 경우에는 데이터의 형을 변환해서 넣어주면 DB에 잘 넣을 수 있다. 그래서 아래와 같이 형을 변환해주고 데이터를 넣어주었다. 정수의 경우에는 아래와 같이 문자열의 경우에는 아래와 같이 바꿀 수 있다. 더욱 자세한 사항은 아래 링크 참고할 것 참고 링크 https://silvesteryan.tistory.com/9 JavaScript 자바스크립트 형변환 - Int, String 바꾸기 오늘은 JavaScript의 형변환에 대해서 알아보겠습니다. 하는 법이 있다는 것은 알고있는데 머리에 다 담고 살기는 너무..

언어/Java Script 2020.08.22

[Java Script] 자바 스크립트 select combo 간단한 구현방법

자바 스크립트 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..

언어/Java Script 2020.08.21
반응형