티스토리

No Answer Brother

검색하기

블로그 홈

No Answer Brother

no-answer-brother.tistory.com/m

노답 형제들의 정답 찾기를 위한 여정

구독자: 0

방명록 방문하기

주요 글 목록

자바스크립트를 배워보자 30일차 - 브라우저 렌더링 과정 브라우저 렌더링 과정 웹 개발자라면 당연히 알아야 할 과정이지만, 의외로 많은 사람들이 모른다. 물론 필자도 처음에 웹을 배울 때 이런거를 모르고 하다가 기본기가 부족해서 공부하다가 나중에서야 알았다. 사실 이 글은 그렇게 쉽게, 그리고 편하게 작성된 글이 아니다. 더 자바스크립트 위주의 설명으로 되어있다는 것을 명심하자. 만약, 더 쉽고 간단하지만 깊은 내용을 알고 싶다면, google에서 설명한 inside-browser-part를 참고하길 바란다. (1 ,2, 3, 4 파트로 이루어졌다.) https://developers.google.com/web/updates/2018/09/inside-browser-part1 1. 브라우저의 렌더링 과정 대부분의 프로그래밍 언어는 운영체제나 가산 머신 위에서 .. 공감수 0 댓글수 0 2021. 9. 12.
자바스크립트를 배워보자 29일차 - 배열2, 고차 함수와 filter, map, reduce 등등 배열 2 1. 배열 고차 함수 고차 함수(Higher-Order Function, HOF)는 함수를 인수로 전달받거나, 함수를 반환하는 함수를 말한다. 자바스크립트의 함수는 일급 객체이므로 함수를 값처럼 인수로 전달할 수 있으며 반환할 수도 있다. 고차 함수는 외부 상태의 변경이나 가변(mutable)데이터를 피하고 불변성(immutability)을 지향하는 함수형 프로그래밍에 기반을 두고 있다. 함수형 프로그래밍은 순수 함수(pure function)와 보조 함수의 조합을 통해 로직 내에 존재하는 조건문과 반복문을 제거하여 복잡성을 해결하고 변수의 사용을 억제하여 상태 변경을 피하려는 프로그래밍 패러다임이다. 조건문이나 반복문은 로직의 흐름을 이해하기 어렵게 하여 가독성을 해치고, 변수는 누군가에 의해.. 공감수 0 댓글수 0 2021. 9. 5.
자바스크립트를 배워보자 28일차 - 배열1, 배열의 특징과 관련 함수들 배열 1. 배열 기본적으로 자바스크립트의 배열은 객체타입으로 여러가지 프로퍼티를 가지고 있다. 가장 대표적인 프로퍼티가 length이다. const arr = [1,2,3] for(let i = 0; i < arr.length; i++){ console.log(arr[i]) // 1 2 3 } 배열은 객체로, Array 생성자 함수를 가지고 있다. 때문에 프로토타입도 Array.prototype을 갖는다. const arr = [1,2,3] console.log(arr.constructor === Array) // true console.log(Object.getPrototypeOf(arr) === Array.prototype) // true 1.1 희소 배열 사실 자바스크립트의 배열은 일반적인 배열과는.. 공감수 0 댓글수 0 2021. 9. 4.
자바스크립트를 배워보자 27일차 - ES6 함수의 추가 기능 ES6 함수의 추가 기능 1. 함수의 구분 ES6 이전의 모든 함수는 일반 함수로서 호출할 수 있는 것은 물론 생성자 함수로서 호출할 수 있다. 다시말해 es6이전의 모든 함수는 callable이면서 constructor이다. var foo = function(){ return 1; } foo() // 일반적인 함수로서 호출 new foo() // 생성자 함수로서 호출 var obj = {foo : foo} obj.foo() // 메서드로서 호출 new obj.foo() // 객체의 메서드도 constructor이다. 재밌는 것은 객체에 바인딩된 함수조차도 constructor라는 것이다. 즉, constructor라는 것은 프로토타입 프로퍼티를 가진다는 것이며, 프로토타입 객체도 생성한다는 것을 의미한.. 공감수 0 댓글수 0 2021. 9. 4.
자바스크립트를 배워보자 26일차 - 클래스(class) 2편, 필드 변수와 상속 클래스 클래스 2편으로 1편을 먼저 보고와주길 바란다. 1 클래스의 인스턴스 생성 과정 인스턴스 생성과 this 바인딩 new연산자와 함께 클래스를 호출하면 constructor의 내부 코드가 실행되기에 앞서 암묵적으로 빈 객체가 생성된다. 이 빈 객체가 바로 클래스가 생성한 인스턴스이다. 이때 클래스가 생성한 인스턴스의 프로토타입으로 클래스의 prototype 프로퍼티가 가리키는 객체가 설정된다. 그리고 암묵적으로 생성된 빈 객체, 즉 인스턴스는 this에 바인딩된다. 따라서 constructor 내부의 this는 클래스가 생성한 인스턴스를 가리킨다. 인스턴스 초기화 constructor 내부 코드가 실행되어 this에 바인딩되어 있는 인스턴스를 초기화한다. 즉 this 바인딩되어 있는 인스턴스에 프로.. 공감수 0 댓글수 0 2021. 9. 1.
자바스크립트를 배워보자 25일차 - 클래스(class) 1편, 메서드 클래스 자바스크립트는 프로토타입 기반 객체지향언어이다. 비록 다른 객체지향 언어와는 다른 차이점이 있지만 강력한 객체지향 능력을 지니고 있는 것은 맞다. 프로토타입 기반 객체지향 언어는 클래스가 필요 없는 객체지향 프로그래밍 언어이다. ES5에서는 클래스 없이도 함수와 프로토타입을 통해 객체지향 언의 상속을 구현하기도 하였다. 그러나 이는 다른 class 기반의 프로그래밍 언어를 배운 사람들에게는 높은 진입 장벽이되었고, 명시적으로 코드를 확인하기 어렵다는 단점이 있었다. 이에 따라 ES6에서는 클래스가 도입되었는데, 클래스가 프로토타입 기반의 객체지향 모델을 폐지하고 새롭게 클래스 기반 객체지향 모델을 제공하는 것은 아니다. 사실 클래스는 함수이며, 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사.. 공감수 0 댓글수 0 2021. 8. 30.
자바스크립트를 배워보자 24일차 - 클로저(Closures) 클로저( Closures ) 1. 클로저 프론트엔드 개발자 면접에서 가장 많이 등장하는 개념이 아닌가 싶다. 그러나 제대로 대답하는 사람은 10명 중 1명도 보기 힘들다는 현직자 분의 글을 읽은 적이 있다. 대부분이 클로저는 js에서 private 역할을 하기위해 사용한다고 말했다고 하는데, 사실 이는 클로저의 활용이지 클로저의 정의라고 보기는 힘들다. 또한, 클로저는 js에서만 사용되는 개념이 아니다. 요즘 golang으로 개발을 진행하는데 여기서도 클로저의 개념이 사용된다. 이는 클로저가 함수형 프로그래밍에서 시작된 개념이기 때문이다. 그럼 클로저가 무엇이고, js에서는 클로저를 어떻게 정의하는지 알아보도록 하자 우리는 이전에 앞서 실행 컨텍스트에 대해서 공부해보았다. 실행 컨텍스트를 알게된 이상, .. 공감수 0 댓글수 0 2021. 8. 29.
자바스크립트를 배워보자 23일차 - 실행 컨텍스트 (part 2) 실행 컨텍스트 2 1. 함수 코드 평가 예제 코드를 다시 한 번 살펴보자 var x = 1; const y = 2; function foo(a){ var x = 3; const y = 4; function bar(b){ const z =5; console.log(a + b + x + y +z ); } bar(10); } foo(20); // 42 foo 함수가 호출되면 전역 코드의 실행을 일시 중단하고 foo 함수 내부로 코드의 제어권이 이동한다. 그리고 함수 코드를 평가하기 시작한다. 함수 코드 평가는 아래 순서로 진행된다. 함수 실행 컨텍스트 생성 함수 렉시컬 환경 생성 함수 환경 레코드 생성 this 바인딩 외부 렉시컬 환경에 대한 참조 결정 위 과정을 거쳐 생성된 foo 함수 실행 컨텍스트와 렉시.. 공감수 0 댓글수 0 2021. 8. 27.
자바스크립트를 배워보자 22일차 - 실행 컨텍스트 (part 1) 주의: 뒷 부분의 이미지가 굉장히 작을 수 있으므로 확대해서 보시길 바랍니다. (힝구... 다음부터는 신경써야겠습니다) 실행 컨텍스트 실행 컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 실행 컨텍스트를 바르게 이해하면 자바스크립트가 스코프를 기반으로 식별자와 식별자에 바인딩된 값(식별자 바인딩)을 관리하는 방식과 호이스팅이 발생하는 이유, 클로저의 동작 방식, 그리고 태스크 큐와 함께 동작하는 이벤트 핸들러와 비동기 처리의 동작 방식을 이해할 수 있다. 1. 소스코드 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 구분한다. 4가지 타입의 소스코드는 실행 컨텍스트를 생성한다. 전역 코드 전역에 존재하는 소스코드를 말한다. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함되지.. 공감수 0 댓글수 0 2021. 8. 8.
자바스크립트를 배워보자 21일차 - this this 1. this 키워드 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드로 구성된다.( 이 둘을 합쳐서 간단하게 프로퍼티라고도 한다.) 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경해야할 때가 있다. 이 때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. 1.1 객체리터럴 방식으로 생성한 객체 const circle = { radius : 5, getDiameter(){ return 2 * circle.radius } } console.log(circle.getDiameter()) // 10 다음과 같이 circle 객체를 객체리터럴 방식으로 생성하고 getDiameter 메서드를 호출하면 정확한 답이 .. 공감수 0 댓글수 0 2021. 8. 3.
자바스크립트를 배워보자 20일차 - 프로토타입(prototype) 4편 프로토타입 4편 1. 직접 상속 Object.create에 의한 직접 상속이 가능하다. Object.create 메서드는 명시적으로 프로토타입을 지정하여 새로운 객체를 생성한다. Object.create메서드도 다른 객체 생성 방식과 마찬가지로 추상 연산 OrdinaryObjectCreate를 호출한다. Object.create메서드의 첫 번째 매개변수에는 생성할 객체의 프로토타입으로 지정할 객체를 전달한다. 두 번째 매개변수에는 생성할 객체의 프로퍼티 키와 프로퍼티 디스크립터 객체로 이루어진 객체르 전달한다. 이 객체 형식은 Object.defineProperties 메서드의 두번째 인수와 동일하다. 두번째 인수는 옵션이므로 생략이 가능하다. //프로토타입이 null인 객체를 생성, 즉, 생성된 객체는.. 공감수 0 댓글수 0 2021. 8. 2.
자바스크립트를 배워보자 19일차 - 프로토타입(prototype) 3편 프로토타입 3편 1. 프로토타입 체인 function Person(name){ this.name = name } Person.prototype.hello = function(){ console.log(`my name is ${this.name}`) } const me = new Person('lee') console.log(me.hasOwnProperty('name')) // true console.log(Person.prototype.hasOwnProperty('name')) // false 지난 번의 예제이다. 어떻게 me와 Person.prototype은 hasOwnProperty 프로퍼티를 가지고 있을까?? 이는 프로토타입 체인 덕분이다. Object.g.. 공감수 0 댓글수 0 2021. 8. 2.
자바스크립트를 배워보자 18일차 - 프로토타입(prototype) 2편 프로토타입 2편 1. 리터럴 표기법에 의해 생성된 객체의 생성자 함수와 프로토타입 이전 포스팅에서 살펴본 것과 같이, 생성자 함수에 의해 생성된 인스턴스는 프로토타입의 constructor 프로퍼티에 의해 생성자 함수와 연결된다. 이때, constructor 프로퍼티가 가리키는 생성자 함수는 인스턴스를 생성한 생성자 함수와 같다. const obj = new Object() console.log(obj.constructor === Object) // true const add = new Function('a' , 'b', 'return a + b') console.log(add.constructor === Function) // true function Pers.. 공감수 0 댓글수 0 2021. 8. 2.
자바스크립트를 배워보자 17일차 - 프로토타입(prototype) 1편 프로토타입 1편 js에서 중요한 요소 중 하나이지만, 모르는 사람이 생각보다 많다. 가끔씩 회사 문제로 기본적인 js 문법이 나오는데, 그 중에 가장 많이 나오는 것이 prototype이다. 왜냐면 모르면 그냥 맞아야 하기 때문이다. 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다. 자바와 c++과는 달리 js는 클래스 기반의 객체지향 프로그래밍이 아닌, 프로토타입 기반의 객체지향 프로그래밍 언어이다. 참고로, ES6에서 클래스가 도입되었다. 하지만 ES6의 클래스가 기존의 프로토타입 기반 객체지향 모델을 폐지하고 새로운 객체지향 모델을 제공하는 것은 아니다. 사실 클래스도 함수이며, 기존 프로토타입 기반 패턴의 syntatuc sugar이.. 공감수 0 댓글수 0 2021. 7. 30.
자바스크립트를 배워보자 16일차 - 함수와 일급 함수 함수와 일급 객체 1. 일급 객체 다음의 조건을 만족하는 객체를 일급 객체라고 한다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성 가능 변수나 자료구조 (객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 다음 예제와 같이 위의 조건을 모두 만족하므로 일급객체이다. //1. 함수는 무명의 리터럴로 생성할 수 있다. //2. 함수는 변수에 저장할 수 있다. const increase = function(num){ return ++num } const decrease = function(num){ return --num } // 2. 함수는 객체에 저장할 수 있다. const predicates = {increase, d.. 공감수 0 댓글수 0 2021. 7. 29.
자바스크립트를 배워보자 15일차 - 생성자 함수에 의한 객체 생성 생성자 함수에 의한 객체 생성 일반적으로 객체 리터럴 방식으로 객체를 많이 생성하지만, 생성자 함수를 통해서도 객체를 생성할 수 있다. 1. Object 생성자 함수 new 연산자와 함꼐 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다. const person = new Object() person.name = "lee" person.hello = function(){ console.log("hello world") } console.log(person) // { name: 'lee', hello: [Function (anonymous)] } person.hello() // hello world.. 공감수 0 댓글수 0 2021. 7. 27.
자바스크립트를 배워보자 14일차 - 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드 앞으로 나올 프로퍼티 어트리뷰트를 이해하기 위하여 내부 슬롯과 내부 메서드 개념에 대해 알아보자 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 pseudo property, pseudo method이다. 내부 슬롯과 내부 메서드는 ECMAScript 사양에 정의된 대로 구현되어 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아니다. 즉, 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 직접 접근하거나 호출할 수 있는 방법을 제공하지 않는다. 단, 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 한.. 공감수 0 댓글수 0 2021. 7. 21.
자바스크립트를 배워보자 13일차 - let, const , 블럭 레벨 스코프 let, const키워드와 블록 레벨 스코프 1. var 키워드로 선언한 변수의 문제점 1.1. 변수 중복 선언 허용 var키워드로 선언한 변수는 중복 선언이 가능하다. var x = 1; var y = 1; var x = 100 // 중복 선언 var y; // 중복 선언 console.log(x); // 100 console.log(y); // 1 위의 예는 var키워드로 선언한 변수는 중복 선언이 가능하다는 것을 보여준다. 신기하게도, var y; 가 실행되어 undefined가 있을 것 같지만, 아니다. 이는 중복 선언에 있어서 초기화문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var이 없는 것처럼 동작하지만, 초기화 문이 없는 선언문은 무시된다. 이 때 에러는 없다. var x = 1; v.. 공감수 0 댓글수 0 2021. 7. 20.
자바스크립트를 배워보자 12일차 - 전역 변수의 문제점 전역 변수의 문제점 전역 변수의 사용은 어느 프로그래밍 언어이든지 위험하다. 이번 편에서는 자바스크립트에서 발생하는 전역 변수의 문제점들을 살펴보도록 하자 1. 변수의 생명 주기 변수는 선언에 의해 생성되고, 할당을 통해 값을 갖는다. 그리고 소멸하게 된다. 그렇다면 언제 소멸하고 생겨날까?? 지역 변수의 경우에는 함수가 실행되면 선언이 되고, 런타임에 값이 할당된다. 또한 함수가 종료되면 지역 변수가 사라지게 된다. function foo(){ var x = "local"; console.log(x); return x; } foo(); console.log(x) // error 이전에 변수 선언의 실행 시점과 변수 호이스팅에 관해 말하였는데, 이때 변수 선언은 선언문이 어디에 있던지 상관없이 가장 먼저.. 공감수 0 댓글수 0 2021. 7. 18.
자바스크립트를 배워보자 11일차 - 스코프 스코프(scope) 1. 스코프란? scope는 자바스크립트 뿐만 아니라, 여러 프로그래밍 언어에서 사용되는 개념이다. 그런데 특별히 자바스크립트에서 유별난 특징이 있어 잘 배워두어야 한다. var, let 또는 const 키워드로 선언한 변수의 스코프는 다르게 동작한다. 즉, 스코프는 변수 그리고 함수와 깊은 관련이 있다. 함수는 함수 몸체 내부에서만 참조할 수 있고, 함수 몸체 외부에서 함수 내부의 변수를 사용하는 것은 불가능하다. 이것은 매개변수를 참조할 수 있는 유효범위, 즉 매개변수의 스코프가 함수 몸체 내부로 한정되기 때문이다. function add(x,y){ console.log(x,y); return x+y; } add(2,5); console.log(x,y)// error 이처럼 함수 .. 공감수 0 댓글수 0 2021. 7. 18.
자바스크립트를 배워보자 10일차 - 함수 함수 1. 함수란? 자바스크립트에서 함수란 굉장히 중요한 개념이다. 단순히 c/c++ , java에서 보이는 함수와는 달리 자바스크립트에서의 핵심 개념인 스코프, 실행 컨텍스트, 클로저, this, 프로토타입, 모듈화 등이 있다. 힘수의 선언(정의)은 다음과 같다. function add(x,y){ return x + y; } 따로 함수의 반환 타입, 매개변수 타입을 안써주어도 된다. 2. 함수 리터럴 자바스크립트에서 함수는 객체 타입이다. 따라서 객체 리터럴도 객체를 생성할 수 있는 것처럼, 함수도 함수 리터럴로 생성할 수 있다. 함수 리터럴은 function 키워드, 함수 이름, 배개 변수 목록, 함수 몸체로 구성된다. var func = function add(x, y){ return x + y; .. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 9일차 - 객체와 값 원시 값과 객체의 비교 1. 원시 타입과 객체 원시타입을 가지는 원시 값은 변경 불가능한 값이다. 반면에 객체 타입의 값, 즉 객체는 변경 가능한 값이다. 원시 값을 변수에 할당하면, 변수에는 실제 값이 저장된다. 이에 비해 객체를 변수에 할당하면 변수에는 참조 값이 저장된다. 이는 어떤 차이를 보이냐면, 원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달된다. 이를 값에 의한 전달(pass by value)라고 한다. 이에 비해 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달된다. 이를 참조에 의한 전달( pass by reference )라고 한다. 2. 원시 타입 여기서 중요한 것은 원시 타입의 값을 갖는 변수가 값을 바꾸지 못한다는 것은 변수가.. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 8일차 - 객체 리터럴 객체 리터럴 1. 객체란?? 자바스크립트에서는 원시 값 빼고는 모두 객체로 사용된다. 즉, 함수, 정규 표현식, 배열 등 모두 객체로 구성되어있다. 또한, 객체는 원시 값과는 달리 immutable이 아닌, mutable한 값이다. 이는 추후에 다시 배워보도록 하자 자바스크립트에서의 객체 표현은 다음과 같다. var person = { name: 'lee', // key - value age : 20 // key - value } person이라는 객체를 생성한 것이다. 객체는 property로 이루어지는데, name : 'lee' 와 age: 20 을 각각 property라고 부른다. 여기서 property는 key : value 형식을 띈다. 재밌는 것은 굳이 변수를 선언.. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 7일차 - 타입 변환과, 단축 연산자, 옵셔널 체이닝, null 병합 연산자 타입 변환과 단축 평가 1. 타입 변환 명시적 타입 변환 ( 타입 캐스팅 ) : 개발자가 의도적으로 타입을 변환하는 것이다. 암묵적 타입 변환 ( 타입 강제 변환, type conversion) : 자바스크립트 엔진에 의해 실행 도중에 타입이 변환되는 것을 말한다. 한 가지 명심해야 할 것은 명시적 타입 변환이나 암죽적 타입 변환이나 기존 원시 값을 직접 변경하는 것은 아니다. 원시 값은 immutable한 값이기 때문에 변경이 불가능하다. 단지, 다른 타입의 새로운 값을 생성하는 것이다. var temp = 1; console.log(typeof temp.toString()); // string console.log(typeof temp) // Number 위는 명시적인 타입 변환에 해당한다. 그러나,.. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 6일차 - 연산자, falsy, truly 1. 연산자 기본적으로 자바스크립트에서 연산자는 c언어나 java와 크게 다를바는 없다. 따라서, 특이한 부분만 집고 넘어가도록 하자 2. 동등 비교와 일치 비교 동등 비교 ( == ) (또는 추상 동등성 비교 연산자라고 한다. ) 동등 비교는 느슨한 비교를 한다. 느슨한 비교란 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 뒤 값인지 비교한다. 기본적으로 Number로 바꾼다고 생각하면 된다. 즉 다음의 예제를 보면 된다. console.log( 5 == 5) // true console.log( 5 == '5') // true 문자열 '5'를 암묵적 타입 변환으로 바꾸면 5가 된다. 따라서 5 == '5'는 true가 된다.. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 5일차 - 데이터 타입 1. 데이터 타입 ES6는 7개의 데이터 타입을 제공한다. 데이터 타입은 크게 두 가지로 분류할 수 있는데 '원시 타입' 과 '객체 타입' 이다. 원시 타입 숫자 타입 : 숫자, 정수, 실수를 구분없이 숫자 타입만이 존재 문자열 타입 : 문자열 boolean 타입 : 참, 거짓 undefined 타입 : var, let 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 : 값이 없다는 것을 의도적으로 명시할 때 사용 symbol 타입 : ex6에서 추가 된 타입 객체 타입 객체 , 함수, 배열 등 2. 숫자 타입 재밌게도 js에서는 정수, 실수를 구분하지 않는다. 오직 숫자 타입만 있으며, 숫자 타입은 64비트 부동소수점 형식을 따른다. 즉, 정수도 실수와 같이 취.. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 4일차 - 표현식과 문 회사를 다니면 시험은 안보니까 좋다. 그러나, 시험을 봐도 좋으니까 방학을 되돌려줬으면 좋겠다 ㅜ 회사에서 하라는 알고리즘 공부는 안하고 JS 공부나 하련다!! 1. 값 값은 식(표현식)이 평가(또는 계산)되어 생성된 결과를 말한다 10 + 20 //30 위의 예제에서, 다음의 10+20 식이 평가(계산)되어 30이라는 결과가 만들어진다. 이러한 값은 메모리에 2진수로 저장되는 것이다. 2. 리터럴 var result = 10 + 20; 이 있다고 하자, 10 + 20이라는 표현식에서 우리는 30이라는 값을 얻어올 수 있다. 30이라는 값은 메모리에 2진수로 저장되고, result라는 변수로서 식별하는 것이다. 그런데, 10과 20은 컴퓨터가 어떻게 알아들을까?? 이것은 '리터럴'이라고하여.. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 3일차 - 변수 오늘은 회사에서 혼이 났다. 정확히는 딴 부서 담당자에게 기분 나쁜 추궁을 당했었다. ?? : 여태까지 뭐하셨길래 지금와서 문제를 말하시는가죠?? 끝까지 집중합시다 흠녀... 그냥 뻘쭘해서 나에게 탓을 몰았다고 생각하고 있다. 그렇지만 기분이 안좋은 것은 변함이 없다. 기분 전환할 겸 자바스크립트나 배워보도록 하자 1. 변수 프로그래밍 언어의 가장 기초적인 문법인 변수이다. 컴퓨터는 모든 데이터를 2진수로 처리한다. 즉, 메모리에 저장되는 데이터들인 숫자, 텍스트, 이미지 , 동영상 등등 모두 2진수로 메모리에 저장되는 것이다. 다음과 같이 생긴 메모리에 변수들이 저장되는 것이다. 메모리는 크기에 따라 메모리 주소가 달라지는데, 4GB에서는 저렇게 표현된다. console.log(10+20) 그럼 다음의.. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트를 배워보자 2일차 - vscode, nodejs, extension 설치 1. nodejs 설치 노드js 공식 홈페이지 : https://nodejs.org/en/ 다음의 사이트에 접속하여 nodejs LTS 버전을 설치하면 된다. (LTS는 오랜 시간 동안 시스템 관리를 해주는 버전이라고 생각하면 된다.) 모두 yes를 눌러주어 설치한 뒤에 Terminal 또는 cmd를 열어보도록 하자 다음의 명령어를 입력하여 버전이 나왔다면 제대로 설치된 것이다. node --version2. vscode 설치 가장 보편적인 에디터이다. 필자도 많이 애용하고 있는 에디터이다. vscode 공식 홈페이지 : https://code.visualstudio.com/ 해당 홈페이지에서 설치해주면 된다. 3. vscode extension 설치 nodejs code runner 설치 nodejs .. 공감수 0 댓글수 0 2021. 7. 15.
자바스크립트 1일차 - 기본 개념 1. 자바스크립트를 배워보자 내 인생에서 가장 어려운 언어를 뽑아보라고 하면, 나는 자바스크립트를 말한다. 정말 알면 알수록 뭐 뭐 이딴 언어가 다 있지 라는 생각이드는 언어이다. 오죽하면 대학교 1학년 때부터 4학년 내내 JS로 개발을 진행했는데, 막상 제일 잘하는 언어 또는 잘 알고있는 언어가 무엇이냐고 질문하면 c/c++를 언급한다. JS처럼 통통 튀는 언어를 가지고 잘한다고 말할 수 있는 사람이 몇명이나 될까 싶다. 그래서 초심 되찾기로 JS에 대해서 열심히 공부해 보는 시간을 갖기로 해보았다. 물론 현재 회사에는 C/C++ 밖에 안쓰긴 하지만, 재미로 배워보아도 좋을 것 같아서 시작한다. 2. 자바스크립트의 역사 1995년 웹 브라우저 회사인 넷스케이프 커뮤니케이션즈 에서 브라우저에서 동작하는 .. 공감수 0 댓글수 0 2021. 7. 15.

문의안내

티스토리
로그인
고객센터

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