Kim's :D

브라우저 동작은 어떻게 이루어 지는가?http://d2.naver.com/helloworld/59361http://www.slideshare.net/JinKyoungHeo/1-2-53043752 http://deview.kr/2012/xe/index.php?mid=track&document_srl=449&time_srl=246 각브라우저 특징http://www.itworld.co.kr/print/65392 button의 각 브라우저 renderinghttp://nuli.navercorp.com/sharing/blog/post/2038 프론트앤드 개발자의 일http://www.slideshare.net/jinkwonlee52/frontend-46605098 여러 브라우저에서 테스트하기BrowserSync ..

http://blog.daum.net/_blog/BlogTypeView.do?blogid=0UxHU&articleno=189 http://m.blog.naver.com/00ming00/220192470511 css selectorhttp://www.erzsamatory.net/104 css 우선순위http://webdir.tistory.com/338

javascript의 동기 / 비동기 [참고] javascript 비동기 동작과정 - javascript의 promise가 탄생하게 된 이유요약 : 비동기를 위한 callback이 많아지자 그것을 관리하기 위하여 자바스크립트는 Single Thread 방식이며, 모든 비동기 이벤트(Event Callback, 타이머(setTimeout, setInterval)는 같은 Thread 위에서 실행된다.그러므로 기본적으로는 동기 방식으로 진행된다. 동기 방식동기 방식이란, 작업이 들어온 순서에 맞게 차근차근 하나씩 진행되는 것이다. 순서에 맞게 빨리빨리 진행되는 장점이 있지만, 여러 가지의 일을 동시에 처리할 수 없는 단점이 있다. 비동기 방식동기방식의 단점을 보완하기 위해 탄생되었다고 보여지는 비동기방식. 비..

JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식이다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다. 처음 json 타입을 보게되면 객체와 차이점을 느끼기 어렵다. json 타입은 객체와 매우 유사한 모습을 띄고 있으며 차이점이라면 사용되는 이름 그리고 값 모두가 따옴표(")를 사용하여 표기된다는 점이다. 이는 자바스크립트 객체와 차이점으로 아래의 코드를 통해 무엇이 다른지 확인이 가능하다. /* 자바스크립트 객체의 문법 */ { name: "kimeunhye", gender: "female" } /* JSON 형태의 문법 */ { "name" : "kimeunhye", "gender": "female" } 배열(Array)배열은 대..

이번 게시물은 많은 블로그들의 내용을 저에게 보기 좋게, 이해하기 쉽게 옮긴 것입니다. 수정 없이 복사해 온 것은 바로 아래에 출처를 남겼으며 수정 후 게시한 것들은 본 게시물 하단에 출처를 기록하였습니다. REST가 나타난 이유 REST는 웹의 창시자(HTTP) 중의 한 사람인 Roy Fielding의 2000년 논문에 의해서 소개되었다. 현재의 아키텍쳐가 웹의 본래 설계의 우수성을 많이 사용하지 못하고 있다고 판단했기 때문에, 웹의 장점을 최대한 활용할 수 있는 네트워크 기반의 아키텍쳐를 소개했는데 그것이 바로 Representational safe transfer (REST)이다. 조대협의 블로그 REST에서 가장 중요하며 기본적인 규칙URI는 정보의 자원을 표현해야 한다.자원에 대한 행위는 HTT..

단말기와 웹서버와 통신 방식은 다음과 같이 크게 두 가지로 구분할 수 있습니다. ① HTTP 통신 ② Socket 통신 HTTP와 Socket의 가장 큰 차이점은 접속(Connection)을 유지하는지의 여부입니다. 물론 파일 전송만을 전문으로 처리하는 FTP도 있지만 이것은 HTTP를 확장한 개념이므로 HTTP에 포함시키겠습니다. 1. HTTP 통신 HTTP 통신은 웹브라우저에 정보를 표시하는 것과 같이 클라이언트의 요청이 있을 때 서버가 해당 페이지에 대한 자료를 전송하고 곧바로 연결을 끊는 방식입니다. 현재 여러분이 제 블로그를 보고 있지만 맨 처음 이 페이지가 보여지는 순간만 서버와 연결되고 현재는 서버와 접속이 끊어진 상태입니다. 이 상태에서 F5 키를 눌러 새로고침을 하거나 다른 페이지로 이동..

2016.08.16 생활코딩 Javascript 1회독2016.08.22 생활코딩 Javascript 2회독JavaScript 기본 JavaScriptjavascript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어다. 문자의 표현큰 따옴표 혹은 작은 따옴표 중의 하나로 감싸야한다.escape charactor : \ 변수의 선언var는 생략 할수도 있지만 유효범위에 영향을 미친다.javascript에서는 세미콜론을 생략할 수 있는데, 이 경우 줄바꿈을 명령의 끝으로 간주하게 된다.javascript let, const 차이비교 연산자!== (엄격한 다른)'!=='는 '!='와 '=='의 관계와 같다. 정확하게 같지 않다는 의미. 피연산자들이 다르거나 형태가 다른 경우 참을 반환한다..

1. Mozilla javascript 재입문하기https://developer.mozilla.org/ko/docs/A_re-introduction_to_JavaScript2. Mozilla javascript guide https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide3. opentutorials의 javascript 개요 및 문법https://opentutorials.org/module/532/46504. opentutorials의 웹브라우저 제어에 관련한 javascripthttps://opentutorials.org/course/13754. javascript 클로저http://www.gliderwiki.org/wiki/137

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

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