jhlee의 성장로그

1. extension marketplace열기 (윈도우에서 단축키 : ctrl + shift + x ) 2. eslint 검색 3. extension설치하기 4. 명령 팔레트 열기 ( ctrl + shift + P ) 5. setting.json 파일 열기 Open settings(JSON) 선택 6. 다음 코드 추가하기 "editor.codeActionsOnSave": { "source.fixAll": true, }, "editor.formatOnSave": true, 7. 저장, 적용완료

Class형 컴포넌트 안에 state 설정을 하는데 Parsing error: Unexpected token =eslint 라는 에러가 떴다. eslint가 낸 오류메시지. 현재 내 개발환경과 ESLint의 구문분석의 호환성 때문에 생긴 문제 ESLint가 ES6~7을 파싱하다가 생긴 문제이므로 babel-eslint를 설치하고 ESLint 설정을 바꾸어줌. 설치하기 $ npm install eslint babel-eslint --save-dev # or $ yarn add eslint babel-eslint -D Note: babel-eslint는 babel/core@>=7.2.0 일 것. 설정하기 "babel-eslint"를 사용하기 위해서는 ESLint config 파일에 명시해야함 // .esli..

링크 https://www.acmicpc.net/problem/1000 알아야할 내용 소스코드 const fs = require('fs'); const input = fs.readFileSync('/dev/stdin').toString().split(' ').map(value => +value) const [a, b] = input console.log(a + b); 느낀점 A + B는 기본 중의 기본이니까 하면서 들어왔는데... 이럴수가. 브라우저에서 prompt로 입력값 받는건 아는데 node.js으로 돌릴때는 어떻게 하는지 모르겠더라. C언어에서 scanf(), 자바 Scanner()밖에 생각 안나... 프로그래머스에서는 기본으로 주어지는 함수가 있고, 그 안에 작성만 하면 되서 신경 쓸게 없었는데..

링크 https://www.acmicpc.net/problem/10171 알아야할 내용 문자열 이스케이프 문자, 역슬래시(\) : 어떤 한 문자를 코드가 아닌 문자로 만들어주는 문자 역슬래시를 문자 그대로 쓰려면 \\ 와 같은 형태로 작성해야함. 이외에도 \' : 작은따옴표 \" : 큰따옴표 \n : 개행 \t : 탭 등이 있음. 자세한 사항은 MDN 참고 (https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String) 소스코드 - 내가 작성한 내용 처음에 작성한 코드. 제출하니 런타임 에러 (Syntax Error)가 떴다. // 런타임 에러 (Syntax Error)가 떴다. console.log("\ /\")..

링크 https://www.acmicpc.net/problem/10718 풀이 console.log로 두번 출력 소스 console.log("강한친구 대한육군"); console.log("강한친구 대한육군");

링크 https://www.acmicpc.net/problem/2557 풀이 console.log를 이용하여 출력 소스 console.log("Hello World!");

var array = [1,2,3]; array; // [1,2,3] var nodes = document.querySelectAll('li'); /* NodeList {0: HTMLLIElement, 1: HTMLLIElement, 2: HTMLLIElement, 3: HTMLLIElement, constructor: Object} * 0: apple * 1: orange * 2: banana * 3: strawberry * : "NodeList" * name: "NodeList" */ var els = document.body.children; /* HTMLCollection {0: HTMLDivElement, 1: HTMLScriptElement, constructor: Object} * 0: … ..

비동기적 프로그래밍 비동기적 프로그래밍이 필요한 이유 자바스크립트는 싱글 스레드 Single Thread이다. 싱글 스레드일때는 멀디 스레드처럼 여러가지 일을 신경쓰지 않아도 되지만, 특정 코드의 연산이 끝날때까지 기다렸다가 다음 코드를 진행할 수 있다는 문제점을 가지고 있다. 비동기적 프로그래밍을 하면 이 문제를 해결 할 수 있다. console.log("A"); setTimeout(function() { console.log("B"); }, 3000); // 1000ms = 1 sec, 따라서 3초후 console.log("C"); 이 코드를 실행해 보면, A를 찍은 후 3초를 기다려서 B를 찍는것이 아니라 A -> C -> B의 순서로 콘솔에 찍히는걸 확인해 볼 수 있다. 프로미스의 개본 개념 프로..

커스텀 이벤트 객체지향 프로그래밍에서 객체와 객체 사이의 관계를 느슨하게 연결하는 수단으로 사용됨 var event = new Event('build'); // 이벤트 리슨 elem.addEventListener('build', funtion(e) { /* */ }, false); // 이벤트 디스패치 elem.dispatch(event); Event 생성자는 Internet Explorer를 제외하고 대부분의 브라우서에서 지원됨. 옛날방식 하단의 내용은 Event생성자를 사용하지 않고 쓰는 방법이다. MDN에서 오래된 방법이라고 소개됨. var event = document.createEvent(type); // 1. 이벤트 생성 var event = document.createEvent('Event'..

자바스크립트의 함수는 일급(fisrt-class)객체이다. 그렇다면 일급객체란 무엇인가? 1. 변수나 데이터 구조 안에 담을 수 있다. 2. 파라미터로 전달 할 수 있다. 3. 리턴 값으로 사용할 수 있다. 4. 할당에 사용된 이름과 관계없이 고유한 구별이 가능하다. 5. 동적으로 프로퍼티 할당이 가능하다. 위와 같은 5가지 조건을 만족하는 객체를 일급객체라고 한다. 함수를 값으로 다룰 수 있다 = 변수에 함수에 값을 담을 수 있다 var a = function() { ... }; 함수를 객체의 키 값으로 할당 할 수 있음. var movie = { name: '옥자', director: '봉준호', show: function() { console.log(this.name + ' ' + this.dire..