Kim's :D

JavaScript의 this는 기존 언어에서 사용하던 this와는 다릅니다. 비슷한 의미로 사용될 때도 있지만, JavaScript의 this는 여러 가지 함수가 호출되는 방식(호출 패턴)에 따라 참조(바인딩)하는 객체가 다르기 때문입니다.자바에서의 this는 인스턴스 자신을 가리키는 참조변수입니다. this가 객체 자신에 대한 참조 값을 가지고 있다는 것입니다. 주로 매개변수와 객체 자신이 가지고 있는 변수의 이름이 같을 경우 이를 구분하기 위해서 사용됩니다.javascript의 this가 해당 함수 호출 패턴에 따라 어떻게 객체를 참조(바인딩)하는지에 대한 규칙1. 기본적으로 this는 전역 객체를 참조한다. 2. 메소드 내부의 this는 해당 메소드를 호출한 부모 객체를 참조한다. 3. 생성자 함..

자바스크립트 코드가 실행되려면 다른 스크립트가 먼저 로딩되어야 한다거나 하는 경우가 있는데, 자칫 스크립트 로딩의 순서가 꼬일 경우 에러를 뱉어내며 동작하지 않을 수 있다. JavaScript에게 모듈이란먼저 모듈에 대해 간단히 짚고 넘어가보자. 모듈의 개념은 Divide and Conquer 로 설명되는 각 기능(알고리즘)의 분할과 그 분할의 결합으로 생각해볼 수 있다. 보통의 성숙된 언어에서는 이러한 모듈화를 언어 차원에서 지원하고 있는데, 예를 들어 java의 경우에는 모듈이 instance로 생성되어지며 모듈끼리의 구분은 package로 구분된다. 그리고 모듈의 구현은 접근 제어자(private, public 등)의 사용으로 캡슐화를 보장하며, 필요한 것만 공개해서 그 모듈을 사용하려는 사용자가 ..

오류 TS2355: A function whose declared type is neither 'void' nor 'any' must return a value. 오류 상황 에러난 부분들 아무것도 건드린적 없는데 값자기.. 오류 원인 아래 사이트를 참고해 보면return 값의 type이 명확하지 않아서 ts가 js로 변환되면서 생기는 오류인 듯하다. 오류 해결 http://codeinreview.com/184/not-all-code-paths-return-a-value-in-typescript/

float를 주면 float 속성을 가진 div 끼리는 영향을 받지만 float 속성이 없는 div는 영향을 받지 않음float 속성이 없는 div 에 clear:both를 추가하자 [출처] http://blog.naver.com/PostView.nhn?blogId=xcaseycase&logNo=90136117733 위에 대로 했는데 안됬다.position:fixed 로 고정시켜버렸다.............................. [Position 참고] CSS Position

오류 상황 css의 display를 blocking으로 설정해 놓은 button을 click 했을 경우 이러한 경고가 뜬다. 오류 원인 chrome 에서만 나타나는듯 오류 해결 Add css .md-scroll-mask { position: initial;}

닉네임 실시간 중복확인 기능을 구현하기 위하여 NodeJS를 사용해야 할 일이 생겼다.NodeJS 나 Tomcat 에 Ajax를 통하여 요청!! 실시간 통신 기술 : TCP socket, WebSocketpackage.json http://www.nextree.co.kr/p4771/ http://furtur3.blogspot.nl/2015/07/nodejs-express-jquery-ajax.html Nodejs.org NodeJS란!Apache와 같은 웹서버 들은 요청마다 쓰레드를 생성하는 쓰레드 기반 따라서, realtime application 처럼 long-lived connection을 사용하는 app에서는 적합 x, 확장 어려움 이러한 쓰레드 기반의 문제를 해결하기 위..

1. Body 가장 끝에 script 두기 head에 script를 두는 것은 옛날 방식페이지에 tag들 먼저 뿌린다음에 script 동작 2. script에서 function 중 on 보다는 click 쓰는게 간결하다 3. html에서 link를 눌러서 이동 ( a 태그 같은 경우)cash 보관 / 화면 refresh 가 안됨 4. 각 page마다 login 정보 보여줘야 하면 그때그때 sever에서 받아라.session에 저장한다는건 보안상 좋지 않아 5. Ajax 사용할 때 서버에서는 데이터만 전송해야해.서버에서 viewResolver등도 하지마javascript로 page navigation 하라 6. servlet filter / spring filter( interceptor ) / AOP =..

1. 그림 그릴 영역 준비 : 그래픽이 그려질 영영(container)-id, height, width : 크기의 단위 pixel수 % 안먹힘 2. 그림그릴 준비var wpcanvas=document.getElementById("cvs");var wpcontext=wpcanvas.getContext("2d"); -getContext : 2차원의 다양한 도형을 그릴 수 있는 메소드들을 ㄱ자ㅣㄴ context object를 get 3. 사각형 그리기 wpcontext.fillRect(20,20,100,100); // 사각형 그리기wpcontext.strokeRect(20,160,100,100); // 테두리 있는 사각형 그리기wpcontext.fillRect(160,20,100,100);wpcontext.c..

gradle : back-end의 package 관리 시스템bower : front-end 의 package 관리시스템 bower 을 사용하기 위해서는 node.js가 깔려있어야함 node.js : google에서 제공하는 V8 엔진을 사용하는 일종의 platform :desktop에서 동작하는 runtime engine(JRE 같은) javascript virtual machine / javascript를 byte code로 실행하면 cmd 에서 node -v 하면 버전이 나온다 cmd 에서해당되는 폴더로 들어감 src 까지 들어감 node test01.js NPM : node package manage / node.js lib를 사용하여 javascript로 만들 파일들만 관리함 src 아래에서 np..

CDN Settings name(type default) accessibility(boolean true)탭이동과 페이지이동 Key 버튼을 활성화인데 true로 설정하면 시작과 끝이 지정됨defaullt가 true인데 왜 직접 쓴것과 안쓴것이 다른 건지 모르겠다..안써주면 시작과 끝이 없이 계속 뱅뱅 슬라이드된다 adaptiveHeight(boolean false)carousel의 높이 지정 autoplay(boolean false)자동으로 slide 되는가 autoplaySpeed(int 3000)ms를 의미 arrows(boolean true)prev/next arrows asNavFor(string null)slider navigation의 이름 지정(class 나 id 이름으로) 예제코드 [출처]..