본문 바로가기

전체 글

(25)
[Javascript, Sublime Text] javascript를 위한 Build System 설정하기 Tools > Build System > New Build System\을 선택하여 새로운 실행 규칙 파일을 생성하고 아래와 같이 작성한다. { "shell\_cmd": "node ${file}" } 작성한 파일을 다음의 경로로 저장한다. 일반적으로 Sublime 상에서 `Ctrl + S`를 누르면 제시되는 기본 경로에 바로 저장하면 된다. C:\users\{사용자계정명}\appdata\roaming\sublime text3\ package\user\mynode.sublime-build 파일을 저장한 후 Sublime Text 3에서 Tools > Build System > myNode를 선택하고 js 파일을 열어 둔 상태에서 Ctrl + B를 눌러 실행 결과를 확인한다. 실행 완료 후 결과 창은 Esc..
[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..