헬로,재민

var은 나가 있어 뒤지기 시르면 15.1  var 키워드로 선언한 변수의 문제점 var 키워드는 ES5까지에선 원탑 오브 원탑 아니 경쟁자가 없는 일황이였다 왜? 변수 선인 시 유일한 방법이였으니까~ 근데 이게 조금 문제를 야기할 수 있다 1. 변수 중복 선언 허용 var a = 1; var b = 1; ... var a = 100; console.log(a, b); // 100 1 위 코드는 문제가 일어나지 않는다 var키워드로 선언한 변수는 중복 선언이 가능하기 때문이다. 위 예제와 같이 만약 동일한 이름의 변수가 이미 선언되어 있는 것을 모르고 변수를 중복 선언하면서 값까지 할당했다면 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생한다. 15.1.2.함수 레벨..

모던 자바스크립트 2024. 5. 8. 16:45

0. 라이브러리와 프레임워크  라이브러리 - 자주 사용하는 로직들의 묶음판매, 필요한 기능을 골라골라~ 사용해~~ 프레임워크 - 어플리케이션의 기본구조와 규칙을 제공 - 뼈대,틀을 이미 만들어서 써라! 이 뜻.                      제공된 구조 속에서 필요한 기능을 추가하고 수정해서 완성!   1. React는 무엇일까? React는 웹 프레임워크로,자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. - 출처 : 위키백과 UI 자바스크립트로써 싱글 페이지 애플리케이션(SPA)의 UI를 생성하는데 집중한 라이브러리 싱글페이지 라이브러리? SPA서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성하여 사용자와 소통하는 웹사이트 HTML, Jav..

프론트엔드 2024. 4. 27. 21:20

자바스크립트의 주인공 "함수"등장! 함수는 스코프, 실행 컨텍스트, 클로저, 생성자 함수에 의한 객체 생성, 메서드 등 모두 함수와 깊은 연관을 가지고 있다. 수학의 함수는 입력을 받아 출력을 내보내는 일련의 과정을 정의한 것이다. 프로그래밍 언어의 함수도 수학의 함수와 같은 개념이다. f(x,y) = x + y를 자바스크립트의 함수로 표현해 보자 // f(x+y) = x + y function add(x,y){ return x + y; } add(2,5); //f(2,5) = 7 프로그래밍 언어의 함수는 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수는 아래 3가지로 이루어져 있다. 매개변수 parameter -> function add(..

모던 자바스크립트 2024. 4. 17. 16:32

프로퍼티 + 매서드 = 객체 1. 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어 -> 자바스크립트를 구성하는 거의 모든것이 객체 (원시값을 제외한 나머지 모두가 객체! - 6장장 데이터타입을 보고오시오!) 원시타입은 값을 하나만 가진다, 그리고 변경이 불가능한 값 객체타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이다 , 변경이 가능한 값 객체는 0개 이상의 프로퍼티로 구성된 집합 프로퍼티는 키와 값으로 구성 자바스크립트에서 사용하는 모든값이 프로퍼티값이 될 수 있다 프로퍼티값이 함수이면 우린 그것을 "메서드"라고 부른다 프로퍼티: 객체의 상태를 나타내는 값(data) 메서드: 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작(behavior) 2. 객체 리터럴에 의한 객체 ..

모던 자바스크립트 2024. 4. 9. 18:51

" > - 20 // 문자열 연결 연산자 'My name is' + 'Lee' // -> 'My name is Lee' // 할당 연산자..

모던 자바스크립트 2024. 4. 2. 16:32

5장에서 얘기가 나온듯이 메모리안에 "값"을 넣는데 그 값이 데이터타입에 따라 숫자가 될지 문자가 될지 정해진다. 그 "데이터 타입"에 대해 알아보자. 값을 종류 "데이터 타입" 자바스크립트의 모든 값은 데이터 타입을 갖는다 ES6는 7가지의 데이터 타입을 제공한다. 원시 타입과 객체타입으로 나뉘어진다. 1. 숫자 타입 C나 Java에서는 정수(int/long), 실수(float/doubl)를 자료형을 제공한다. 하지만 자바스크립트는 숫자타입만을 제공한다. ECMAScript 사양을 따르면 모든 수를 실수로 처리하고 정수만 표현하기 위한 데이터 타입이 별도로 존재하지 않는다 var integer = 10; // 정수 var double = 10.12; // 실수 var negative = -20; // ..

모던 자바스크립트 2024. 3. 28. 22:59

개념을 이해하는 건 용어를 정확하게 이해하고 누군가에게 설명할 수 있다라는 뜻. 1. 값 값은 식이 평가되어 생성된 결과. 평가는 식을 해석해서 값을 생성하거나 참조(가져오기) 하는것을 의미 // 10 + 20은 평가되어 숫자 값 30을 생성한다. 10 + 20; //30 모든값엔 데이터 타입을 가진다 -> 데이터 타입에 따라 해석이 다양하게 나옴 ex) 0100 0001 이 메모리에 저장되서 int면 65 char 이면 A이다 변수는 값을 저장하기 위해 메모리공간을 확보하거나 식별(식별자)하기 위해 붙힌 이름 변수에 할당되는 것은 값이다 // 변수에는 10 + 20은 평가되어 숫자 값 30을 할당된다. var sum = 10 + 20; //30 2. 리터널 리터럴은 사람이 이해할 수 있는 문자 또는 약..

모던 자바스크립트 2024. 3. 28. 22:58

내 인생이 변수다 1. 변수란 무엇인가? 왜 필요한가? 애플리케이션은 데이터를 다룬다. 아무리 복잡한 애플리케이션이라도 데이터를 입력 받아 처리하고 출력하고 있다 변수란 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. 10 + 20 자바스크립트 엔진이 위 자바스크립트 코드를 계산(평가) 하려면 먼저 10. 20. + 라는 기호(리터럴과 연산자)의 의미를 알고 있어야 하며, 10+20이라는 식(표현식)의 의미도 해석할 수 있어야 한다. 사람들은 숫자를 기억하고 연산하는것이 모두 두뇌에서 하지만, 컴퓨터는 연산과 기억을 수행하는 부품이 나눠져 있다. - 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다. 메모리 셀 하나..

모던 자바스크립트 2024. 3. 27. 16:52