나의 기록

코테에서 언어를 javascript로 선택하니 입력값은 알아서 입력해 주지만, 그걸 받아서 처리하는건 내 몫이다. 정작 console.log(); 로 출력이나 자주 해봤지, cofirm()이나 prompt()를 제외하고 JS에서 입력받는 값을 컨트롤해 본 적이 없었다. 프로그래머스처럼 간단히 핵심 로직만 구현할 수 있게 해주면 좋을텐데, 아쉬움으로 뒤로하고, Js환경에서 코테시 그 입력값을 받아 로직을 처리하기 위한 핵심 부분은 다음과 같다. 아래 예제는 공백을 사이에 두고 두 숫자를 한 라인에 입력 받은 후, 그 합을 출력하는 예제다. const readline = require("readline"); const rl = readline.createInterface({ input : process.st..

pageshow 와 pagehide이벤트를 위한 이벤트 객체 브라우저는 문서를 처음 로드할 때 load 이벤트 다음에 pageshow 이벤트를 발생 시키며, 문서를 벗어날 때는 pagehide 이벤트를 발생시킨다. pageshow와 pagehide 이벤트는 window 객체에서 발생하며, PageTransitionEvent 객체는 두 이벤트와 조합된다. pageshow와 pagehide는 버블링되지 않고, 취소 가능한 기본 동작도 존재하지 않는다. (크롬에서 pageshow, pagehide는 디버깅이 안타지던데 이 때문인가..) 해당 이벤트 객체의 persisted 프로퍼티의 값은 페이지가 로드 또는 새로고침이 아니라 복원되었을 경우에 true이다. 페이지가 네트워크 또는 디스크 캐시로부터 로드 또는 ..

React 공부 시작하려는데, React페이지에서 JavasScript를 다시 보고 올 수 있는 링크를 주는 친절함을 베풀었다. 타고 넘어가 보니 한 페이지에 보기쉽게 JavaScript 정리가 되어있어 한번 쭈욱~ 훑어보고 왔다ㅎㅎ developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript A re-introduction to JavaScript (JS tutorial) Why a re-introduction? Because JavaScript is notorious for being the world's most misunderstood programming language. It is often derided as ..

10.JavaScript 개발자가 알아야할 33개 컨셉 10. setTimeout, setInterval and requestAnimationFrame 1. setTimeout set timeout은 자바스크립트에서 나온 개념이 아니라 브라우저와 노드js에서 가져온 개념이다. 하는 일은 일정 시간이 흐른후에 함수를 실행시킬 때 사용한다. 좀더 세부적인 설명을 하자면, setTimeout은 시간이 지난 후에 기능을 메시지큐에 붙여준다. 함수를 자동으로 부르는 것이 아니라, 함수를 메시지 큐에 넣고, 스택이 비게되면, 자바스크립트가 실행하는 것이다. 바로 이뤄질 수도 있고, 자바스크립트가 바쁘면 천천히 실행 할 수도있다.. 그래서 time specific하다고 볼 수 없다. 사용법은 매우 간단하다. 첫번째 ..

- iframe을 이용한 유튜브 동영상 삽입방법 아래 popstate를 바인딩 시킨 이유는, safari나 firefox환경에서 historyback 시, BFCache로 인해 동영상이 무음으로 재생되면서, 볼륨조절이 먹통이 되는 현상을 해결하기 위해 추가 되었다.

09. Message Queue and Event Loop Messaege Queue와 Event Loop 이해에 앞서 알아 두어야 하는 것은 Javascript는 non blocking언어라는 것이다. (phthon의 경우 blocking언어.) - Non blocking언어 Javascript는 Non blocking언어이지만 alert function의 경우에는 block이 가능하다. alert('blabla'); console.log('123'); 위 코드를 실행하면, alert가 뜨고 해당 alert창을 닫기 전까지 console.log는 실행되지 않는다. alert를 만나면 다음 프로세스를 수행하지 않고 차단(block)된다는 것이다. 따라서 alert는 blocking function인 것인..

08.IIFE, Modules 주제는 IIFE, MOdules and Namepaces이지만 강의에서 Namespaces의 내용은 하지 않는다고 하여 pass~ const secretUsers = ["park", "lee", "kim"]; console.log(secretUsers); 위와 같은 문장을 실행하면 브라우저에서 Array에 접근이 가능하다. 브라우저에서 접근이 가능하다는 것은 해당 Array를 마음대로 변형하는 것도 가능하다는 것이다. 아래와 같이. 위의 secretUsers Variable은 공개되어 있다. Private이 아니다. 브라우저에 있고, 접근할 수 있다는 것이다. 어떤 경우, 자바스크립트는 주고 싶지만, 나의 variable에는 영향을 끼치는 것을 원하지 않는 경우가 있다. 비..

07.Expression vs. Statement - Expression Expression returns a value 무언가 결과(Value)를 return하는 문장 ex1) 5 + 11 > 16이라는 결과를 return하므로 Expression ex2) function add(a, b) { return a+b; } console.log(add(5,6)); > add(5,6) 도 11이라는 결과를 return하므로 Expression 자바스크립트는 Expression을 value로 대체하고, 작업을 계속 진행한다. - Statement Statement는 명령. 혹은 지시이다. ex1) 예를 들어 아래와 같은 코드블럭은 아무것도 리턴하지 않는다. 지시. 명령이다. if(true) { } ex2) 아래..