일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 지역스코프
- 함수호이스팅
- 이직
- mobx react
- 개발자 회고
- til
- 23년 상반기
- 함수선언식
- type script
- 2023 회고
- 개발자
- Object in Object
- Object Type
- 모던자바스크립트 Deep Dive
- 모던자바스크립트
- react
- 객체 속 객체
- Java Script
- object
- 전역스코프
- useState
- 회고
- Type {children: Element} has no properties in common with type IntrinsicAttributes
- 객체 리터럴
- 옵셔널 체이닝 연산자
- 모던 자바스크립트 Deep Dive
- rerender
- null 병합 연산자
- 객체
- Object.is
- Today
- Total
목록전체 글 (22)
Pie_Archive
** 본 글은 모던 자바스크립트 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 과 ..
코드를 짜면서 비동기 처리 함수를 외부로 분리하고 비동기 처리를 반복문으로 처리하고 싶다면 어떻게 해야될까? 간단하게 알아보자. 1. 비동기 함수 작성 API와 통신하는 여러 비동기 함수가 있겠지만, 이번엔 통신 없이 비동기 처리를 하는 로직을 예시로 들 것이다. const createThunmbnail = async (file: File) => { return new Promise((resolve, reject) => { const reader = new FileReader(); // fileReader 인스턴스 생성 reader.readAsDataURL(file); // 데이터 주입 reader.onload = () => { //onlaod => 비동기로 처리된다. const img = new Ima..
0. 개요 프로젝트를 구현하는 과정에서 이러한 List를 만들었다. 각 List는 클릭시 해당 페이지로 이동되고, 여기에 각 List를 제어하기 위한 체크박스도 추가했는데 체크박스 클릭시 체크박스 이벤트와 부모요소인 List의 이동 이벤트가 동시에 작동되었다. 부모 요소의 이벤트는 사용하지 않은 채 자식요소의 이벤트만 사용하고 싶다면 어떻게 해야될까? 1. 삽질기: e.preventDefault() 리액트를 배웠을 때, 다른 이벤트의 동작을 막기 위해 사용했던 e.preventDefault()를 사용했다. 결과는 역시 실패였다. 이유는 preventDefault 메서드는 현재 요소의 기본 이벤트를 막는 기능이기 때문이다. 즉, 위와 같은 상황에서 사용시, 체크박스의 체크 기능을 막아버리는 것이다. 2. ..