프론트엔드 개발을 위한 자바스크립트_프로그래머스 스쿨 (4) 썸네일형 리스트형 파일마다 EOL(End Of Line)을 왜 넣어야 할까 여러 버전의 유닉스 OS간의 공통된 API 및 인터페이스를 정의해놓은 POSIX 명세 중 text file 부분을 보면 유닉스 시스템은 text file들을 서로 구분할때 EOL을 사용하기 때문에 파일을 만들때마다 파일의 끝에 EOL을 넣어주는 것이 안전하다. 구현하는 방법은 항상 파일 작성이 끝나면 엔터키를 통해 맨 아래줄에 공백을 만들어주거나, 프리티어를 통해 저장시 자동으로 파일 맨 끝에 개행이 되게끔 하는 방법이 있다. "endOfLine": "auto" import문 사용을 위한 준비 전통적인 가 아닌 es6의 import 문법을 사용하려고 합니다. chrome에서 import 문을 사용하기 위해서는 로컬에 웹서버를 띄워야하는데, 관련하여 아래와 같이 정리했습니다. node.js 설치 LTS 버전을 다운받아 설치합니다. http-server 모듈 설치 http-server는 간단하게 로컬에 웹서버를 띄울 수 있는 모듈입니다. node.js 설치 후, 터미널(windows의 경우는 커맨드 프롬프트)에서 아래의 커맨드를 입력해 http-server 모듈을 설치합니다. npm install -g http-server http-server 실행하기 터미널(혹은 커맨드 프롬프트)에서 본인이 작업하고 있는 폴더로 이동 후 아래의 커맨드를 입력합니다. http-server 아래와 같은 메시지가 나.. Event 처리 Todo의 완료 처리 및 삭제 구현과정에서 이벤트 캡쳐와 버블링에 대해 정확한 지식이 정리가 되어 있지 않다는 것을 깨닫고 아래와 같이 정리했습니다. 이벤트 등록 웹 애플리케이션에서 사용자의 입력을 받기위해 필요한 기능입니다. 참고로 addEvenetListener() 웹 API는 화면에서 동적인 기능을 추가하기 위해 사용된 기능입니다. 이벤트 캡쳐 - Event Capture 이벤트 캡쳐는 이벤트 버블링과 반대 방향으로 진행되는 이벤트 전파 방식입니다. 특정 이벤트가 발생 했을 때 최상위 요소인 태그에서 해당 태그를 찾아 내려갑니다. var divs = document.querySelectorAll('div'); divs.forEach(function(div) { div.addEventListener(.. 자바스크립트 this란? this 키워드는 함수나 메소드가 호출될 때 어떤 Object에 초점을 맞출 것인지 결정할 수 있습니다. 아래와 같은 규칙으로 this 키워드가 무엇을 참조하는지 즉, 이 함수가 어디에서 호출되는지 확인해 볼 수 있습니다. Implicit Binding Explicit Binding new Binding 1.Implicit Binding 일반적인 규칙이다. .의 왼쪽에 있는 object를 찾으면 그게 this가 참조하고 있는 것이다. const user = { name: "Tyler", age: 27, greet() { alert(`Hello, my name is ${this.name}`) } } user.greet() // Hello, my name is Tyler 2.Explicit Binding 아.. 이전 1 다음
