일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- rerender
- 함수선언식
- 객체
- 객체 리터럴
- 개발자
- object
- Object in Object
- Object Type
- 회고
- Object.is
- 객체 속 객체
- 옵셔널 체이닝 연산자
- useState
- Java Script
- 함수호이스팅
- 지역스코프
- type script
- Type {children: Element} has no properties in common with type IntrinsicAttributes
- 모던 자바스크립트 Deep Dive
- til
- 모던자바스크립트 Deep Dive
- 2023 회고
- 이직
- 개발자 회고
- null 병합 연산자
- react
- 전역스코프
- 23년 상반기
- mobx react
- 모던자바스크립트
- Today
- Total
목록Study (8)
Pie_Archive
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 데이터 타입을 배울때 6개의 원시타입과 객체타입 까지 총 7개의 타입을 학습했다. 근데 왜 객체만 따로 타입을 나누는 걸까? 간단하게 차이점을 설명 후, 자세히 알아보자. 0. 원시 값과 객체 값의 차이, 3 가지 1. 원시 값은 변경이 불가능한 값 객체 값은 변경이 가능한 값 2. 원시 값은 변수에 할당 시 메모리 공간에 실제 값이 할당된다. 객체 값은 객체 값이 저장된 메모리 주소를 변수 메모리에 할당한다. 3. 값이 할당된 변수를 다른 변수에 할당하면, 원시 값은 값 자체가 복사되어 전달되는 반..
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 객체란? 앞서 배운 원시 타입 데이터를 제외한 거의 모든것을 객체라고 할수 있다. 자바스크립트는 객체 기반의 프로그래밍 언어라, 거의 웬만한 것들이 다 객체에 기초를 두고 있는데, 사실 이렇게 얘기해도 잘 와 닿질 않으니 어떻게 생겼는지 우선 보도록 하자. var member = { name: "pie", age: 27, hi: function () { console.log("안녕!"); } } 한번에 객체 형태를 다 표현하려다 보니 그림이 난잡해졌다. 아무튼 하나씩 보자. 우선 객체의 요소는 프로퍼..
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 1. 타입 변환 타입 변환에 앞서... 이 책 (모던 자바스크립트 Deep Dive) 에서는 타입의 변환 방식에 따라 암묵적 타입 변환과 명시적 타입 변환을 나누고 있습니다. 근데 자세히 보아도 두 타입 변환 방법의 차이를 발견하지 못하였고, 개인적으로 암묵적인 방법보다 명시적으로 타입을 변환하는 것이 오히려 코드에서 목적성이 더 잘 드러나, 코드 가독성이 좋아진다고 생각합니다. 때문에 현재 글 에서는 두 타입 변환 종류에 대해 따로 나누지 않고 타입 변환의 방법만 다루겠습니다. * 참고 타입 변환은..
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. ** 피드백은 언제나 환영입니다! 제어문? 조건문이나 반복문 처럼 특정 조건에 따라 코드를 실행할 때 사용한다. 다만 제어문은 위 → 아래로 진행하는 일반적인 코드 실행 순서를 바꿀 수 있으니 주의할 것. 아무튼 가보자! 1. 블록문 중괄호로 문(statement)을 묶는 것을 뜻한다. { var result = 10; console.log(result) } // ...뭔가 허전하다. 앞으로 소개 할 반복문과 조건문의 몸통 정도라고 생각하면 된다. 이렇게 블록문만 잘 쓰이진 않는다. 2. 조건문 주어진 조건식에 따라 코드를 실행하는 ..
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부정확한 정보전달이 있을 수 있습니다. 연산자? 하나 이상의 표현식을 대상으로 하나 이상의 값을 만드는 것을 연산자 라고 한다. 이 때 명사와 같은 연산의 대상을 피연산자 라고 하고, 피연산자에 동사에 역할을 하는 것을 연산자 라고 한다. 어렵게 생각할 거 없이 우리가 수학에서 사용하는 + - = 2 x --; // x = x - 1와 같다. x -> 1 var y = '1'; +y; // 양수로 변환. 문자열도 숫자로 전환된다. x -> 1 -y; // 음수로 전환. 이 또한 숫자로 전환된다. y -> -1 var z = 'z'; +z // NaN. 당연히 숫자로 변환이..
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부 정확한 정보전달이 있을 수 있습니다. 데이터 타입 ? 메모리에 저장되는 데이터의 유형을 뜻한다. 개발끈(?)이 짧아 많은 언어를 접해보진 못했지만, 각 각 언어마다 조금씩 다른 데이터 타입을 가지고 있었다. 그럼 Java Script에서의 데이터 타입, 어떤지 알아보자. 데이터 타입의 종류 Java script는 6개의 원시타입과 객체타입 으로, 총 7개의 타입을 갖는다. 숫자 number 문자열 string 불리언 boolean undefined undefined null null 심볼 symbol 객체 Object 이렇게 총 7개의 타입이 각 각 어떤 특징을 지닐까..
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부 정확한 정보전달이 있을 수 있습니다. 문 (statement) 이란? 프로그램의 기본 단위이자 최소 실행단위 컴퓨터에게 명령하는 한 문장 이라고 할 수 있다. 변수 선언문, 변수 할당문, 함수 선언문, 조건문, 반복문... 등등 이렇게 모든 실행 단위들을 문 (statement) 라고 할 수 있다. 그리고 이 문 (statement) 은 값 을 가지냐에 따라 표현식 과 표현식이 아닌 문 으로 나눌 수 있다. 값(value) ? 표현식이 평가되어 생성된 결과 var sum = 10 + 20; ⇒ 30 이라는 값을 지닌다. 평가(evaluation) 라는 말이 들어가서 어..
** 본 글은 모던 자바스크립트 DEEP DIVE 를 읽고 정리한 글입니다. ** 본인이 책 내용의 이해를 돕기 위해 정리한 글이며, 부 정확한 정보전달이 있을 수 있습니다. 시작하면서... 작년에 코딩을 처음 접한 이후로 대부분의 이론은 최대한 적게 배우고 많이 활용하는 식으로 사용을 해 왔다. 한 가지 방법을 이해하기 위해서 알아야 될 것들이 끝이 없었기 때문이다. 그렇게 미뤄오던 Java Script의 이론을 이제는 배워야 할 것 같아서 "모던 자바스크립트 DEEP DIVE"를 읽게 되었다. ** 1 ~ 3 장은 직접적으로 정리할 만한 내용이 없어서 넘깁니다. 04. 변수 변수란? 코딩, 그리고 Java Scirpt 를 접하고 나서부터 계속 사용해 오던 변수. 이전 까지는 수학에서 x = 10 과 ..