개발 기록 개발 기록

JavaScript/모던 자바스크립트 딥다이브

• [모던 JS 딥다이브] 11장 원시 값과 객체의 비교

  JavaScript/모던 자바스크립트 딥다이브 2023. 12. 17. 17:47

  https://github.com/kimyurie/study_modernJSdeepDive/tree/master/11_%EC%9B%90%EC%8B%9C%20%EA%B0%92%EA%B3%BC%20%EA%B0%9D%EC%B2%B4%EC%9D%98%20%EB%B9%84%EA%B5%90 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! + 원시 타입의 값 : 변경 불가능한 값 ↔ 객체(참조) 타입의 값 : 변경 가능한 값 + 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에 `실제 값` 저장 → 할당시 원본의 원시 값이 복사되어 전달(`값에 의한 전달`) + 객체를 변수에 할당하면 변수(확보된 메모리 ..

  Read More
• [모던 JS 딥다이브] 10장 객체 리터럴

  JavaScript/모던 자바스크립트 딥다이브 2023. 12. 12. 14:01

  https://github.com/kimyurie/study_modernJSdeepDive/tree/master/10_%EA%B0%9D%EC%B2%B4%20%EB%A6%AC%ED%84%B0%EB%9F%B4 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 10.1 객체란? js를 구성하는 거의 모든 것, 원시값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)이 객체 원시값은 변경 불가능한 값 ↔ 객체 타입의 값(객체)은 변경 가능한 값 (ㄴ11장 원시값과 객체의 비교) 객체는 0개 이상의 프로퍼티로 구성된 집합 ( 프로퍼티 = 키 + 값 ) var person = { name : 'Lee', //..

  Read More
• [모던 JS 딥다이브] 9장 타입 변환과 단축 평가

  JavaScript/모던 자바스크립트 딥다이브 2023. 11. 30. 17:53

  https://github.com/kimyurie/study_modernJSdeepDive/tree/master/09_%ED%83%80%EC%9E%85%20%EB%B3%80%ED%99%98%EA%B3%BC%20%EB%8B%A8%EC%B6%95%20%ED%8F%89%EA%B0%80 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 9.1 타입 변환이란? 명시적 타입 변환(타입 캐스팅) : 개발자가 의도적으로 값의 타입을 변환하는 것 var x = 10; var str = x.toString(); // 명시적 타입 변환 (숫자 → 문자열) console.log(typeof str, str); // str..

  Read More
• [모던 JS 딥다이브] 8장 제어문

  JavaScript/모던 자바스크립트 딥다이브 2023. 11. 26. 15:22

  https://github.com/kimyurie/study_modernJSdeepDive/tree/master/08_%EC%A0%9C%EC%96%B4%EB%AC%B8 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 8. 제어문 조건문 , 반복문 제어문은 코드 실행 순서 변경시켜 코드의 흐름 이해하기 어렵게 만들어 가독성 해치는 단점이 있음 → forEach, map, filter, reduce 사용 시 복잡성 해결(ㄴ나중 단원에 나옴) # 8.1 블록문 0개 이상의 문을 {}로 묶은 것 끝에는 세미콜론을 붙이지 않는다 8.2 조건문 8.2.1 if ... else문 아래 코드와 같이 대부분의 if..

  Read More
• [모던 JS 딥다이브] 7장 연산자

  JavaScript/모던 자바스크립트 딥다이브 2023. 11. 25. 20:58

  https://github.com/kimyurie/study_modernJSdeepDive/tree/master/07_%EC%97%B0%EC%82%B0%EC%9E%90 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 7.3 비교 연산자 1. x == y (동등 비교) x와 y의 값이 같음 // 타입은 다르지만 암묵적 타입 변환 통해 타입을 일치시키면 동등하다. 5 == '5' // true 동등 비교(==)는 예측하기 어려운 결과 만들어내므로 아래 일치 비교 연산자(===)를 사용하는 것이 더 좋다. 2. x === y (일치 비교) x와 y의 값과 타입이 같음 5 === '5' // false ⚠..

  Read More
• [모던 JS 딥다이브] 6장 데이터타입

  JavaScript/모던 자바스크립트 딥다이브 2023. 11. 25. 17:24

  https://github.com/kimyurie/study_modernJSdeepDive/tree/master/06_%EB%8D%B0%EC%9D%B4%ED%84%B0%ED%83%80%EC%9E%85 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 6. 데이터 타입 값의 종류로 원시 타입과 객체 타입으로 나뉜다 원시 타입 : 숫자 타입, 문자열 타입, 불리언 타입, undefined 타입, null 타입, 심벌 타입 객체 타입 : 객체, 함수, 배열 등 6.1 숫자 타입 하나의 숫자 타입만 존재 → 정수(소수점x)와 실수(소수점o) 구분 없이 모든 수를 실수로 처리 // 숫자 타입은 모두 실수로 처..

  Read More
• [모던 JS 딥다이브] 5장 표현식과 문

  JavaScript/모던 자바스크립트 딥다이브 2023. 11. 23. 22:24

  https://github.com/kimyurie/study_modernJSdeepDive/tree/master/05_%ED%91%9C%ED%98%84%EC%8B%9D%EA%B3%BC%20%EB%AC%B8 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 5.1 값 식(표현식)이 평가되어 생성된 결과이며 변수에 할당되는 것 // 변수에는 10 + 20이 평가되어 생성된 숫자값 30이 할당된다 (10 + 20이 할당되지 않음) var sum = 10 + 20; 5.2 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 // 숫자 리터럴 3 // = 사람이 이해할 수 있는..

  Read More
• [모던 JS 딥다이브] 4장 변수

  JavaScript/모던 자바스크립트 딥다이브 2023. 11. 23. 17:53

  (https://github.com/kimyurie/study\_modernJSdeepDive/tree/master/04\_%EB%B3%80%EC%88%98 "4장 변수내용 정리") 아래 정리한 문서는 티스토리에서 일부 지원되지 않는 마크다운 기능이 있어 서식이 정확하지 않습니다ㅜㅜ 정확한 정리 문서는 위에 깃허브 링크를 참고해주세요! 4.1 변수란 무엇인가? 왜 필요한가? 4.1.1 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체이며 메모리 공간을 식별하기 위해 붙인 이름 변수에 값을 저장하는 것 : 할당(대입, 저장) 변수에 저장된 값을 읽어들이는 것 : 참조4.1.2 변수가 필요한 이유 메모리 주소를 통해 값에 직접 접근하는 것은 치명적 오류를 발생시킬 가능성 ⬆️ → 변수를 사용하면 개발..

  Read More