티스토리
관련 서비스
  • Symbols스토리 홈바로가기바로가기
  • 브런치브런치스토리바로가기바로가기
  • 카카오스토리카카오스토리바로가기바로가기

우당탕탕 개발
검색하기
블로그 홈

블로그 홈

우당탕탕 개발

oizys.tistory.com/m
신고

주니어 개발자 양찬우 개발 블로그입니다.

구독자
2
방명록 방문하기
공지 모든 자바스크립트 개발자가 알아야 하⋯ 모두보기

주요 글 목록

  • JS33 - 30.상속, 다형성, 코드의 재사용성 클래스 상속 JS는 프로토타입과 프로토타입 체인 개념을 사용해 상속한다. Non JS Classical Inheritance non-JS의 클래스 상속은 보통 클래스를 확장할 때 부모 클래스와 자식 클래스가 별도의 엔티티 인 동작을 부모 클래스에서 자식으로 복사한다. 클래스에서 인스턴스 또는 객체를 만들 때 두 가지 동작의 또 다른 복사본이 발생하며 둘 다 별도의 Entity다. 자식 클래스가 상속된 이후엔 사본이기 때문에 연결되어 있지 않고, 따라서 둘은 별도의 개체다. 속성 및 동작이 아래로 흐른다. JS Prototypal Inheritance (Behavior delegation pattern) 상속된 객체는 __proto__로 연결되어 있다.(new키워드로 생성됨!) JavaScript에서 객체.. 공감수 0 댓글수 0 2021. 11. 9.
  • JS33 - 29.알고리즘 알고리즘을 마스터하기 위해선 데이터 구조에 대한 명확한 이해가 필요하다. 일반적으로 고려해야 할 사항 필요한 변수 반복 횟수, 종류 사용가능한 빌트인 메서드 고려해야 할 에지 케이스 헬퍼 함수를 추출하거나 추상화할 수 있는가? 확장성이 있는가? input 크기가 커지면 어떻게 실행되는가? 캐싱 메커니즘이 필요한가? 성능 향상과 메모리 최적화 코드 리팩터링과 재사용 기회가 있는 코드를 작성하기 커링을 통한 파라미터 제거 정렬 알고리즘 버블소트 const bubbleSort = array => { let swapped; do { swapped = false; array.forEach((number, index) => { if (number > array[index + 1]) { [array[index], a.. 공감수 0 댓글수 0 2021. 11. 9.
  • JS33 - 28.함수 성능과 빅 오(Big O) 표기법 Big O is the worst-case scenario growth curve for the complexity of an algorithm 입력 시간에 따라 알고리즘이 실행되는 데 걸리는 시간을 수학적으로 표현한 것 알고리즘의 전체 단계를 대수로 바꾸고 문제의 전체 복잡성에 큰 영향을 미치지 않는 하위 상수 및 계수를 제외한다. Regular Big-O 2 O(1) --> It's just a constant number 2n + 10 O(n) --> n has the largest effect 5n^2 O(n^2) --> n^2 has the largest effect Constant Complexity (일정한 복잡성) : O(1) const firstElemEven = (array) => { .. 공감수 0 댓글수 0 2021. 10. 27.
  • JS33 - 27.자료구조 Object와 Array 원시 타입 6종류(Boolean, Null, Undefined, Number, String, Symbol) 이외의 데이터 타입 array도 object도 둘 다 object // arrays []; // objects { } Object 식별자 (Identifier)로 참조할 수 있는, 메모리에 있는 값 속성(Property)을 담고 있는 가방(Collection) 중괄호는 개체를 나타내며 개체의 요소가 개체를 구성합니다. 객체 값은 키 : 값 쌍으로 제공되며 이러한 값은 객체의 속성 또는 방법 (함수) 일 수 있습니다. 속성은 객체의 특징 또는 속성 인 반면, 방법은 객체에서 수행할 수 있는 기능 또는 동작입니다. // simple way to create a string co.. 공감수 0 댓글수 0 2021. 10. 27.
  • JS33 - 26.Async/Await Async/Await async function 함수명() { await 비동기_처리_메서드_명(); } async와 await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법 (ES2017 ES8 ) 내부적으론 비동기 작업을 수행하면서, 표면적으론 완전히 동기식 코드를 작성할 수 있도록 도와준다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있다. 일반적으로 자바스크립트의 비동기 처리 코드는 아래와 같이 콜백을 사용해야 코드의 실행 순서를 보장받을 수 있다. 함수 앞에 async가 붙으면 항상 promise를 리턴한다. 다른 값들은 자동적으로 resolve된 promise로 감싸진다. // 미적용 function logName() .. 공감수 0 댓글수 0 2021. 10. 27.
  • JS33 - 25.프로미스(Promise) 프로미스 Promise Promise - JavaScript | MDN Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. developer.mozilla.org var promise = new Promise(function(resolve, reject) { // do a thing, possibly async, then… if (/* everything turned out fine */) { resolve("Stuff worked!"); } else { reject(Error("It broke")); } }); Promise 는 자바스크립트 비동기 처리에 사용되는 객체 콜백을 함수에 전달하는 대신 콜백을 첨부하는 객체가 리턴되는 것이다. 보다 동기적인 방식으로.. 공감수 0 댓글수 0 2021. 6. 24.
  • JS33 - 24.컬렉션과 생성기(Collection and Constructor) 컬렉션 Collection JavaScript Collections Collections 프로그래밍 언어에서 Collection 이란 단어는 '프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너' 라고 생각합니다. 메이저 프로그래밍 언어에는 여러가지 데이터 컬렉션들이 존재 velog.io 프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너 Python - list, tuple, dictionaries … Java - ArrayList, HashMap, HashSet, Queue, Stack … Ruby - hashes, arrays Javascript(기존 Arrays + Objects, 이후 ES6에서 새로 추가) Indexed Collection - Arrays, Typed Array Keye.. 공감수 0 댓글수 0 2021. 6. 23.
  • JS33 - 23.재귀함수(Recursive Function) 함수 그 자체에서 자기 자신을 호출하는 함수 자바스크립트에서 재귀 함수를 구성 할 때는 Leave Event가 있어야 합니다. Leave Event? 함수가 재귀 루프를 종료 할 수 있게 하는 제어문. if문, 삼항인수, switch문 등이 될 수 있다. 프랙탈, 정렬 또는 복잡한 또는 비선형 데이터 구조의 노드 탐색과 같은 반복 분기와 관련된 문제를 해결하는 데 가장 효과적입니다. 함수형 프로그래밍 언어에서 재귀를 선호하는 한 가지 이유는 로컬 변수를 사용하여 상태를 설정 및 유지 관리 할 필요가 없는 코드를 생성 할 수 있기 때문입니다. 재귀 함수는 주어진 입력에 대해 구체적이고 일관된 반환 값을 가지고 외부 변수 상태에 대한 부작용이 없는 순수한 방식으로 작성하기 쉽고 자연스럽게 테스트하기 쉽습니다.. 공감수 0 댓글수 0 2021. 6. 8.
  • JS33 - 22.고차함수(Higher Order Function) 고차함수란? 고차 함수는 함수 인수를 받거나 함수를 반환하는 함수입니다. ( === 함수를 주고받는 함수) map(),reduce(),filter(),setTimeout(),addEventListener(),bind() …. // ES6 version const characters = [ {name: 'Luke Skywalker', img: 'http://example.com/img/luke.jpg', species: 'human'}, {name: 'Han Solo', img: 'http://example.com/img/han.jpg', species: 'human'}, {name: 'Leia Organa', img: 'http://example.com/img/leia.jpg', species: 'hum.. 공감수 0 댓글수 0 2021. 6. 8.
  • JS33 - 21.클로져(Closure) 정의 #1 : 클로저는 스코프가 닫힌 후에도 상위 스코프에 접근 할 수 있는 함수입니다. 정의 #2: 클로저는 함수와 해당 함수가 선언된 ‘lexical environment’의 조합입니다. //this is closure's global scope function outie(){ // this is closure's first and only outer scope function closure(){ // this is closure's local scope } } closure는 외부의 변수를 기억하고 접근할 수 있는 함수입니다(스코프 체인에 값에 대한 참조를 저장한다). 몇몇 언어에서는, 이러한 구현이 불가능합니다. 또한 이러한 일이 일어나게 하기 위해서는 함수를 특별한 방법으로 작성해야 합니다. 하.. 공감수 0 댓글수 0 2021. 6. 8.
  • [번역]Currying in Javascript 자바스크립트 커링 JS 공부중 도움이 되는 글을 번역한 게시글입니다. Author: Rémi Original Post: Currying in JS 커링은 모든 함수형 프로그래밍 언어의 중심에 있는 중요한 개념이다. 커링이 무엇이고 왜 사용해야하는지 살펴보자. 커링이란? 커링은 N개의 항수(인자)를 갖는 함수 하나를 1개의 항수(인자)를 갖는 N개의 함수로 만들 수 있는 수단입니다. 요컨대, 커링을 사용하면 함수 하나를 호출할 때 한번에 모든 인자를 정확히 지정하지 않아도 됩니다. 간단한 예제를 보겠습니다. 아래와 같은 방식이 익숙할 것입니다. const add = (a, b) => a + badd(1, 2) //should return 3 커리를 적용하면, 대신 이런 방식을 사용할 수 있습니다. const add = a .. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 20.Pure function, Side effect, Mutate Pure function 순수함수 동일한 인수가 주어지면 항상 동일한 결과를 반환하는 함수 함수실행 중에 변경되는 상태 또는 데이터에 종속되지 않는다. 인자에만 의존해야 합니다. 이 함수는 네트워크 요청, 입력 및 출력 장치 또는 데이터 돌연변이와 같은 관측 가능한 부작용을 생성하지 않는다. Clojure와 Scala에서 파생된다. Procedure programming 전역 변수 또는 클래스의 인스턴스는 순수 함수 내에서 합법적 인 변수로 간주되지 않습니다. 변수의 전역 범위는 순수 함수의 생성에 사용되지 않습니다. 장점 및 필요성 Side effect(외부와의 상호작용)이 없다. (Side effect 자체는 나쁘지 않지만 포함되면 순수함수가 아니다) Making a HTTP request Mutat.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 19.map, reduce, filter 왜 써야하나요? 코드 간결성 함수형 프로그래밍! for, forEach 루프 관리 안해도 된다! Array.prototype에 정의되어 있으므로 어떤 배열에서도 사용할 수 있다!! map() map() 메소드는 배열의 모든 요소에 제공된 함수를 적용하여, 결과로 새 배열을 생성한다. map에 전달한 콜백은 명시적으로return 문을 가져야한다. 그렇지 않으면map은undefined로 가득 찬 배열을 출력합니다. 콜백 인자 param meaning elem 요소 값 index 각 순회의 인덱스는 왼쪽에서 오른쪽으로 이동 array 메소드를 호출 한 원래의 배열 thisArg (선택 사항) 콜백에서 this로 참조 될 객체 array.map(function(elem, index, array) { ... },.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS 33 - 18.Object.create와 Object.assign, js에서 객체 복사하기 Object.create ECMAScript 5의 기능, IE8 이하 버전 사용 불가 프로토타입 체인만 연결한다고 보면 될 듯 // 1 const original = { a: 1, b: 2, c: { d: 3 } }; // 2 const copied = Object.create(original); // 복사가 아니다! console.log(original.isPrototypeOf(copied)); //true // 3 original.a = 1000; original.c.d = 3000; console.log(copied.a);// 1000 console.log(copied.c.d);// 3000 // 4 console.log(copied);// {} // 5 original.hasOwnProperty(.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 17.프로토타입의 상속과 체인 prototype vs Prototype prototype (속성) - 특정 객체의 prototype 객체: JavaScript로 작성한 모든 기능의 속성으로 지정된 특수 객체입니다. 여기서 분명히 설명 하겠지만, JavaScript가 제공하는 내부 함수 (+ bind에 의해 반환 된 함수)에는 필수 항목이 아닌 모든 함수에 대해 이미 존재합니다. 이prototype은 (new 키워드를 사용하여) 그 함수에서 새로 생성 된 객체의[[Prototype]](아래 참조)이 가리키는 것과 동일한 객체입니다. [[Prototype]] (링크속성) - 생성자 함수의 prototype 프로퍼티가 가리키는 prototype 객체: 이것은 객체에서 읽혀지는 일부 속성을 사용할 수 없는 경우 실행 중인 컨텍스트가 액세스하.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 16.new, 생성자, instanceof, 인스턴스 new 생성자 함수 (Constructor function)을 호출하는 방법이다. 이름은 대문자로 시작한다. new 신규작성 시, 새로운 빈 오브젝트를 생성한다. 새로 생성된 오브젝트에 this를 바인딩한다. 새로 생성된 오브젝트에 생성자 함수의 prototype object를 가리키는 proto라는 속성을 추가한다. 생성된 오브젝트가 함수로부터 반환될 수 있도록 함수의 마지막에 return this를 추가한다. (function에서 object를 반환) function Student(name, age) { this.name = name; this.age = age; } var second = new Student('Jeff', 50); second.__proto__ === Student.prototyp.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 15.this, call, apply, bind call,apply,bind: 함수 호출을 제어하는데 사용된다. call()/apply()를 사용하여 함수를 즉시 호출할 수 있다. bind()는 나중에 실행될 때 원래의 함수를 호출하는 올바른 컨텍스트(“this“)를 갖는 바인딩 함수를 반환한다. 그래서 bind()는 함수가 특정 이벤트에서 나중에 호출되어야 할 경우에 유용하게 사용할 수 있다. this 함수가 생성될 때 this 키워드가 함께 생성되고, 함수가 작동하는 object와 연결된다. this 키워드의 값은 함수 그 자체와는 아무 관련이 없다. 함수가 호출되는 방식이 this값을 결정한다. // define a function var myFunction = function () { console.log(this); }; // call it .. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 14.팩토리와 클래스 Javascript의 클래스란? JavaScript는 프로토타입 기반 언어이며, JavaScript의 모든 객체에는 [[Prototype]]이라는 숨겨진 내부 속성이 있어 객체 특성 및 메서드를 확장하는 데 사용할 수 있습니다. 자바스크립트에는 클래스라는 개념이 없다. 대신 프로토타입(Prototype)이라는 것이 존재한다. 자바스크립트가 프로토타입 기반 언어라고 불리는 이유이다. 클래스가 없으니 기본적으로 상속기능도 없다. 그래서 보통 프로토타입을 기반으로 상속을 흉내내도록 구현해 사용한다. 참고로 최근의 ECMA6 표준에서는 Class 문법이 추가되었다. 하지만 문법이 추가되었다는 것이지, 자바스크립트가 클래스 기반으로 바뀌었다는 것은 아니다. 클래스를 통해 객체를 보다 간결하게 작성할 수 있으며, .. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 13.DOM과 Layout DOM(Document Object Model) 문서 객체 모델 프로그래밍 언어가 웹 사이트의 내용, 구조 및 스타일을 조작 할 수있게 해주는 인터페이스입니다. JavaScript는 인터넷 브라우저에서 DOM에 연결하는 클라이언트 측 스크립팅 언어입니다. XML이나 HTML 문서에 접근하기 위한 인터페이스 웹 문서는 텍스트 파일로 만들어져있어서, 브라우저가 이해할 수 있는 구조로 메모리에 올리려면 가공이 필요하다. 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재한다. 이렇게 모든 요소와 요소의 어트리뷰트, 텍스트를 각각의 객체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 것이 DOM이다. DOM은 자바스.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 12.비트 연산자, 형식화 배열, 버퍼(배열) 컴퓨터는 모든 데이터를 이진 형식 (0,1)로 저장한다. 그 후 UTF-8과 같은 인코딩을 사용하여 저장된 비트조합을 문자,숫자, 혹은 다른 기호로 맵핑한다. 비트 수준에서 변수와 상호 작용하는 방법입니다. 비트는 일반적으로 부동 소수점 및 정수로 변환되므로 정보를 쉽게 소화 할 수 있습니다. 우리가 속도와 효율성을 중요시한다면 비트를 직접 처리하고 그 변환을 floats / int로 건너 뛰는 것이 유용 할 것입니다. 비트는 자바 스크립트의 변수보다 빠르지만 번역 수준을 건너 뛰는 것보다 복잡합니다. JS 이진 변환 Number(113).toString(2) // 1110001 // 직접 입력할 수도 있다. // function parseInt parseInt(1111, 2) //15 // 0b 0b1.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 11.JS engines Virtual Machine 가상 머신 가상머신: 주어진 컴퓨터 시스템의 가상 머신 또는 소프트웨어 구동 에뮬레이션 유형 Mac의 Parallels 프로세스 가상머신: 덜 기능적, 하나의 프로그램이나 프로세스만 실행할 수 있다. Windows의 Wine JS엔진은 JS 코드를 해석하고 실행하도록 특별히 설계된 프로세스 가상 머신의 일종이다. 웹 페이지를 구성하여 브라우저의 성능을 향상시키는 레이아웃 엔진과 코드를 해석하고 실행하는* 낮은 수준의 Javascript 엔진*을 구별하는 것이 중요하다. JS 엔진이란? 자바스크립트 코드를 마이크로프로세서가 이해할 수 있는 낮은 레벨 또는 기계 코드로 변환하는 프로그램입니다. 각 Javascript 엔진은 ECMAScript(스크립팅 언어 표준) 버전을 구현한다.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33- 10.setTimeout, setInterval, requestAnimationFrame Scheduling 함수가 즉시 실행되지 않고 특정 시간에 실행되도록 결정하는 것. ( == scheduling a call) 둘 다 콜백이기 때문에 지연시간 0ms를 줘도 다른 기본 함수보다 늦게 실행됨 제로 타임 아웃 스케쥴링setTimeout (func, 0)(setTimeout (func)과 동일)은 “가능한 한 빨리, 그러나 현재 코드가 완료된 후에”호출을 스케쥴하는데 사용된다. 함수를 setInterval/setTimeout에 넘기면 내부 참조가 함수 안에 생기고 garbage collection을 회피함! CPU 자원 많이 먹는 수행을 setTimeout이용해서 분리시킬 수 있다. 모든 스케쥴링 방법은 정확한 지연을 보장하지 않는다. 브라우저 내부 타이머가 아래와 같은 이유로 느려질 수 있다.. 공감수 0 댓글수 0 2021. 6. 2.
  • JS33 - 09.이벤트루프(Eventloop) 메시지 큐에 더 많은 메시지가 있는지 확인하는 루프 Javascript에서 비동기화를 허용하는 기본 모델 끊임없이 호출 스택이 비었는지에 대한 검사를 실행하는 프로세스(콜 스택이 비어 있으면 호출 대기 중인 함수가 있는지 확인한다.) 모든 요청마다 새 스레드가 생성되는 스레드 모델과 달리 단일 스레드에서 실행되므로 오버헤드가 발생하지 않는다. 특징 동시성(Concurrency) 자바스크립트 런타임은 한 번에 한 가지만 할 수 있고, 다른 코드를 실행하는 동안에는 Ajax 호출을 할 수 없으며, 다른 코드를 실행하는 동안에는 setTimeout 할 수 없지만 브라우저를 통해 이 모든 것을 할 수 있다. 브라우저를 사용하면 다른 코드를 실행하는 동안 Ajax 호출을 할 수 있으며 다른 코드를 실행하는 동안 .. 공감수 0 댓글수 0 2021. 6. 2.
  • 객체지향 프로그래밍이란? 객체 지향 프로그래밍(영어: Object-Oriented Programming, OOP)은 컴퓨터 프로그래밍의 패러다임 중 하나이다. 객체 지향 프로그래밍은 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위, 즉 "객체"들의 모임으로 파악하고자 하는 것이다. 각각의 객체는 메시지를 주고받고, 데이터를 처리할 수 있다. 객체 지향 프로그래밍은 컴퓨터 프로그래밍 패러다임중 하나로, 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체를 만들고 그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법이다. 객체 지향 프로그래밍의 장, 단점 간단하게 설명해주세요 - 장점 ▶코드 재사용이 용이 남이 만든 클래스를 가져와서 이용할 수 있고 상속을 통해 확장.. 공감수 0 댓글수 0 2021. 6. 1.
  • JS33 - 08.즉시실행함수(IIFE), Modules, Namespaces IIFE (Immediately Invoked Function Expression) 익명의 클로저를 통해 “privacy”를 제공하는 설계 패턴 기본 사용법 !function() { alert("Hello from IIFE!"); }(); void function() { alert("Hello from IIFE!"); }(); IIFE 패턴의 핵심은 함수를 사용하여 이를 표현식으로 바꾸고 즉시 실행하는 것이다. 첫 번째 문자 인 !은 함수 문, 정의 대신 해당 함수를 표현식으로 만드는 것이다. 그런 다음 즉시 function을 실행한다. 전에 보았듯, function 문은 항상 function 키워드로 시작한다. 자바스크립트는 function키워드를 유효한 문장의 첫 단어로 볼 때마다 함수 정의가 수행될.. 공감수 0 댓글수 0 2021. 5. 31.
  • JS33 - 07.표현식과 구문(expression vs statement) 표현식expression: 단 하나의 Value(값)을 반환하는 코드 구문statement: 행동을 수행 (값이 기대되지 않음) 식 단일값 생성 반드시 상태를 변경하지는 않는다. 구문 값이 기대되는 곳에서 사용할 수 없다. 함수의 인수, 할당의 오른쪽, 피연산자, 반환 값 등 형태 if if-else while do-while for switch for-in with (deprecated) debugger variable declaration Function Expression VS Function Declaration test Function Declaration 함수구문 (선언) Hoisting 됨 변수 할당을 요구하지 않고 명명된 함수 변수를 정의한다. 독립 실행형 구문으로 발생하며 비-함수 블록 .. 공감수 0 댓글수 0 2021. 5. 31.
  • JS33 - 06.함수 범위, 블록 범위, 렉시컬(lexical) 범위 함수 스코프는 모든 변수가 함수에 속한다는 개념을 가진다. 따라서 함수 전체에서 사용/재사용이 가능하다.(실제로 중첩 된 스코프에서도 접근 할 수 있음). 이는 매우 유용하기에, Javascript 변수의 “동적(dynamic)” 특성을 최대한 활용하여 필요에 따라 다른 유형의 값을 취할 수 있다. 기본 스코프에서의 숨김 (Hiding In Plain Scope) 스코프-기반의 숨김을 사용하는데에는 여러 가지 이유가 있다. 소프트웨어 디자인 원칙 “최소 특권의 원칙”[최저 권한]의 이유인데, “최소 권한”또는 “최소 노출”이라고도 한다. 이 원칙은 모듈/객체를 위한 API 처럼 소프트웨어 설계에서 최소한 필요한 것만 노출하고 다른 모든 것을 “숨겨야”한다고 명시한다. 이 원칙은 변수와 함수를 포함할 스코.. 공감수 0 댓글수 0 2021. 5. 31.
  • JS33 - 05.== and === and typeof 1. == 와 === 요약 == Double Equal 동등연산자: 느슨한 평등 Value가 동일하면 true 유형 강제변환(암묵적 형변환 implicit type coercion)을 수행한다. === Triple Equal 일치연산자: 엄격한 평등(strict equality operator) Value와 Type이 모두 동일해야만 true 암묵적형변환(implicit type coercion)을 발생시키지 않는다. 2. Falsy JS는 0 을 false(bool)로 변환한다. Falsy values false- 부 울린 거짓 0 - 숫자 0 “” - 빈 문자열 null undefined NaN - 숫자가 아님 Falsy value comparison 규칙 (==) false, 0 , "" 셋은 서로.. 공감수 0 댓글수 0 2021. 5. 31.
  • JS33 - 04.암묵적 형변환(Implicit coercion) 예시 3 * "3" //9 1 + "2" + 1 //121 true + true //2 10 - true //9 const foo = { valueOf: () => 2 } 3 + foo // 5 4 * foo // 8 const bar = { toString: () => " promise is a boy :)" } 1 + bar // "1 promise is a boy :)" 4 * [] // 0 4 * [2] // 8 4 + [2] // "42" 4 + [1, 2] // "41,2" 4 * [1, 2] // NaN "string" ? 4 : 1 // 4 undefined ? 4 : 1 // 1​ 1. 형 변환 (Type coercion) 명시적 Explicit 개발자에 의해 의도적으로 값의 타입을 변환.. 공감수 0 댓글수 0 2021. 5. 31.
  • JS33 - 03.값과 참조(Value and Reference) 자바스크립트는 메모리에 있는 데이터 구조의 전체 접근 권한을 주지 않는다. 대신 언어 차원의 reference type을 제공한다. 모든 변수가 생성된 후에 고정된 양의 메모리가 할당됩니다. 변수가 복사 될 때 ,메모리 내의 값이 복사됩니다. Primitives Type 원시타입 : Value 전달(Pass-by-value(복사)) == 스칼라 or 단순한 타입 Boolean null undefined String Number 변수 할당 시 값을 복사함, 서로 영향을 주지 않음 고정된 양의 메모리에 저장 Strings 은 자바스크립트에서 특별한 존재이다. 다른 많은 언어와 달리 string은 character의 배열처럼 정의 되지 않는다. 무엇보다 character 타입이 자바스크립트에는 존재하지 않는다.. 공감수 0 댓글수 0 2021. 5. 31.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.