개발일기/자바스크립트
-
[코어 자바스크립트] 서론개발일기/자바스크립트 2024. 9. 21. 13:18
✅ 목표자바스크립트 핵심 개념들을 정확히 이해하기데이터 타입, 실행 컨텍스트와 스코프, 호이스팅, 콜백 함수, this의 개념, 클로저, 프로토타입 ✅ 왜 이 책을 선정하게 되었는가?핵심 내용이 필수적으로 담겨있다.기본적인 내용들을 담고있지만 기초적인 난이도는 아니다.자바스크립트의 동작원리를 이해하고 중급자로 넘어가기 위해서 필수적인 요소들 ✅ 왜 이 책을 공부하게 되었는가?구현, 실행만 되면 넘어가는 방법으로만 개발을 진행하다가 벽에 부딪힘-> 개발을 처음 시작할 때 부터 일단 이것부터 해결하고 보자는 조급만 마음으로 코드를 짜고있었지 않았나내가 작성한 코드들이 원하는대로 동작하지 않을 때 방향을 잃어버림-> 어디서 무엇이 잘못되었는지 원인 파악을 못하는 경우가 많았다위와 같은 문제를 해결하고자 자바스..
-
[모던자바스크립트 Deep Dive] 13~15장개발일기/자바스크립트 2024. 8. 18. 14:18
13장 - 스코프13.1 스코프란?📌 스코프는 식별자가 유효한 범위를 말한다.📌 모든 식별자(변수 이름, 함수 이름, 클래스 이름)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다.13.2 스코프의 종류✅ 전역과 전역 스코프 - 전역이란 코드의 가장 바깥 영역을 말한다. 전역 변수는 어디서든지 참조할 수 있다.✅ 지역과 지역 스코프 - 지역이란 함수 몸체 내부를 말한다. 지역 변수는 자신이 선언된 지역과 하위 지역(중첩 함수)에서만 참조할 수 있다. - 지역 변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다.var x = 'global x';var y = 'global y';function outer() { var z = "outer's loc..
-
[모던자바스크립트 DeepDive] 10~12장개발일기/자바스크립트 2024. 8. 11. 15:28
10장 - 객체리터럴10.1 객체란?📌 자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 "모든 것" 이 객체다.📌 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체다.✅ 객체의 구조· 객체는 키(key)와 값(value)으로 구성되어 있는 집합체다.· 프로퍼티: 객체의 상태를 나타내는 값(data)· 메서드: 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작(behavior)const counter = { num: 0, // 프로퍼티 increase: () => { // 메서드 this.num++; }}; 10.2 객체 리터럴에 의한 객체 생성📌 자바스크립트는 프로토타입 기반 객체지향 언어로서 다양한 객체 생성 방법을 지원한다.·..
-
[모던자바스크립트 Deep Dive] 7~9장개발일기/자바스크립트 2024. 8. 4. 13:49
7장 - 연산자 📌 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 연산의 대상이 되는 표현식(값)을 피연산자라고 하며, 연산자와 피연산자의 조합으로 새로운 값을 만든다. // 산술 연산자 5 * 4 // 20 // 문자열 연결 연산자 'My name is ' + 'Dayo' // 'My name is Dayo' // 할당 연산자 color = 'red' // 'red' // 비교 연산자 3 > 5 // false // 논리 연산자 true && false // false // 타입 연산자 typeof 'Hi' // string 7.1 산술 연산자 📌 산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다...
-
[모던자바스크립트 Deep Dive] 4~6장개발일기/자바스크립트 2024. 8. 3. 23:05
4장 - 변수4.1 변수란 무엇인가? 왜 필요한가?📌 변수란 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.📌 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름// result(변수명, 변수이름)const result = 10 + 20;- 변수에 저장된 값(위 예제에서는 30)을 변수 값이라고 한다.- 변수에 값을 저장하는 것을 할당(대입, 저장)이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조라 한다. 4.2 식별자📌 변수 이름을 식별자(identifier)라고도 한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다.📌 식별자는 값이 아니라 메모리 주소를 기억..
-
[모던자바스크립트 Deep Dive] 1~3장개발일기/자바스크립트 2024. 8. 3. 15:45
1장 - 프로그래밍1.1 프로그래밍이란?📌 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 - 0과 1밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업- 프로그래밍 언어를 사용해 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션- 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름을 제어하는 것 1.2 프로그래밍 언어📌 컴퓨터와의 대화(명령)에 사용되는 일종의 표현 수단으로, 사람과 컴퓨터(컴파일러 혹은 인터프리터) 모두가 이해할 수 있는 약속된 형태의 인공어📌 프로그래밍언어는 구문(syntax)과 의미(semantics)의 조합으로 표현된다.# 컴파일러 / 인터프리터 - 컴퓨터가 이해할 수 있는 기계어로 변환하는 일종의 번역기 1...
-
[모던자바스크립트 Deep Dive] 서론개발일기/자바스크립트 2024. 8. 3. 12:43
✅ 목표공부한 내용을 초심자가 보더라도 이해할 수 있을 정도로 요약정리자바스크립트에 대해 누군가 물어봤을 때 명확하게 설명할 수 있는 능력 ✅ 왜 이 책을 선정하게 되었는가?자바스크립트 스터디에서 가장 많이 선정하는 책으로 보인다.자바스크립트를 주 언어로 사용하는 사람들에게 가장 많이 추천받았던 책이다.목차를 보았을 때 하나도 빠짐없이 궁금했던 내용들이다.엄청나게 많은 분량이라 이거 하나만 공부하면 어느정도 가닥이 잡히겠다라는 생각이 들었다.✅ 왜 이 책을 공부하게 되었는가?기본기가 부족하다는 것을 인지하고 있었다.- 프레임워크, 라이브러리에서 제공하지 않는 기능을 구현해야 할 때- 요구사항에 맞게 라이브러리를 직접 수정해야 할 때자바스크립트에 대한 이해도가 낮은 상태로 개발을 시작했던 나에게 항상 갈증..