Callback Function Javascript 엔진은 single thread로 동작 Ajax call이라던가, setTimeout 등 시간이 오래걸리는 일이 수행되어야 한다면, 이 일이 끝날 때까지 작업이 멈추게 된다. 이러한 경우는 함수를 미리 등록만 해두고, 어떤 일이 완료된 후 해당 함수가 실행하도록 하는게 하는 것을 Callback function 이라고 한다. // 예시 const a1 = (func) => { setTimeout(() => { console.log('1'); func(); }, 2000); } const a2 = (func) => { setTimeout(() => { console.log('2'); func(); }, 3000); } a1(() => { a2(() => ..
Programming Language/Javascript
실행 컨텍스트: 전역변수와 지역변수, this, scope 등 Javascript code가 실행되는 순간의 환경을 말함. 활성 객체: code 실행시 필요한 각종 정보를 담을 객체 클로저 내부 Private 변수를 사용할 수 있는 환경에 있는 함수 어떤 변수값을 은닉화, 캡슐화 하기 위해 사용하는 기술 var counter = () => { var _cnt = 0; return { increment: () => { _cnt += 1; }, decrement: () => { _cnt -= 1; }, getValue: () => { return _cnt; } } } var obj = counter(); 외부에서 _cnt의 값을 변경할 방법이 없음, counter function이 할당된 obj는 할당 된 ..
Javascript에서 this를 활용하는 경우가 많기에 이를 활용하기 위해 정리한다. this란 Function 내에서 약속된 keyword이며 어떻게 사용하느냐에 따라 사용 방법이 여러가지가 존재한다. 1. 함수내에서의 this 사용 function a() { console.log(this); } a(); // window객체가 출력된다. 일반적으로 함수 내에서 this를 호출한다면 전역객체인 window를 의미한다. 2. 객체 내 함수에서의 this 사용 var obj = { funcA : function() { console.log(this); } } obj.funcA(); // obj 객체의 값이 출력된다. 1번과 2번의 경우 비슷하면서도 다른 의미. 1번과 같이 선언되는 함수의 경우 전역객체인..
1.응답가. header와 body로 이루어져 있음 2. 기본 명령어가. get1) 웹 서버 데이터 요청2) 전달되는 데이터는 웹 서버로 전달3) 전달되는 url 끝에 추가나. post1) 웹 서버로 데이터 전달2) 전달되는 데이터는 http 프로토콜에서 body에 포함됨
1. JSON 개요가. javascript object notation나. 텍스트 기반의 경량 데이터 변환 포맷다. 사용자가 읽고, 쓰기 쉬워 데이터의 처리가 쉬움라. 프로그래밍 언어에 독립적인 text 형식마. 다른 종류간의 데이터 교환에도 적합바. xml과 유사 2. 컬렉션 데이터 구조가. 이름/값 쌍으로 이루어진 데이터 집합나. 중괄호 내에 key+value로 구성다. key:value 구분라. key는 문자열 타입 value는 json 데이터마. 다수 데이터 존재 시 ,를 이용하여 구분바. java의 map과 유사사. 배열구조1) 순서가 있는 데이터들의 목록2) [ 으로 시작해서 ]로 표현3) 각 데이터들은 , 를 이용하여 구분
1. jquery의 정의가. open source javascript library나. mit license 적용 2. 장점가. 크로스 브라우징 지원나. animation과 대화형 작업 쉽게 구현다. 플러그인이 풍부라. 개발시간 단축마. 반응형 웹 디자인 가능 3. CDN(content delivery network)가. Google CDN나. MS CDN다. API(다운로드시 사용)https://api.jquery.com/ 4. Syntax가. api 참조나. $(selector).action()
1. asynchronous javascript & xml 가. javascript에 의한 비동기적인 데이터를 클라이언트인 웹 브라우저와 서버 사이에서 교환하는 방식 나. 목적 : 웹 어플리케이션을 빠른 응답을 갖는 구조로 가지기 위해 사용 다. 적용 기술 : html+css, dom, xml, xmlhttprequest, javascript등 사용 라. 실행 프로세스 1) 이벤트 발생 2) xhr 객체 생성 3) 클래이언트 요청(xml, json, html, csv, text) 4) controller/model 실행 및 view로 응답 5) 응답(xml, json, html, csv, text) 6) 응답 처리 메소드 실행 2. xhr 객체의 속성 가. readState : ajax 객체의 요청, 응..
javascript : html 내부에서 실행할 수 있는 언어 1. avascript 사용 방식 가. 내부 파일 나. 외부 파일 다. inline 방식 2. keyword 가. java와 유사 나. delete, var, function 등이 있음 3. 식별자(identifier) 가. 변수명, 함수명 등에 사용하는 단어 나. 키워드 불가 다. 숫자 시작 불가 라. $, _ 가능 마. 공백 불가 4. 주석 가. // 나. /* */ *html 주석 (jsp 주석이 더 좋음) 5. data 타입(기본적으로 구분을 하지 않음) 가. 기본 타입 1) number 2) string 3) boolean 4. undefined 나. 참조 타입 1)object 가. array 나. function 다. express..
1. html을 만들어야 함(eclipse 기준)2. html file 을 new를 해야함3. html format 설정 5, 인지 4인지 설정 필수 http://www.w3schools.com/tags/default.asphttp://csszengarden.com/
1. 7.0이상 다운로드(minimum), *eclipse ee 설치 되어있는 것 반드시 확인!2. c드라이브나 영어로 된 폴더 하위 폴더로 경로 설정3. 이클립스에서 서버스에서 new server4. 서버 경로 설정5. 아파치 톰캣 위치 설정6. finish 설정7. 톰캣 환경 설정 포트 번호 변경 필수(8080-> 7000 대)8. start 시켜 확인9. dynamic web project 프로젝트 설정10. target runtime에 apache tomcat으로 설정 (필.수)11. context root 확인(project 1개당 root 설정됨)12. webcontent java가 아닌 모든 file들이 들어감.(java인 경우 src에 들어감, java가 아닌 경우 web content에 ..
