공부 및 일상기록

실행 컨텍스트 (Execute Context) 란? 자바스크립트 코드가 평가 및 실행되는 환경의 추상적인 개념이다. 자바 스크립트에서 동작하는 어느 코드이건 실행 컨텍스트 안에서 동작한다. 실행 컨텍스트의 종류 전역 실행 컨텍스트 실행컨텍스트의 기초이다. 함수 밖에 있는 코드는 전역 실행 컨텍스트에 있다. 브라우저의 경우 window 객체를 생성하여 이를 글로벌 객체로 설정한다. 프로그램에는 오직 한개의 실행컨텍스트만 있을 수 있다. 함수 실행 컨텍스트 함수가 실행될 때마다 해당 함수에 대한 완전 새로운 실행 컨텍스트가 만들어 진다. 각 함수는 고유의 실행 컨텍스트를 갖지만, 함수가 실행되거나 call 될 때만 생성된다. 함수 실행 컨텍스트의 수는 제한이 없다. 새로운 실행 컨텍스트가 생성될 때마다 정의..

스코프 스코프는 변수에 접근할 수 있는 범위를 뜻한다. 자바스크립트에선 크게 2가지 타입의 스코프가 있다. 전역스코프 (Global scope) 말 그대로 전역에 선언되어있어 어느 곳에서든지 해당 변수에 접근할 수 있다. 지역스코프 (Local scope) 해당 지역에서만 접근할 수 있어 지역을 벗어난곳에서는 접근할 수 없다. var a = 1; // 전역 스코프 function print() { // 지역(함수) 스코프 var a = 111; console.log(a); } print(); // 111 console.log(a); // 1 위 코드에서 볼수 있듯이 전역에 선언된 a가 있어도 print() 함수 내에서 a를 재선언 하면 함수 내부에선 함수가, 외부에선 전역에 선언된 값이 따로 출력된다. ..

1. 기본형 데이터와 참조형 데이터 기본형(Primitive type) : 값을 그대로 할당 메모리 내에 고정된 크기로 저장되면서, 원시 데이터 값 자체를 보관, 불변적 기본적으로 데이터는 하나의 메모리를 사용한다.(재사용) Number String Boolean null undefined Symbol (ES6 부터 추가 되었다. 객체 속성을 만드는 데이터 타입) 참조형(Reference type) : 값이 저장된 주소 값을 할당 Array(배열) : const로 선언된 변수 배열에 Array.push를 적용할 수 있는 이유가 배열은 참조타입이기에 데이터의 주소를 대입할 수 있다. function(함수) / RegExp(정규표현식) : 문자열에 나타나는 특정 문자조합과 대응시키기 위해 사용되는 패턴 Ma..

먼저 자료형에 대하여 알아보자 Boolean (불리언) 원시 자료형 중 하나이다. true(참) 혹은 false(거짓) 값으로만 표현할 수 있다. String (문자열) 원시 자료형 중 하나 '값' 또는 "값" 와 같이 따옴표 혹은 쌍따옴표나 외따옴표를 쌍으로 값을 묶어 표현한다. Number (숫자) 원시 자료형 중 하나 10 처럼 어떠한 따옴표나 콤마 등을 넣지 않고 숫자 값으로 표현한다. 10 그리고 '10' 두 값은 다른 자료형을 가지고 있기 때문에 같다고 볼 수 없다. undefined 원시 자료형 중 하나 값이 할당되지 않은 변수는 기본적으로 undefined 값을 가진다. null 원시 자료형 중 하나 어떤 값이 비어있음을 의도적으로 표현할 때 사용된다. 1. 느슨한 타입(loosely ty..

let star_image = '⭐'.repeat(숫자) 위처럼 reapeat을 이용하여 문자열을 숫자만큼 반복 시킨다. star_image를 jQuery를 이용하여 html에 붙여 넣으면 숫자를 별점으로 만드는 기능을 할 수 있다.

먼저 입력할 html을 만든다. 여기에 만들어 보자! 현재 기온 : 이렇게 먼저 구성을 해본다. 다음은 오픈 api를 이용하여 데이터를 받아온다. 여기서는 스파르타코딩클럽에서 제공한 날씨 api를 사용한다. icon의 경우 이미지 파일이기 때문에 이미지 코드를 입력 했다. jQuery 임포트가 꼭 필요하다.

페이지가 로딩 후 실행되게 하는 jQuery 기능이 있다. $(document).ready(function () { alert('다 로딩됐다!') }); 위 코드를 복사해서 안에 붙이면 페이지가 실행될 때 알럿이 뜨게 된다.

출처 : https://velog.io/@bungouk6829/Javascript-%EC%9D%98-%EC%9E%90%EB%A3%8C%ED%98%95 1. 배열 자료형 - 배열은 [ ] 또는 newArray()로 생성하고 서로다른 타입의 변수가 들어갈 수 있다. ex) var array = newArray(2,4,5,"a",'b'); var array = [2,4,5,"a",'b'); 자주사용하는 속성과 메소드 변수명.length() : 길이 변수명.push(추가할 값) : 배열 맨 뒤에 데이터 추가 변수명.pop() : 배열 맨 뒤 데이터 제거 변수명.unshift(추가할 값) : 배열 맨 앞에 데이터 추가 변수명.shift() : 배열 맨 앞 데이터 제거 변수명.indexOf(찾을 값) : 배열 내부..