반응형 전체 글67 [JavaScript 33가지 개념] 06. 함수 범위, 블록 범위, 렉시컬(lexical) 범위 변수를 선언하는 위치에 따라 사용할 수 있는 범위가 다르게 정의된다. 기본적으로 javascript 변수는 함수 범위로 동작한다. 1. 함수 범위 function nameFunc() { var name1 = 'tom'; console.log('1-1', name1); } nameFunc(); console.log('1-2', name1); if (true) { var name2 = 'bob'; console.log('2-1', name2); } console.log('2-2', name2); 위 처럼 변수를 선언하고 호출하면 아래와 같은 결과가 나온다. 1-1 tom 1-2 undefined error 2-1 bob 2-2 bob 1-2에서 에러가 발생하는 걸 확인할 수 있다. 즉, 변수 선언 후 사용은.. 2022. 6. 6. [Flutter] MAC에서 VSCode로 Flutter 시작하기 Flutter는 구글에서 만든 하이브리드앱 개발용 프레임워크이다. VSCode를 사용해서 Flutter로 하이브리드 앱을 만들어 보자. 1. Flutter SDK 아래의 링크를 통해 Flutter SDK를 다운 받고, 환경변수에 등록한다. - https://flutter-ko.dev/docs/get-started/install/macos 맥OS에서 설치 flutter-ko.dev 2. VSCode 설치 아래의 링크를 통해 VSCode를 다운받고 설치한다. - https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for.. 2021. 7. 12. [JavaScript 33가지 개념] 05. == vs === vs typeof 코딩을 하다보면 조건문을 많이 사용하게 된다. 조건문에서 특히 Equality 문법을 사용하게 되는데, 해당 문법에 대해 자세히 알아보자. 1. === === 는 엄격한 Equality 연산자이다. === 는 데이터의 값과 타입이 모두 같아야 true를 반환해준다. console.log(0 === 0); // true console.log('hello!' === 'hello!'); // true console.log(null === null); // true console.log(undefined === undefined); // true console.log(0 === 5); // false console.log(0 === '0'); // false console.log(0 === 'hello!'); .. 2021. 5. 27. [JavaScript 33가지 개념] 04. 암시적 강제(Implicit Coercion) 1. Implicit Coercion (암시적 강제) Javascript의 암시적 강제는 예상치 못한 값 유형을 예상 유형으로 강제하여 처리되는 것을 말한다. 예시를 보며 이해해 보자. console.log(3 * '3'); // 9 console.log(1 + '2' + 1); // 121 console.log(true + true); // 2 console.log(10 - true); // 9 const foo = { valueOf: () => 2, }; console.log(3 + foo); // 5 console.log(4 * foo); // 8 const bar = { toString: () => ' promise is a boy :)', }; console.log(1 + bar); // "1 .. 2021. 5. 22. [JavaScript 33가지 개념] 03. 값 타입(Value Type)과 참조 타입(Reference Type) JavaScript 는 객체 지향 언어이다. 즉, JavaScript의 대부분은 Object (객체) 이다. 객체가 아닌 유일한 요소는 Primitive Type (원시 자료형) 이다. 둘 사이의 차이점 중 하나는 기본 데이터 유형이 값(Value) 으로 전달되고 객체가 참조(Reference) 로 전달된다는 것 이다. 예시를 통해 비교해보면 다음과 같다. let name = 'Carlos'; const firstName = name; name = 'Color'; console.log(name);// Color console.log(firstName);// Carlos const myName = { firstName: 'Carlos', }; const identity = myName; myName.fir.. 2021. 5. 18. [JavaScript 33가지 개념] 02. 자바스크립트의 자료형 (Primitive Types 등) 여기서는 자바스크립트의 내장 자료형과, 내장 자료형에서 사용할 수 있는 속성들에 대해 알아본다. 1. Dynamic typing (동적 타이핑) 자바스크립트는 동적 (dynamic) 언어이기 때문에 변수의 타입을 미리 선언할 필요가 없다. 타입은 프로그램이 처리되는 과정에서 자동으로 파악되기 때문에 같은 변수에 여러 타입의 값을 넣을 수 있다. var foo = 42; // foo 는 이제 Number foo = "bar"; // foo 는 이제 String foo = true; // foo 는 이제 Boolean 2. Data and Structure types (데이터 타입) (1) Primitive Types (원시 자료형) 6가지 원시 자료형 데이터 타입이 존재한다 - Boolean Boolean.. 2021. 5. 13. 이전 1 2 3 4 5 ··· 12 다음 반응형
