본문 바로가기

전체 글142

인텔리제이 & 스프링 부트 & React 개발환경 세팅 1. node.js 설치 node.js가 설치되어 있지 않다면 아래의 사이트에서 LTS 버전을 설치하여 주면 됩니다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 후 윈도우 + R키를 눌러 cmd를 입력해 커맨드창을 열어 정상적으로 설치되었는지 확인 2. npx 설치 이미 설치되어 있다면 다음으로 넘어가면 되고, 설치가 되어있지 않다면 아래의 명령어를 커맨드창에 입력해 주면 됩니다. npm install npx -g 3. IntelliJ 프로젝트 생성 프로젝트명과 Group등을 입력해 주고 jdk는 8로 설정해 주었습니다. 스프링 부트는 버전.. 2023. 8. 4.
[jQuery] 키보드 스크롤 막기 키보드에서 ↑ ↓ ← → 를 누르면 스크롤 막는게 필요하여 찾아보았더니 body에 overflow를 hidden, height를 100%로 주고 body이벤트로 이벤트를 취소하는 스크립트를 만들라고 나와있엇다. 나는 정상적으로 동작하지 않았고 필요한 기능은 방향키를 눌렀을 때 스크롤이 되지 않도록 하는 기능이였다. 방향키 스크롤을 막는 방법은 간단하다. $(document).keydown(function(event){ if(event.keyCode == 38 || event.keyCode == 40 || event.keyCode == 37 || event.keyCode == 39){ console.log(event); event.preventDefault(); } }); 위와 같이 키보드를 눌렀을 때 k.. 2022. 4. 13.
백준 1212번 자바 문제풀이 - 8진수 2진수 풀이 진법변환은 오랜만이라 처음 문제를 풀기위하여 8진수를 10진수로 변환 후 2진수로 변환하였다. 제출 결과는 "틀렸습니다.".... 테스트 케이스를 만들어 for문으로 돌려보아도 문제가 없기에 어디가 틀렸나 확인을 해보았더니, "수의 길이는 333,334 자리를 넘지 않는다." 라는 문장이 있었다.... 처음 수가 333,334까지인줄 알았으나, 수의 길이가 333,334를 넘지 않는다는 것이였다. 10진수로 바꾸기 위해 Integer형 변수에 저장을 했었기 때문에 틀렸다고 나왔다. BigInteger를 사용하면 시간초과가 날 것 같아 진법변환을 다시 찾아보았다. 8진수는 한자리씩 잘라 3자리의 2진수로 변경이 가능하다. 314의 경우 한자리씩 2진수로 변경하게 되면 다음과 같이 된다 3 = 011 1 =.. 2022. 3. 30.
모바일(핸드폰) Input태그 숫자 또는 영어 키패드 (숫자만 입력, 영어만 입력) 하이브리드 앱 또는 웹앱을 개발하다 보면 요구사항에 영어부터 입력 할 수 있게 해달라던가 숫자 키패드만 보여달라던가 요구 할 때가 있다. 처음에 html로 키패드를 컨트롤 할 수 있나 .. 하였지만 .. 가능하였다. 숫자는 input 태그의 type을 number로 하면 가능하고, 영어는 input type을 email로 하면 된다. 숫자 키패드 안드로이드는 type을 number로만 해주면 숫자 키패드가 불러와 지지만, ios는 pattern=”\d*” 을 추가해 줘야한다. 이렇게 하면 숫자 키패드는 불러와 지지만 크롬에서 볼 때 'e' 와 '+','-' 가 입력이 가능하다.. 'e', '+', '-' 를 제외하고 숫자만 입력 가능하게 하고싶다면 keypress 이벤트를 추가해 주면된다. (keypre.. 2021. 3. 19.
java.lang.ClassNotFoundException 에러 해결 방법 서버를 실행하였더니 java.lang.ClassNotFoundException 라는 에러가 발생하며, 서버가 켜지지 않았다. 이 에러는 jar 파일이 없거나 class 파일이 없을 경우 발생한다. 구글링을 해보니 대부분의 사람들이 해당 프로젝트 우클릭 -> Properties -> Java Build Path -> Order and Export 탭에서 JRE System Library를 체크하라고 한다. 또는, Project -> clearn 을 하고, Build Automatically을 체크하라고 한다. 나는 위의 방법들이 모두 해보았는데 되지 않았었다. 그래서 Properties에 Deployment Assembly를 보니 Maven Dependencies의 경로가 라이브러리가 있는 경로와 달랐던 .. 2020. 10. 7.
Mybatis에서 Map과 List 사용 foreach Mybatis에서 Map 또는 List 값을 조회하기 위해서는 foreach를 사용하면 된다. foreach collection : 넘어온 파라미터의 반복하기 원하는 파라미터를 입력하여 주면 된다. 예를 들어 vo의 testMap이라는 Map이 있다면 collection에 testMap을 넣어주면 된다. item : List의 경우 순차적으로 반복하여 값이 저장된다. item을 data라고 하였을 경우 WHERE col = #{data} 이런식으로 사용이 가능하다. Map에서는 key의 value가 저장된다. separator : 반복 되는 사이에 출력 할 문자열 open : 해당 구문이 시작될때 삽입되는 문자열 close : 해당 구문이 종료될때 삽입되는 문자열 index : List의 경우 index.. 2020. 6. 18.
[JAVA]변경된 기상청 날씨 API (동네예보, 중기예보) 새로운 API는 https://www.data.go.kr/dataset/15000099/openapi.do 에서 동네예보 조회서비스와 중기예보 조회서비스를 활용신청 하시면 됩니다. (한 페이지에 동네예보 조회 서비스와 중기예보 조회서비스 다 있는데 중기예보 조회는 아래로 쭉 내려야 보입니다 ..) 활용 신청을 누르고 시스템 유형, 활용정보, 상세기능정보(모르면 다 선택)를 선택해 주시면 됩니다. 동네예보 또는 중기예보를 활용신청 후 들어가보면 아래와 같이 나옵니다. End Point는 API의 URL이며, Key는 동네예보와 중기예보가 같습니다. (모든 개발 및 테스트가 끝나면 운영계정으로 변경해 주시면 되고, 2년마다 연장신청을 해주셔야 합니다.) 이전에는 활용신청을 하고 몇시간 뒤에 사용을 할 수 있.. 2020. 4. 7.
[Spring] 스프링 Logback 설정 및 사용법 Logback Logback은 SLF4J의 API를 사용하며, log4j의 아키텍쳐 기반으로 재작성 되었으고, 성능은 10배 정도 좋다고 합니다. 설명은 아랫분이 엄청 잘해주셔서 링크 남깁니다. https://beyondj2ee.wordpress.com/2012/11/09/logback-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-reasons-to-prefer-logback-over-log4j/ pom.xml Logback을 사용하기 위하여 pom.xml에 slf4j와 logback을 추가해 주면 됩니다. org.slf4j jcl-over-slf4j ${jcloverslf4j.version} ch.qos.logba.. 2020. 4. 3.
[jQuery] Checkbox 컨트롤 (체크, 체크여부, 전체체크 등) 1. CheckBox 체크 $('#ckBox').prop('checked',true); $('input:checkbox[name="네임"]').prop('checked',true); 첫 번째 라인과 같이 체크박스의 id를 지정해서 체크하여도 되고, 두 번째 라인과 같이 name, id 등을 선택하여 체크할 수 있다. true로 설정하면 체크가 되고, false로 설정하면 체크가 해제 된다. 2. CheckBox 체크여부 확인 $('#ckBox').is(':checked'); .is(':checked') 를 이용하여 체크되어 있는지 아닌지를 알 수 있다. (true : 체크되어 있음, false : 체크되어 있지 않음) 3. CheckBox 전체 체크 전체 테스트1 테스트2 테스트3 위와 같은 checkb.. 2020. 1. 23.