자바칩 푸라푸치노

1. 프로토타입이란? https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67 [Javascript ] 프로토타입 이해하기 자바스크립트는 프로토타입 기반 언어라고 불립니다. 자바스크립트 개발을 하면 빠질 수 없는 것이 프로토타입인데요. 프로토타입이 거의 자바스크립트 그 자체이기때문에 이해하는 것이 어렵 medium.com 2. typescript는 java와 마찬가지로 class를 사용한다. 다만 해당 문법이 존재하는 것이지 클래스 타입으로 변경되었다는 것은 아니다 https://heecheolman.tistory.com/65 [typescript] 타입스크립트 클래스 typescri..

1. Shorthand property names obj의 key와 value가 동일하면 하나로 쓸 수 있다. bad const name = 'daisy'; const age = '20'; const daisy1 = { name: name, age:name }; good const daisy2 = { name, age }; Shorthand property names 2. Destructuring Assignment 구조분해할당 배열, 객체 모두 사용 가능 공식 문서에 내용이 더 많음 bad //array const first = animals[0]; const second = animals[1]; //object const name = student.name; const level = student.l..

http://tmondev.blog.me/220937034820 싱글 스레드에서의 비동기예시코드``` function goLunch(){ console.log(“식사가시죠~”); } function work(){ // 5초 이상 걸리는 작업 for(var i=0; i "work완료" (2) "work완료" -> "식사가시죠~" 위 예시코드의 실행 결과는 2번입니다. 메소드 정의대로 라면, 파라미터로 입력한..

회사에서 관련된 작업을 해야 할 일이 생겨서 까먹을까봐 오늘 공부한 걸 정리 하려고 한다. 구글 다큐먼트로 공부를 위한 플랫폼도 존재하니 가서 읽어보는 편이 좋겠다. 이 글은 단지 공부용 정리 노트임. https://developers.google.com/maps/documentation/javascript/overlays 마커 : 지도의 위치를 나타내는 정보.심볼(Symbols) : 표시되는 기호 모양, 마커의 이미지, 아이콘(icon)이라고 보면 됨. (이미지로도 추가할 수 있음.) 폴리선(Polylines) : 지도에 선으로 표시할 수 있다. 도형은 폴리곤이라고 부르는 듯. 심볼 ex)var marker = new google.maps.Marker({ //여기에서 마커 객체 생성하며 동시에 맵에 표..

출처 : http://nagarry.tistory.com/186 전에 이 플러그인을 한번 썼었는데 이름이 생각이 안나서 자바스크립트 플러그인이라고 쓰고 검색했더니 나옴. 이클립스는 기본적으로 Javascript 자동완성(코드어시스트) 기능이 비활성화 되어있다.설정도 못하는 어린이들을 위해 Javascript 코드 어시스트 환경을 만들어보겠다. 딱 2가지만 해주면 된다.첫째, Javascript 어시스트 기능 활성화둘째, Javascript 플러그인 설치 이 두가지만 해주면 .(점)을 찍자마자 이렇게 코드 어시스트가 동작할 것이다. 1. Javascript 어시스트 기능 활성화아무런 설정변경을 하지않았다면 어시스트 기능은 비활성화 상태일 것이다. 물론, 단축키 Ctrl+Space하면 아래처럼 어시스트 기능..

setTimeout() 코드 실행 지연 함수이다. 자세한 사용방법은 여기를 참고하자 https://www.sitepoint.com/jquery-settimeout-function-examples/ 보통 코드 실행 지연을 시키고 싶을 때네 sleep를 많이 써서 이번에도 sleep(2000)으로 2초동안 코드실행을 멈추게 하고 싶었는데멈추지도 않고 먹통이라 고친 경험을 적어보려 한다. $('#loader').show().delay(2000).hide(); 같은 것도 해 보았으나 나의 경우에는 먹히지 않았다. setTimeout을 적용해보니 정상 작동하였다. $('#loader').show(); //ajax 코드 생략 setTimeout(function(){$('#loader').hide();}, 1500)..

출처 : https://okky.kr/article/350117 보통은 이 방법들을 많이 쓴다.Math.ceil() : 소수점 올림, 정수 반환Math.floor() : 소수점 버림, 정수 반환Math.round() : 소수점 반올림, 정수 반환 그런데 나는 원하는 자리까지는 소수점을 보존하고 싶었다.substr 보다 더 신박한 방법이 있다고 한다. var n = 14.7778777855445; alert(Math.floor(n * 100000)/100000);원하는 소수점 자리만큼 10의 n승을 해서 곱해주고 (소수점 이하 5자리니까 * 100000)Math.floor로 소수점 이하를 버리고아까 곱해준 만큼 다시 나눠줘서 소수로 되돌리는 방식입니다.

http://apis.map.daum.net/web/guide/ 위 가이드를 잘 참고하자. 앱 등록은 필요없어 보이지만 웹이어도 발급 시 생기는 appkey가 꼭 필요하니 잔말말고 등록해놓자. 그리고 가이드를 잘 읽으면 문제될게 없는데, 눈대중으로 이런 코드를 태그에 복붙해두고, 실행시키니 지도가 잘 나왔다! (이제 위도경도만 좀 맞춰주면 되겠군)

[01] Event의 처리 3 - 입력 값의 범위 지정. - 사용자는 시각적인 인터페이스로 사용이 편리. - CheckBox, RADIO 버튼보다 좁은 공간에 많은 항목의 나열 가능. 1. select 태그 자바스크립트에서 연동하기 - SELECT 태그에서 선택한 값을 텍스트 상자에 출력되도록 아래의 소스를 완성하세요. - 지역변수로 선언해야 form 인식 가능 var frm = document.frmData; - select 콘트롤에서 선택한 아이템의 인덱스(순번, 0부터 시작~) f.ansqu.selectedIndex - select 콘트롤에서 선택한 아이템의 레이블(출력 문자열) var str = f.ansqu.options[f.ansqu.selectedIndex].text; - select 콘트롤..

[01] Event의 처리 (CHECKBOX, RADIO) - 입력 값의 범위 지정. - 사용자는 시각적인 인터페이스로 사용이 편리. 1. split()함수를 이용하여 입력된 값을 분리하여 출력하는 스크립트를 작성하세요. - onload event: 페이지 로딩시 자동실행 함수 선언, BODY 태그 실행후 실행 - 자바스크립트를 BODY태그 안에서 호출시 결과가 BODY태그안에 들어감 종각부터 시청역 구간에 열차가 연착되고 있습니다. 2. 파일의 확장자를 검사하는 함수 자바 스크립트 확장자 호출 테스트입니다. 3. RADIO, CHECKBOX Type의 사용 - CHECKBOX는 같은 이름을 사용가능하며 RADIO 타입처럼 배열로 태그의이름을 처리함. >>>>> /event/radio.html 노트북 [..

[01] Event의 처리(BUTTON, SUBMIT) - 에서 javascript 생략 불가능. 1. Anchor 태그에서 click 이벤트를 받는 소스 >>>>> /WebContent/event/click.html 주소 이동주소이동[DAUM][기상청][교보문고] 2. 입력값을 검사하는 기본 자바 스크립트 - button 태그는 항상 자바스크립트 함수와 같이 사용됩니다. - onClick='check(this.form)': this.form은 폼 태그를 말합니다. >>>>> /event/input.html 방 명 록이름 제목내용 3. SUBMIT 버튼의 사용 - reset: 태그의 기본 값으로 돌아감. - submit: 서버로 폼의 내용을 전송함. - onsubmit: submit 버튼이 작동되면 자동..

2. 매개변수(Parameter, 함수로 전달 값)가 있는 함수의 호출 >>>>> /javascript/function/fun02.html 함수의 사용예 2 3. 함수 실행 후 반환값이 있는 함수의 호출 - return 타입을 명시하지 않습니다. >>>>> /javascript/function/fun03.html 함수의 사용예 3 4. confirm() 내장함수 - API: http://www.w3schools.com/jsref/obj_window.asp - 사용자가 확인이나 취소버튼을 클릭할 경우 true나 false를 리턴하는 함수입니다. >>>>> /javascript/function/fun04.html -----------------------------------------------------..

switch 분기문 spring 입력 봄 입력 while 반복문 break, javascript 파일의 include 사용 >>>>> /js_test/WebContent/core/utility.js function p(str){ document.write(str);} function pl(str){ document.write(str + " ");} >>>>> /js_test/WebContent/core/con08.html break의 사용

Web Publisher - 영역: HTML4, JavaScript, HTML5, CSS3, Ajax, jQuery 1. API http://www.w3schools.com/jsref/default.asp 2. 전역 함수 http://www.w3schools.com/jsref/jsref_obj_global.asp javascript - 1995년 Netscape의 브랜단 아이히에 의해 개발, 후에 LiveScript로 변경되었으며 최종적으로 JavaScript로 지정되었다. - HTML과 Server Script(JSP)사이에서 접속자의 마우스 클릭, 키보드 입력등 이벤트 처리를 주로 담당합니다. - Client Layer(HTML)과 Server Script(JSP) 사이에서 HTML에서 발생한 이벤트..