티스토리

개발 계발

검색하기

블로그 홈

개발 계발

reviewoftheworld.tistory.com/m

개발 공부!

구독자: 1

방명록 방문하기

주요 글 목록

자바스크립트 Object.defineProperty() Object.defineProperty() Object.defineProperty(obj, prop, descriptor) - 객체에 직접 새로운 속성을 정의하거나 이미 존재하는 속성을 수정하고 수정된 객체를 리턴 obj - 속성을 정의할 객체. prop - 새로 정의하거나 수정하려는 속성의 이름 또는 [Symbol] descriptor - 새로 정의하거나 수정하려는 속성을 기술하는 객체. 속성 서술자(descriptor)는 데이터 서술자(data descriptors)와 접근자 서술자(accessor descriptors) 두 가지 형식을 취할 수 있습니다. 데이터 서술자는 값을 가지는 속성을 기술할 때 사용합니다. configurable속성의 값을 변경할 수 있고, 객체에서 삭제할 수도 있으면 tru.. 공감수 0 댓글수 0 2023. 4. 10.
리액트 프레임워크 Next.js! Gatsby! Next.js, Gatsby 알아보자 리액트 프레임워크 중 대표적인 것들을 비교해보자 https://nextjs.org/ https://www.gatsbyjs.com/ 공통점으로 리액트로 프로그램을 만들면 디폴트로 클라이언트 사이드 렌더링이 된다. 즉 유저가 웹 사이트로 이동한 후에 js를 다운 받고 리액트가 UI를 빌드하게 된다. -> 인터넷 문제가 있거나 js파일에 문제가 있거나 하면 유저는 빈 화면만 보게 된다. -> 리액트만 사용해 해결해도 되지만 이 프레임워크들을 서버사이드 렌더링을 통해 문제를 해결할 수 있다. CSR의 문제점 중 하나인 SEO에 대한 문제를 프레임워크를 쓴다면 사용자에게 보여질 콘텐츠를 포함하고 있는 HTML 문서를 응답으로 전달하므로 해결할 수 있다. 👍 Next.js N.. 공감수 0 댓글수 0 2022. 6. 3.
[자바스크립트] 자바스크립트로 웹 크롤링 하기 자바스크립트로 크롤링 하기 1. 크롤링 크롤링은 웹페이지 내용을 그대로 읽어와서 원하는 내용을 추출하는 작업. 2. 필요한 라이브러리 axios - http 호출을 더 편리하게 해주는 http 클라이언트 라이브러리. cheerio - 로드된 HTML을 파싱하여 DOM을 생성하는 라이브러리. 웹브라우저에서 제공하는 DOM인터페이스와는 사용 방법이 다르지만 구현된 기능 자체는 대부분 비슷해 CSS 셀렉터 문법을 사용한 검색이 가능 3. 코드 작성 네이버에서 오늘 읽을만한 글을 크롤링하고 싶다고 가정하자. const axios = require('axios'); const cheerio = require('cheerio'); async function main(){ // html .. 공감수 0 댓글수 0 2022. 5. 27.
[자바스크립트] this this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this는 자바스크립트 엔진에 의해 암묵적으로 생성되며, 코드 어디서든 참조 가능하며 this가 가리키는 값은 호출 방식에 의해 동적으로 결정된다. // this는 어디서든지 참조 가능 // 전역에서 this는 전역 객체 window를 가리킨다 console.log(this); // window function square(number){ // 일반 함수 내부에서 this는 전역 객체 window를 가리킨다. console.log(this); // window return number * number; } square(2); const person = { name : 'lee', getName(){ // 메서드 내부.. 공감수 0 댓글수 0 2022. 4. 28.
[자바스크립트] 프로토타입 쉽게 이해하기 JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다.— 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미입니다. 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그 상위 프로토타입 객체도 마찬가지입니다. 이를 프로토타입 체인(prototype chain)이라 부르며 다른 객체에 정의된 메소드와 속성을 한 객체에서 사용할 수 있도록 하는 근간입니다https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes Prototype은 클래스, 객체의 내용 복사 없.. 공감수 0 댓글수 0 2022. 4. 23.
자바스크립트 동작 원리 자바스크립트는 동기적이고 단일 스레드 언어다. 즉 한번에 하나의 작업만 진행할 수 있다. 하지만 자바스크립트의 구동 환경의 특성으로 인해 자바스크립트에서도 비동기가 일어난다. Memory Heap - 변수와 객체의 메모리 할당을 담당하는 곳 Call Stack - 함수가 호출이 되면 쌓이는 곳. 함수가 쌓이는 순서와는 반대로 실행 Web APIs - 브라우저에서 제공하는 APIs. 자바스크립트(JavaScript) 코드를 사용하여 접근할 수 있으며 window나 element에 대한 간단한 작업에서부터 WebGL이나 Web Audio와 같은 API를 사용해 복잡한 그래픽 및 오디오 효과를 만들어내는 것까지 가능 Event Loop - call stack이 비어있을 경우 callback queue에서 함수.. 공감수 0 댓글수 0 2022. 4. 20.
[자바스크립트] 옵셔널 체이닝 ✅ 옵셔널 체이닝 연산자(?.) - ES11에 도입되었으며 좌항의 연산자가 null 또는 undefined인 경우 undefined를 반환하고, 아닌 경우 우항의 프로퍼티를 참조! - 객체를 가리키기를 기대하는 변수가 null 또는 undefined가 아닌지 확인하고 프로퍼티를 참조할 때 유용 let ob = null; let cob = ob?.name; // 좌항의 연산자가 null 이기 때문에 undefined를 반환 console.log(cob) ob = {age:12}; cob = ob?.name; // 좌항의 연산자가 undefined 또는 null이 아니지만 객체 안에 name 프토퍼티가 없기 때문에 undefined 반환 console.log(cob) // undefined cob=ob?.a.. 공감수 0 댓글수 0 2022. 3. 28.
[자바스크립트] Promise Promise Promise 자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있는 Object로 콜백함수의 단점을 보완(fetch 함수는 Promise 객체를 리턴) Promise 생성자를 보면 executor라는 콜백 함수를 전달하는데 이 콜백함수는 또 다른 두가지의 콜백함수(기능을 정상적으로 수행해서 마지막에 데이터를 전달하는 resolve, 기능에 문제가 생기면 호출하는 reject)를 받는다. //promise를 만드는 순간 전달한 executor가 바로 실행(네트워크 통신을 작성한다면 바로 실행된다(원하지 않아도)) const promise = new Promise((resolve, reject) => { console.log('promise'); }); const promi.. 공감수 0 댓글수 0 2022. 2. 6.
[자바스크립트] this this 1. this 키워드 객체 - 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referencing variable)다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this는 자바스크립트 엔진에 의해 암묵적으로 생성되며, 코드 어디서든 참조 가능하며, 함수를 호출하면 arguments 객체와 this가 암묵적으로 함수 내부에 전달된다. this가 가리키는 값, 즉 this 바인딩(식별자와 값을 연결하는 과정)은 함수 호출 방식에 의해 동적으로 결정된다. // 객체 리터럴의 메서드 내부에서는의 th.. 공감수 0 댓글수 0 2021. 12. 14.
[자바스크립트] 빌트인 객체 빌트인 객체 1. 자바스크립트 객체의 분류 표준 빌트인 객체 - ECMAScript 사양에 정의된 객체, 애플리케잉션 전역의 공통 기능을 제공 호스트 객체 - ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행환경에서 추가로 제공하는 객체 사용자 정의 객체 - 사용자가 직접 정의한 객체 2. 표준 빌트인 객체 자바스크립트는 Object, String, Number, Boolean, Symbol, Math, Reflect, JSON, Proxy 등 40여 개의 표준 빌트인 객체를 제공한다. Math, Reflect, JSON을 제외한 표준 빌트인 객체는 모두 인스턴스를 생성할 수 있는 생성자 함수 객체다. 생성자 함수 객체인 표준 빌트인 객체는 프로토타입 메서드와 정적 메서드를 제공, 생성자.. 공감수 0 댓글수 0 2021. 12. 13.
[자바스크립트] strict mode strict mode 1. strict mode란? strict mode는 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다. 'use strict'; // 하지 않으면 자바스크립트는 x 변수를 암묵적으로 전역 변수처럼 사용할 수 있기 때문에 콘솔에 10이 찍힌다 function foo(){ x = 10; } foo(); console.log(x); // x is not defined 2. strict mode의 적용 strict mode를 적용하려면 전역의 선두 또는 함수 몸체의 선두에 'use strict';를 추가한다. 'use stri.. 공감수 0 댓글수 0 2021. 12. 9.
[자바스크립트] 프로토타입 프로토타입 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 "모든 것"이 객체다. 1. 객체지향 프로그래밍 객체지향 프로그래밍 - 여러 개의 독립적인 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임 // 이름과 주소 속성을 갖는 객체 const person = { name : 'Lee', address : 'seoul' } 프로그래머(subject, 주체)는 이름과 주소 속성으로 표현된 객체(obejct)인 person을 다른 객체와 구별하여 인식할 수 있다. 객체 - 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조 객체지향 프로그래밍은 독립적인 객체의 집합으로 프로그램을 표현하려는 프로그램이 패러다임이다... 공감수 0 댓글수 0 2021. 12. 9.
[자바스크립트] 함수와 일급 객체 함수와 일급 객체 일급 객체 일급 객체 - 다음과 같은 조건을 만족하는 객체 무명의 리터럴로 생성(런터임에 생성 가능) 변수나 자료구조(객체, 배열 등)에 저장 가능 함수의 매개변수에 전달 가능 함수의 반환값으로 사용 가능 // 1. 함수는 무명의 리터럴로 생성 // 2. 함수는 변수에 저장 가능 // 런타임(할당 단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당 const increase = function(num){ return ++num; } const decrease = function(num){ return --num; } // 3. 함수는 객체에 저장 가능 const predicates = {increase, decrease}; predicates // {increase: ƒ,.. 공감수 0 댓글수 0 2021. 12. 6.
[자바스크립트] 생성자 함수에 의한 객체 생성 생성자 함수에 의한 객체 생성 1. Object 생성자 함수 생성자 함수(constructor) - new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수 생성자 함수에 의해 생성된 객체를 인스턴스(instance)라 한다. 자바스크립트는 String, Number, Boolean, Fucntion, Array, Date, RegExp, Promise 등의 생성자 함수 제공 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다. // 빈 객체 생성 const person = new Object(); // 프로퍼티 추가 person.name = 'Lee'; person.sayHe.. 공감수 0 댓글수 0 2021. 12. 1.
[자바스크립트] 프로퍼티 어트리뷰트 프로퍼티 어트리뷰트 1. 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECAMScript 사양에서 사용하는 의사 프로퍼티(pseudo property)와 의사 메서드(pseudo method)다. ECMAScript 사양에 등장하는 이중 대괄호([[...]])로 감싼 이름들이 내부 슬롯과 내부 메서드다. https://262.ecma-international.org/11.0/#sec-object-type 자바스크립트는 내부 슬롯과 내부 메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지 않지만 일부에 한하여 간접적으로 접근할 수 있는 수단을 제공한다. 2. 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 프로퍼티 어트리뷰트 - 자바스크립트.. 공감수 0 댓글수 0 2021. 12. 1.
[자바스크립트] const, let 키워드 let, const 키워드와 블록 레벨 스코프 1. var 키워드로 선언한 변수의 문제점 변수 중복 선언 허용 var x = 1; var y = 2; //var 키워드로 선언된 변수는 스코프 내에서 중복 선언 허용 // 초기화문 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드 없는 것처럼 동작 var x = 100; //초기화문이 없는 변수 선언문의 무시됨. var y; x // 100 y // 2 함수 레벨 스코프 var 키워드로 선언한 변수는 함수의 코드 블록만은 지역 스코프로 인정(함수 내부 제외한 나머지는 모두 전역 변수) var i = 1; for(var i = 0; i < 5, i++){ console.log(i); } i // 5 변수 호이스팅 변수 호이스팅 - 변수 선언문이 코드.. 공감수 0 댓글수 0 2021. 11. 30.
[자바스크립트] 전역 변수의 문제점 전역 변수의 문제점 1. 변수의 생명주기 지역 변수의 생명주기 생명주기 - 변수는 생물과 유사하게 생성되고 소멸된다. why? 생명 주기가 없다면 한번 선언된 변수는 프로그램을 종료하지 않는 한 계속 메모리 공간을 점유하기 때문 전역 변수의 생명 주기는 애플리케이션의 생명 주기와 같고, 지역 변수는 함수가 호출되면 생성되고 함수가 종료하면 소멸한다. -> 지역 변수의 생명 주기는 함수의 생명 주기와 일치 함수 내부에서 선언한 지역 변수는 런타임 이전 단계에서 자바스크립트 엔진에 의해 실행되는 전역 변수와 다르게 함수가 호출된 직후 함수 몸체의 코드가 한 줄씩 순차적으로 실행되기 이전에 자바스크립트 엔진에 의해 먼저 실행된다. 전역 변수의 생명 주기 var 키워드로 선언한 전역 변수는 전역 객체의 프로퍼티.. 공감수 0 댓글수 0 2021. 11. 29.
[자바스크립트] 스코프 스코프 1. 스코프란? 스코프 - 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. -> 식별자가 유효한 범위 식별자 결정 - 자바스크립트 엔진은 이름이 같은 변수중에서 어떤 변수를 참조해야 할 것인지를 결정해야 한다. var x = 'global'; function foo(){ var x = 'local'; console.log(x)//① } foo(); console.log(x);//② 위의 예제에서 코드 가장 바깥 영역의 변수 x는 어디서든 참조할 수 있지만 foo 함수 내부에서 선언된 변수 x는 foo 함수 내부 에서만 참조할 수 있고 외부에서는 참조할 수 없다. -> .. 공감수 0 댓글수 0 2021. 11. 26.
[자바스크립트] 함수2 함수 6. 참조에 의한 전달과 외부 상태의 변경 원시 값은 값에 의한 전달, 객체는 참조에 의한 전달 방식으로 동작 매개변수도 함수 몸체 내부에서 변수와 동일하게 취급되므로 매개변수도 타입에 따라(원시,객체) 값에 의한 전달, 참조에 의한 전달 방식을 따른다. //primitive는 원시 값을 전달 받고, obj는 객체를 전달 받음 function changeVal(primitive, obj){ // 원시 타입 인수는 값 자체가 복사되어 매개변수에 전달 -> 원본값 훼손시키지 않음 // 객체 타입 인수는 참조 값 복사되어 매개변수에 전달 -> 원본 변경 가능 primitive+=100; // -> 원시 값은 재할당을 통해 할당된 원시 값은 새로운 원시 값으로 교체 why? 원시 값은 변경 불가능한값 ob.. 공감수 0 댓글수 0 2021. 11. 25.
[자바스크립트] 함수 1 함수 1. 함수란? 함수 - 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것 매개변수(parameter) - 함수 내부로 입력을 전달받는 변수 인수(argument) - 입력 값 반환값(return value) - 함수의 출력 값 함수 이름 - 특정 함수를 구별하기 위한 식별자 2. 함수를 사용하는 이유 코드의 재사용 - 함수는 몇 번이든 호출할 수 있음. 유지보수의 편의성 - 코드의 중복을 억제하고 재사용성을 높임. 코드의 가독성 - 적절한 함수 이름은 코드를 이해하지 않더라도 함수의 역할을 파악할 수 있도록 함. 3. 함수 리터럴 리터럴 - 값을 생성하기 위한 표기법 자바스크립트의 함수는 객체 타입의 값.(함수 리터럴도 평가되어 값을 생성하며 이 .. 공감수 0 댓글수 0 2021. 11. 24.
[자바스크립트] 원시 타입와 객체 비교 원시 값과 객체의 비교 원시 타입의 값은 변경 불가능한 값 / 객체 타입의 값은 변경 가능한 값 원시 값을 변수에 할당하면 변수(메모리 공간)에는 실제 값이 저장 / 객체를 변수에 할당하면 변수에는 참조 값이 저장 원시 값 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달 -> 다른 메모리 주소를 사용 / 객체 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달 -> 변수가 저장된 메모리 공간은 다르지만 같은 참조 값. 즉 객체 값을 공유함. 원시 값 변경 불가능한 값 원시 타입 값은 재할당하면 메모리 공간에 저장되어 있는 재할당 이전의 원시 값을 변경하는게 아니라! 새로운 메모리 공간을 확보하고 재할당한 원시 값을 저장한 후, 변수는 새롭게 재할당한 원시 값을 가리킨다. -> 메모리.. 공감수 0 댓글수 0 2021. 11. 23.
자바스크립트 객체 리터럴 객체 리터럴 1. 객체란? 자바스크립트는 객체기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 모든 것은 객체이다. 객체 - 관련된 데이터와 함수(프로퍼티, 메소드)의 집합. 여러 속성(프로퍼티)을 하나의 변수에 저장할 수 있도록 해주며 key/value의 구조로 저장됨. 함수도 프로퍼티 값으로 사용됨(일반 함수와 구분하기 위해 메서드method라 부름) -> 메서드는 객체에 묶여 있는 함수를 의미 var counter = { num : 1, increase : function(){ this.num++;//this는 counter 객체를 가리킴 } }; 2. 객체 리터럴에 의한 객체 생성 프로토타입(prototype) - 자바스크립트의 모든 객체는 프로토타입이라는 객체를 가지고 있다. 모든 객체는.. 공감수 0 댓글수 0 2021. 11. 22.
자바스크립트 타입변환, 단축 평가 타입 변환과 단축 평가 1. 타입 변환이란? 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것 명시적 타입 변환explicit coercion(타입 캐스팅type casting) - 개발자의 의도에 따라 다른 타입으로 변환 var num = 3; //숫자를 문자열로 타입 변환 -> 기존의 변수 값의 변화는 주지 않음 var toString = num.toString(); 암묵적 타입변환implicit coercion(타입 강제 변환type coercion) - 표현식 평가 도중 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환 var num = 10; //기존의 변수 값 변경X var toString = num + ''; 2. 암묵적 타입 변환 문자열 타입으로 변환 +연.. 공감수 0 댓글수 0 2021. 11. 19.
자바스크립트 제어문 살펴보기! 제어문 제어문(control flow statement) - 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문) 할 때 사용. 제어문을 사용하여 코드의 실행 흐름을 인위적으로 제어 1. 블록문 블록문(block statement/compound statement) - 0개 이상의 문을 중괄호로 묶은 것. 코드 블록 또는 블록이라고 부르기도 함. // 블록문 { var foo = 10; } // 제어문 var x = 1; if(x < 10) { x++; } // 함수 선언문 function start(a,b){ return a+b; } 2. 조건문 조건문(conditional statement) - 주어진 조건식(conditional expression)의 평가 결과에 따라 코드 블록(블록문).. 공감수 0 댓글수 0 2021. 11. 18.
연산자 연산자 연산자 - 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만듦. 이때 연산의 대상을 피연산자(값으로 평가될 수 있는 표현식)이라 함. 1. 산술 연산자 산술 연산자(arithmetic operator) - 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만듦. 산술 연산지 불가능한 경우 NaN을 반환. 1. 이항 산술 연산자 이항(binary) 산술 연산자 - 2개의 피연산자를 산술 연산하여 숫자 값을 만듦. 이항 산술 연산자는 피연산자의 값을 변경하는 부수 효과 없이 새로운 값을 만든다. 이항 산술 연산자의미부수 효과 + 덧셈 X - 뺼셈 X * 곱셈 X / 나눗셈 X % 나머지 X 2. 단항 산술 연산자 단항 산술 연산자의미부수.. 공감수 0 댓글수 0 2021. 11. 17.
데이터 타입! 데이터 타입 자바스크립트의 모든 값은 데이터 타입을 갖는다 구분 데이터 타입 설명 원시타입 숫자number 타입 숫자. 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열string 타입 문자열 불리언boolean 타입 논리적 참(true)와 거짓(false) undefined 타입 undefined null 타입 null 심벌symbol 타입 ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 1. 숫자 타입 자바스크립트는 모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터타입이 별도로 존재하지 않는다. //모두 숫자 타입이다. var integer = 100; // 정수 var double = 0.1; // 실수 var negative = -10; // 음의 정수 정수, 실수, .. 공감수 0 댓글수 0 2021. 11. 16.
표현식과 문! 표현식과 문 개념을 이해한다는 것은 용어를 정확히 이해하고 설명할 수 있다는 것 1. 값 값(value) - 식(표현식 expression)이 평가(evaluate)되어 생성된 결과 평가 - 식을 해석해서 값을 생성하거나 참조하는 것 참조 - 변수에 저장된 값을 읽어 들이는 것 //10 + 20은 평가되어 숫자 값 30을 생성한다. 10 + 20; // 30 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석 (ex 0100 0001 숫자로 해석하면 65, 문자로 해석하면 'A') 값은 다양한 방법으로 생성하지만 기본적인 방법은 리터럴을 사용하는 것 2. 리터럴 리터럴(literal) - 사람이 이해할 수 있는 문자 또는 약속된.. 공감수 0 댓글수 0 2021. 11. 15.
자바스크립트의 변수! 변수 1. 변수란 무엇이고? 왜 필요한가 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체 메모리 셀 하나의 크기는 1바이트이며, 컴퓨터는 메모리 셀의 크기로 데이터를 저장하거나 읽어 들인다. 각 셀은 메모리 공간의 위치를 나타내는 메모리 주소를 가진다. 컴퓨터는 모든 데이터를 2진수로 처리 -> 숫자, 텍스트, 이미지, 동영상 등 ex) 10,20 같은 값도 2진수로 저장됨(위의 그림은 편의상 10진수로 표기) 10 + 20 위 코드처럼 컴퓨터에서 실행을 하면 연산을 실행하고 결과도 메모리에 저장한다. 문제점 -> 결과값을 재사용 할 수 없음 위처럼 연산을 했다는 것은 그 결과가 필요하고 사용하겠다는 것인데 메모리 공간에 직접 .. 공감수 0 댓글수 0 2021. 11. 12.
ES6. includes()로 존재 여부를 확인하라 string.indexOf(searchvalue,position) - indexOf 함수는 문자열에서 특정 문자열(searchvalue)를 찾고, 검색된 문자열이 첫번째로 나타나는 위치 index를 리턴 - searchvalue : 필수값, 찾을 문자열 - position : 기본값은 0, string에서 searvalue를 찾기 시작할 위치 const sections = ['shipping']; function displayShipping(sections){ if(sections.indexOf('shipping')){ return true; } return false; } -> if(0)이 되므로 false값을 반환하게 된다 - includes() 배열 메서드를 이용하면 값이 배열에 존재하는지에 따라 .. 공감수 0 댓글수 0 2021. 8. 5.

문의안내

티스토리
로그인
고객센터

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