변수란? 컴퓨터는 CPU를 통해서 연산하고 메모리를 사용해서 데이터를 기억한다. Memory란? 데이터를 저장할 수 있는 메모리 셀의 집합체다. -> 크기는 1byte이고 쉽게 말하자면 원룸을 생각하면된다. 1바이트 단위로 데이터를 저장하거나 읽어들인다. 0x000.. / 0x..f2 이런 주소를 가진 메모리가 있고 그 메모리셀안에 데이터가 저장되있는 형식이다. 위 그림은 아래 출처에서 가져온 것이다. 왼쪽에 메모리 주소가 있고 메모리에 undefined, 80 같은 data가 저장되있는것이다. 각 셀은 고유의 메모리 주소를 가진다. -> 주소는 메모리 공간의 위치를 나타낸다 ( Post Code로 생각하면 편함) 4GB메모리는 0x00..~0xFF.. 의 주소를 가진다 (엄청 많음) 그리고 컴퓨터는 우..

JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고 null이 존재합니다. https://developer.mozilla.org/ko/docs/Glossary/Primitive 원시 값 - 용어 사전 | MDN JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고..

자바스크립트 비동기 처리방식중 하나 async추가 => Promise 반환 async & await의 기본적인 문법 구조 async function 함수명() { await 비동기_처리_메서드_명(); } 먼저 함수의 앞에 async 라는 예약어를 붙이고 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙인다. [!주의] 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한 대로 동작한다. 일반적으로 await의 대상이 되는 비동기 처리 코드는 Axios 등 프로미스를 반환하는 API 호출 함수다. * fetch를 호출하게 되면 브라우저는 네트워크 요청을 보내고 Promise가 반환된다. 그래서 .then 메서드를 통해서 반환 받은 Promise를 사용하는 ..

1) Vue의 기본적인 특징 SPA SPA(Single Page Application)은 기본적으로 웹 애플리케이션에 필요한 모든 정적 리소스들을 한번에 다운 --> 새로운 페이지 요청시 페이지 갱신에 필요한 데이터만을 전달받아서 페이지를 갱신시킴 -단점 초기에 다 다운로드 받기에 초기 구동속도가 당연히 느리다 SEO(Search Engie Optimization) -> 검색엔진 최적화 (역할: 구글이나 네이버와 같이 검색엔진으로 웹 사이트를 검색했을 때 결과를 페이지 상단에 노출시켜줘서 사용자의 유입을 이끌어 내도록 최적화 하는법) ex) Junior Developer J Portfolio => 검색시 검색엔진위쪽에 나타나도록 하는것 2)MVVM 디자인 패턴 프레임워크 (Model , View , Vi..

[1] : 프로토타입이란? 자바스크립트는 프로토타입 기반의 언어이다. -> 이를 기반으로 확장과 재사용성을 증가시킴. Prototype: 원형 즉 객체의 원형을 가지고 새로운 객체를 생성해가는 프로그래밍 방식 생성된 객체는 자기자신의 프로토타입을 갖는다 --> 자기 부모(원형)을 안다. [2]: Prototype / Class 지금의 자바스크립트는 Class를 문법적으로 지원하기 시작했지만 근본은 Prototype임 Prototype 객체는 new 연산자에 의해서 생성된 객체 -> 공유 property,method등을 제공하기 위하여 사용 # 객체에 hasOwnProperty 추가 자바스크립트 함수의 내부와 객체간의 관계 [1] 함수가 만들어지고 수행 -> Food라는 함수를 만듬 [Food 프로토타입 ..

set()이란? 배열과 유사하지만, 중복을 허용하지 않는다는 특징 [1] set-> 집합 -> key,value의 쌍이 있다면 value들의 집합 또는 컬렉션 ==> 파이썬 set 연상 [2] 특징 => set은 같은 값을 중복해서 가질 수 없다. 중복해서 같은 값을 추가해봤자 추가되지 X --> 그래서, 이러한 성질을 이용하여 중복을 제거하는 용도로도 많이 쓰임. [3] 사용 add/ size/ delete/ clear 메서드들을 사용한다. #사용법 let ar3=new Set(); ar3.add('A'); ar3.add('B'); ar3.add('C'); ar3.add('C'); console.log(ar3); // Set(3) {'A', 'B', 'C'} console.log(ar3[1]); //u..