본문 바로가기

개발(차근차근 기초)

(24)
[Javascript, jQuery] 기본 동작 중단 시키기 1. 태그에서 onclick 이벤트의 경우 새 창 열기 태그에 대한 click 이벤트 적용시 href 속성 때문에 Javascript 함수가 호출된 후 페이지가 이동하는 현상이 발생한다. 해당 현상을 방지하기 위해 태그의 onclick 속성에 return false; 처리를 함께 명시하기도 한다. 2. 태그에서 submit 이벤트의 경우 function doSubmit(){ document.form1.submit() } 요소의 submit 이벤트에 입력된 내용을 검사하기 위한 스크립트 함수 적용시 입력내용 검사에 실패하더라도 action페이지 (action 페이지가 정의되어 있지 않은 경우, 자신 페이지)로 전송되는 현상을 방지하기 위하여 onsubmit 속성에서 return false 처리를 명시한다...
[Sublime Text] 자바개발, 웹개발 추천 유용 패키지 어떤 기능을 하는지는 패키지 명으로 충분히 유추가 가능하다. 기본(자바 및 마크다운) * Package Contorl * MarkdownPreview * SideBarEnhancements * FileIcons * Dracula Color Scheme 웹개발 * All Autocomplete * Auto Close HTML Tags * AutoFileName * Color Highlight * Emmet * GitGutter * SyncedSideBar * HTML-CSS-JS Prettify : 코드 자동 정렬 기능
[Java, Sublime Text] 자바 빌드 세팅 방법 Sumlime Text 자바 빌드 시스템 세팅 하는 방법입니다. 메뉴 tools - build system - new build system를 눌러줍니다. { "cmd": \["javac", "-encoding", "utf-8", "${file\_name}", "&&", "java", "${file\_base\_name}"\], "file\_regex": "^(\[^:\]+):(\[0-9\]+):.\*$", "selector": "source.java", "shell": true, "encoding": "cp949" } 위와 같이 작성한 뒤 저장을 누릅니다. 그렇다면 기본적으로 아래와 같은 경로가 뜹니다. C:\Users\사용자폴더\AppData\Roaming\Sublime Text 3\Packages\..
[Markdown] 마크다운(markdown) 작성 요령(간략 요약본) 글씨 크기 # ## ### #### ##### ###### #은 , ######은 태그와 같습니다. 제목1 일반 텍스트는 본문을 구성합니다. 한 줄 바꿈은 적용되지 않습니다. 두 줄 바꿈은 새로운 문단을 구성합니다. 제목2 item1 sub1 sub2 sub3 sub4 item2 sub1 sub2 sub3 sub4 item3 sub1 sub2 sub3 sub4 item4 item5 item6 1. 1. 1. 숫자는 자동 증가합니다. 들여쓰기는 탭으로 들여씁니다. 제목3 Tab키로 들여쓰기를 한 영역은 회색 박스로 강조됩니다. 제목4 괄호를 사용해서 표시한 영역은 인용문 형태로 강조됩니다. > 괄호를 사용해서 표시한 영역은 인용문 형태로 강조됩니다. 제목5 글자를 굵게 표시하거나 _기울임꼴_로 지정할 수 ..
[Java, Eclipse] 자주 사용하는 이클립스(eclipse) 단축키 모음 (숏 컷, short cut) Ctrl + 1 : Show quick fixes Ctrl + . : Go to the next error Ctrl + , : Go to the previous error Alt + Shift + A : toggle block selection Package Explorer에서 Alt + Shift + W : show in Ctrl + Space : content assist Ctrl + Shift + F : 코드 정렬 (에러가 없어야 한다)(format) Ctrl + F11 : 실행(run) Home, End, Alt 방향키 : 커서 이동 Ctrl + L :행번호로 이동 Shift + Enter : 어느 곳에 있던지 아랫 열로 이동 Shift + Ctrl + Enter : 어느 곳에 있던지 윗 열로 이..
[Javascript] 자바스크립트 기초(2) 내용이 있는 문자열에 대한 NOT 처리 let str2 = "Hello World"; console.log(!str2); false#04. 비교 연산자 두 값간의 크기를 비교하는 식에 대한 참, 거짓을 판별한다. 1) 이상(>=), 초과(>), 이하( y; // 초과 let compare3 = x 5?"10은 5보다 큽니다." : "10은 5보다 크지 않습니다."); 10은 5보다 큽니다.연산 결과를 다른 변수에 대입하기 let foo = 123; let bar = 234; let conditionValue = foo === bar ? foo+bar : foo-bar; console.log(conditionValue); -111#07. 연산자 우선 순위 | 순위 | 연산자 | 타입 | |----|----..
[Javascript] 자바스크립트 기초(1) 연산자 각종 연산을 수행하는데 사용되는 특수 기호 #01. 산술연산자(사칙연산자) |연산자 | 설명 | |----|----| | + | 덧셈 | | - | 뺄셈 | | * | 곱셈 | | / | 나눗셈 | | % | 나눗셈에서의 정수 부분의 몫을 제외한 나머지 | 일반적인 산술 연산 let a = 5; let b = 3; console.log(a+b); console.log(a-b); console.log(a*b); 8 2 152) 연산의 결과를 다른 변수에 할당하기 let c = a + b - 2; console.log(c); 63) 나눗셈에서의 주의사항 실수 타입의 몫 몫이 소수점까지 갖는 경우 연산할 수 있는 최대한의 자리수까지 연산을 수행한다. let myValue1 = 10; let myValu..
[Javascript] JSON JSON Javascript Object Notation (자바스크립트 객체 표기법) 자바스크립트에서 복합적인 데이터 구조를 속성이름(key)과 값(value)의 쌍으로 구성하는 표현 방법. 다른 프로그래밍 언어의 Map 혹은 Dictionary 구조와 대응된다. #01. 단순히 정보만을 표현하는 경우 key 이름을 지정하고 콜론(;)으로 구분지은 후 값을 명시한다. 두 개 이상의 데이터는 콤마(,)로 구분한다. 원칙적으로 key 이름은 따옴표로 감싸는 것이 맞지만 key 이름에 띄어쓰기나 대시(-)가 없는 경우는 따옴표 처리를 생략해도 무관하다. 1) JSON 정의 하나의 변수에 하위 정보들이 포함되어 있는 변수들의 그룹으로 이해할 수 있다. 이를 객체라고 한다. 객체 라는 형태가 갖는 다양한 패턴 중..