자바강사 낙자쌤

jQuery를 통해 input태그에 입력한 값을 읽어야 할때 id, class, name 속성을 통해 접근할 수 있습니다. 접근시에는 CSS의 Selector(선택자)를 사용하면 됩니다. 아래 예제는 버튼을 클릭하면 각 속성으로 접근한 후 입력된 값을 읽어서 콘솔에 출력합니다. Value읽기 실행결과

jQuery의 Ajax관련 함수에는 요청URL로 전송할 파라미터를 설정할 수 있다. 그런데 조금 불편한 것이 파라미터를 JSON 객체 형태로 별도 생성해야 한다는 것이다. 먼저 다음과 같은 폼이 있을때 2가지 방식을 통해 폼값을 정리해 보겠다. 확인1 확인2 먼저 확인1을 눌렀을때는 serialize()를 사용했다. 태그의 DOM을 선택한 후 함수를 호출하기만 하면 하위의 모든 태그의 값이 조립된다. 결과 확인2를 눌렀을때는 태그의 값을 직접 읽어와서 JSON객체를 생성해야한다. 만약 input의 갯수가 많다면 엄청 번거로운 작업이 될것이다.(생각하고 싶지도 않다 ㅜㅜ) 결과 따라서 jQuery 에서 Ajax관련 함수를 통해 폼값을 전송해야 하는 경우에는 serialize() 함수를 사용하는것이 정신건강..

실수의 반올림, 버림, 올림 그리고 정수부의 절사를 위한 함수 ROUND(숫자 혹은 컬럼명, 반올림 할 자릿수N) N +1 자릿수에서 반올림 두번째 인수는 생략가능. 이때는 소수 첫번째자리에서 반올림 자릿수가 음수면 정수부를 0으로 채움. 이때도 반올림 처리됨. SELECT ROUND(9876.3456) FROM DUAL; #결과 : 9876 SELECT ROUND(9876.3456, 1) FROM DUAL; #결과 : 9876.3 SELECT ROUND(9876.3456, 3) FROM DUAL; #결과 : 9876.346 SELECT ROUND(9876.3456, -2) FROM DUAL; #결과 : 9900 TRUNCATE(숫자 혹은 컬럼명, 잘라낼 자릿수N) N 자리까지 남기고 자름 두번째 인수는..

자바스크립트로 3자리(천단위) 마다 콤마 찍기 숫자를 출력할 때 네자리 이상이라면 컴마를 통해 천단위를 표시하는것이 좋습니다. 1000000원 보다는 1,000,000원이 훨씬 더 가독성이 높기 때문입니다. 언어마다 표시하는 다양한 방법이 존재하는데 Javascript를 통해 구현하는 방법을 알아보겠습니다. 방법1: 정규표현식 정규표현식 방법2 : toLocaleString() 함수 toLocaleString() 함수 설명 toLocaleString() 함수 사용시 myNumber는 반드시 Number 타입이어야 합니다. String 타입인 경우 에러가 발생됩니다. 결과2 : 기본 옵션인 경우 Local 환경에 맞춰서 반환합니다. 결과3 : locale 을 설정할 수 있습니다. (en-US , ja-JP..

parseFloat() 형식 parseFloat( string ) 설명 String(문자열)을 실수형으로 변환해주는 함수입니다. 문자열이 숫자로 시작했을때 실수로 변경합니다. 스페이스로 시작한다면 이 부분은 무시됩니다. 만약 문자열 사이에 스페이스가 여러개 있으면 첫번째 수만 실수로 변경합니다. 숫자나 스페이스가 아닌 문자로 시작하면 NaN을 반환합니다. 단, 문자가 중간에 삽입되었다면 문자 앞부분까지는 실수로 변경합니다. 예제 parseFloat() 함수 parseInt() 형식 parseInt( string, n진법 ) 설명 String(문자열)을 정수로 변환합니다. 두번째 인수를 생략하면 10진수가 됩니다. 진법을 제외하면 parseFloat()와 동일한 특성을 가집니다. 정수로 변환되므로 소수 이..

이글을 작성하고 있는 2022년 6월 현재 이클립스 최신버전(2022-03 (4.23.0)) 에서는 STS(Spring Tool Suite)를 설치해도 Spring 프로젝트가 생성되지 않습니다. 정확히는 이클립스 2021-03 (4.19.0) 까지만 Spring Legacy Project를 생성할 수 있습니다. 그래서 대부분의 선생님들이 옛날 버전의 이클립스를 설치해서 수업을 진행하고 있으실 겁니다. 물론 저도 그랬었죠.. 하지만 이젠 전자정부 표준프레임워크에 적용된 스프링도 작년말(2021년)에 발표된 4.0 베타 버전을 보면 다음과 같은 버전들이 적용되어 있습니다. 먼저 전자정부 표준프레임워크 4.0베타 버전과 비교를 위해 Spring Legacy Project 를 만들어 보도록 하겠습니다. 해당 프..

개발할 때 지루함을 덜어주는 vscode 확장 프로그램 power mode 설치 및 설정법에 대해 알아보겠습니다. 설치 후 설정을 해야 동작한다. 위에서 톱니바퀴를 클릭한 후 Extension Settings 를 클릭합니다. Powermode : Enabled 항목을 체크한다. 그래야 효과가 적용됩니다. Powermode : Enable Shake 항목은 체크 해제합니다. 이부분이 체크되어 있으면 에디터 전체가 흔들려서 눈이 피로합니다. Presets 에서 파워모드의 효과를 선택할 수 있습니다.

Explorer 창에서 폴더나 파일을 좀 더 세련된 아이콘으로 표현해 줍니다. 또한 Depth도 조금 더 깊어집니다. 적용전 적용후 적용이 안된다면 메뉴 > Preferences > File icon Theme 선택창에서 “Material Icon Theme”를 선택합니다. 그럼 적용된것을 볼 수 있습니다.