코르시카's Blog

■ Lexical Scope 1) 정의: 함수가 함수 밖에서 참조하는 변수는 함수의 선언 영역에서 참조가능한 global 변수를 참조 === 함수의 선언 영역에 따라 상위 스코프가 결정(함수의 호출이 결정하지 않음) var number = 1; function a() { var number = 10; b(); } function b() { console.log(number); } a(); // 1 b(); // 1 ※ 함수의 호출에 따른 결정방식을 따르면 Dynamic Scoping이라고 함 > Java, C 등 요즘 언어는 lexical scope 2) 상위스코프의 범위 > 찾을 때 까지 상위 범위로 확장 ( 지역 scope에서 못찾으면 parent 상위 scope으로 확장 ) let name = "C..

공식 문서 (1) w3school, 완전 간단 www.w3schools.com/js/js_conventions.asp JavaScript Style Guide JavaScript Style Guide Always use the same coding conventions for all your JavaScript projects. JavaScript Coding Conventions Coding conventions are style guidelines for programming. They typically cover: Naming and declaration rules for variables and func www.w3schools.com (2) airbnb 되게 상세함, 보기 좋음 github.co..

■ Function in JS 1) Procedual language (절차 언어) 함수가 매우 중요한 기능을 담당 > JS에 Class가 있어 object oriented 지만, prototype를 base로 한 가짜의 object임 > Procedual language에 가까움 2) Function이 매우 중요해서 다음을 고려해야함 (a) Function is an object in JS > first class citizen : 객체로 취급될 수 있음 ( can be passed as a parameter, returned from function ) (b) In, Output (c) function의 naming rule doSomething, command, verb eg) createCardA..

// 11. loops let i = 3; while(i > 0){ console.log(`while: ${i}`); i--; } >>> while: 3 while: 2 while: 1 참조 : www.youtube.com/watch?v=YBjufjBaxHo&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=4&t=5s ■ String // 1.String concatenation console.log("my" + "cat"); console.log("1" + 2); // dynamic type console.log(`string literals: 1+ 2 = ${1 + 2}`) 1) + 기호 사용 가능 2) dynamic 하게 string으로 출력 될 수 있음 3) ba..

참조 : velog.io/@marcus/2019-02-10-1702-%EC%9E%91%EC%84%B1%EB%90%A8 Javascript var-let-const 차이 var-let-const Javascript var - let - const 의 차이 Javascript에 변수 선언 방식인 var let const에 각각 차이점을 알아보자 먼저 이들의 차이점을 이해하기 위해서는 Hoisting과 Scope의 개념이 필요하다. (해당 링 velog.io www.youtube.com/watch?v=OCCpGh4ujb8&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=3 medium.com/@_diana_lee/javascript-hoisting-%ED%98%B8%EC%9D..

참조 : www.youtube.com/watch?v=tJieVCgGzhs&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=3&t=188s ■ JS 파일 상단에 use strict 추가 참조 : beomy.tistory.com/13 1) 정의 : 자바스크립트가 묵인했던 에러들의 에러 메시지를 발생 엄격한 문법검사를 사용하는 parameter 추가 > ECMA Script 5 에서 부터 추가 > 실행시간이 좀더 개선 됨 2) node js 사용하는 경우 이미 strict 모드를 사용하고 있으므로 최상단에 다음의 주석을 추가 /*jslint node: true */ > 이렇게 함수 내부에서도 사용가능 (function () { 'use strict'; // this funct..

■ rule of thum site developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN JavaScript JavaScript(JS)는 가벼운 인터프리터 또는 JIT 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지의 스크립트 언어로서 제일 유명하지만 Node.js, Apache CouchDB, Adobe Acrobat처럼 많은 developer.mozilla.org ■ HTML / CSS 관련 기능들도 포함

참조 : waspro.tistory.com/615 [Node.JS] VSCode 개발환경 구성하기 VSCode는 Node.js를 개발하는 대표적인 에디터이다. Node.js뿐만 아니라, 대부분의 언어를 개발하는데 효과적으로 사용할 수 있는 소스 코드 편집기이지만, IDE가 아니기 때문에 컴파일 및 실행을 위한 waspro.tistory.com ■ Node js 설치, Vscode 설치 > 참조 참조 ■ Vscode 실행 1) npm으로 dependency 설치 2) vscode 터미널에서 node XXX.js 로 실행 가능 > 파이썬 venev와 매우 유사, project 최상단에서 dependency 모두 설치되면 실행 시 npm 폴더 밑에 dependency로 필요한 파일들 참조 & 실행 3) Vsc..