개발캡슐

Chap 1. 3값은 타입을 가진다 3. 값은 타입을 가진다 - 자바스크립트에서는 값에는 타입이 있지만, 변수에는 별도의 타입이 존재하지 않아. - 변수는 언제라도 어떤 형태의 값이라도 가질 수 있어. 또한, 자바스크립트는 타입 강제(Type Enforcement)를 하지 않아. - 변수에 처음 할당된 값과 동일한 타입일 필요없어. 예를 들어, 문자열을 넣었다가 나중에 숫자를 넣어도 상관없어. -숫자 42는 내장된 숫자 타입의 값이야. 이 타입은 변경할 수 없어. - 반면, "42"는 문자열 타입의 값이지만, 강제 변환을 통해 숫자 42로 생성될 수 있어. - 변수에 typeof 연산자를 사용하는 건 "이 변수의 타입은 무엇이니?"라는 질문과 같지만, - 실제로 변수에 타입이 존재하지 않으닌까 "이 변수..

Chap1. 타입과 문법 Chap1. 타입 ECMA 표준 명세서 5.1에 따르면, 자바스크립트에서 사용되는 모든 값은 타입이 존재해. 이 타입은 ECMAScript 언어 타입과 명세 타입으로 분류돼. ECMAScript 언어 타입에는 Undefined, Null, Boolean, String, Number, Object가 있어. 타입이란 개념은 자바스크립트 엔진과 개발자 모두가 어떤 값을 다른 값과 분별할 수 있는, 고유한 내부 특성의 집합이라고 정의해. 따라서, 자바스크립트에는 '타입'이 존재하고, 이를 하위 타입(Subtype)이나 태그(Tag)로 부르는 경우도 있어. 이건 명세에서 정의한 타입의 개념과 다르지 않아. 자바스크립트는 기계와 사람이 모두 이해할 수 있는 값을 다루기 위해 타입이 존재해...

순수함수 순수함수(pure function) - 어떤 외부 상태에 의존하지않고 변경하지도 않는, 부수 효과가 없는 함수야. 즉, 동일한 인수가 전달되면 언제나 동일한 값을 반환하고 전달된 인수에게만 의존해 반환값을 만들어. - 부작용(side-effect)이 없는 함수, 즉 함수의 실행이 외부에 영향을 끼치지 않는 함수야. 그래서 순수 함수는 스레드 안전하고, 병렬적인 계산이 가능해. 외부 상태 : 전역 변수, 서버 데이터, 파일, Console, DOM 등이 있어. 스레드 안전 - "하나의 함수"가 한 스레드로부터 "호출"되어 실행 중일 때, "다른 스레드가 그 함수를 호출"하여 "동시에 함께 실행"되더라도 각 스레드에서의 함수의 "수행 결과가 올바로 나오는" 것. - return 값으로만 소통해. -..

const const const는 constant의 줄임말이자 "상수"라는 뜻이야. 상수란 변하지 않는 값을 의미하지. 재할당 되지않는 값인 상수를 변수로 선언하기 위한 키워드고. 하지만 상수의 값을 바꾸는 코드인, 배열 혹은 객체를 조작해도 에러가 나지 않아. 배열과 객체를 const 선언할 때는 요소나 속성을 추가, 수정, 삭제가 가능해. 왜일까? 배열, 객체를 const로 선언했는데 요소나 속성 등의 값이나 데이터를 추가(&수정, 삭제)할 수 있는 이유? 상수는 재할당에 의해 변경될 수 없고, 상수는 재선언 될 수 없어. 따라서 const로 선언한 배열 또한 재할당과 재선언이 될 수 없어. 하지만 - const 변수에 할당된 값은 바뀌진 않지만, 배열/객체가 변수에 할당될 때는 배열/객체의 요소(값..

require, import require, import require, import 두 개의 키워드는 모두 하나의 파일에서 다른 파일의 코드를 불러온다는 동일한 목적을 가지고 있어. 기본적으로 MomentJS라는 라이브러리를 불러오는 동일한 작업을 수행하지. 동일한 목적이지만 다른 문법을 가지고 있어. require - NodeJS에서 사용되고 있는 CommonJS키워드야. - CommonJS방식을 따른 첫번째 코드는 require키워드를 사용해서 다른 변수를 할당하듯이 모듈을 불러와. - 주의사항으로, CommonJS방식으로 모듈을 내보낼 때는 특정 변수나 그 변수의 속성으로 내보낼 객체를 세팅해줘야 해. (ES6처럼 명시적으로 선언하는 게 아니야.) 1. 여러 개의 객체를 내보낼 경우, export..

this this 키워드 - this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referenceing variable)이야. - 동작을 나타내는 메서드는 자신이 속한 객체의 상태(프로퍼티)를 참조하고 변경 할 수 있어야 해. 이때, 자신이 속한 객체를 가리키는 식별자를 참조할 때 자기 참조 변수로 this를 사용해. 객체 리터럴에서 this를 사용하는 예제 //객체 리터럴 const circle = { radius: 5, getDiameter() { //this는 메서드를 호출한 *객체를 가리켜. // this => circle (radius를 가진 circle이란 객체) return 2 * this.radius; } }; console.log(circle.ge..

Javascript 기초 그리고 React(Feat. 반복문과 로직, 수학?) 어려워도 익히면 익힐수록 재밌어. 변태같지만 잠을 안 자도 되고 안 먹어도 된다면 하루 죙일 하고싶어. 바로 javascript야. 알고리즘..js 잘 못 풀고 남들에 비해 이해력이 부족해서 항상 2배는 해야할 거 같아. js기초와 리액트 그리고 진도 안 맞는 스터디를 하면서ㅋㅋㅋ할 게 몇 개는 늘었지만 그래도 좋아. - 3주차에 들어서서 언어 주특기 React 입문 발제를 했어. 친절한 듯 아닌 듯한 심플한 강의 자료와 공식문서, 유튜브를 오가면서 공부하고 있어.는 아직 2일차지만 역시 나는 손코딩해야 좋더라..ㅎㅎ 하루 죙일 알고리즘 문제만 풀고싶기도 해. 쉬는 날에도 코딩 얘기하면서 음악 얘기하면서 음악을 코딩을 짜면 어..

3. 함수 ㅇ 반복되는 코드를 하나로 묶거나, 의미를 부요하고 역할을 나누기 위해 사용해. ㅇ 변수 선언, 조건문과 더불어 가장 많이 사용할 문법이야. ㅇ 기본 형태 function 함수이름(인자1, 인자2, 인자3) { //명령문 } 함수이름(인수1, 인수2, 인수3); // 명령문에 있는 내용을 실행해. ㅇ 인자(Parameter 또는 매개변수) : 함수를 호출할 때 전달받기 위해 지정한 변수를 뜻하고 몇개든 콤마를 이어붙여 입력받을 수 있어. : 인자에 전달하는 값 그 자체라고 할 수 있어. ㅇ 함수는 return 키워드로 값을 반환해. 4. 화살표 함수 ㅇ ES6에서 새롭게 추가된 문법인 화살표 함수(Arrow function) ㅇ 문법의 생김새처럼 화살표 모양을 하고 있어 이러한 이름이 붙었어...

2. 반복문 ㅇ 모든 반복문은 기본적으로 특정 구문을 반복할 때 써 for문 ㅇ 모든 for문은 조건문 위치에 있는 값이 Truthy한 경우 계속 반복 돼. ㅇ 조건이 처음부터 만족하지 않으면 반복문은 실행되지않아. ㅇ 기본적인 형태 for ( 초기화 구문; 조건문; 증감문) //명령문 ㅇ if문과 마찬가지로 Block 또한 쓸 수 있어. for (초기화 구문; 조건문; 증감문) { //명령문 } 초기화 구문 실행 ㅇ 초기화 구문 실행 let i = 0; 구문에 의해 i라는 변수가 선언된거야. 이 변수는 for문 밖에서 쓸 수 없어. ㅇ 조건문 검사 i는 0이므로 i < 3 코드를 0 < 3으로 보면 돼. 0보다 3이 커서 조건은 true로 평가 돼. ㅇ 명령문 실행 조건문이 true로 평가되고 명령문을..

Javascript 기초 문법 (2) 1. 논리 연산자 && (AND 연산자) ㅇ 형태 :조건1 && 조건2 ㅇ 조건1,2엔 모든 자료형의 값을 넣을 수 있고 불리언 연산이 적용돼. ㅇ 연산자 양쪽에 값 모두 Truthy해야 AND 연산자의 결과물도 Truthy해. ㅇ Truthy && Truthy -> 결과 : Truthy Truthy && Falsy -> 결과 : Falsy => 순서 상관없이 조건에 Falsy가 있다면 항상 Falsy한 결과가 나와. ㅇ 조건은 여러개 사용할 수 있어. Chaining이라고 해. -> &#39;String&#39; && true && [] && {} && undefined => 결과 : undefined -> &#39;String&#39; && false && [] ..