다요일기 다요일기

기간 : 24년 10월24일 - 10월27일 (3박4일) 어쩌다보니 국토종주를 다녀왔다.원래는 제주도에서 243km 거리의 제주환상자전거길 종주를 할 예정이었지만제주도에 3박4일 내내 비예보가 있던 관계로 항공권을 취소했다.  여행을 즐겨하지 않았던 나는 오랜만의 휴일을 어떻게 보내야할까 고민이 많았다.급하게라도 해외여행을 다녀올까? 아니면 템플스테이? 미친듯이 공부하기? 책 읽기?무엇하나 마음에 드는게 없었는데 갑자기 국토종주를 해보는건 어떨까 생각이 들었고 바로 실행에 옮겼다. 너무 오랜만의 여행이기도 했고, 가보지 않았던 곳. 혼자가는 여행. 새로운 시도. 설렘과 두려움이 있었다. 암사한강공원에서 찍었던 국토종주 표지판. 앞으로의 여정에서 이 표지판이 어찌나 반갑던지 이땐 몰랐었다. 남들 일하는 시..

✅ 목표자바스크립트 핵심 개념들을 정확히 이해하기데이터 타입, 실행 컨텍스트와 스코프, 호이스팅, 콜백 함수, this의 개념, 클로저, 프로토타입 ✅ 왜 이 책을 선정하게 되었는가?핵심 내용이 필수적으로 담겨있다.기본적인 내용들을 담고있지만 기초적인 난이도는 아니다.자바스크립트의 동작원리를 이해하고 중급자로 넘어가기 위해서 필수적인 요소들 ✅ 왜 이 책을 공부하게 되었는가?구현, 실행만 되면 넘어가는 방법으로만 개발을 진행하다가 벽에 부딪힘-> 개발을 처음 시작할 때 부터 일단 이것부터 해결하고 보자는 조급만 마음으로 코드를 짜고있었지 않았나내가 작성한 코드들이 원하는대로 동작하지 않을 때 방향을 잃어버림-> 어디서 무엇이 잘못되었는지 원인 파악을 못하는 경우가 많았다위와 같은 문제를 해결하고자 자바스..

13장 - 스코프13.1 스코프란?📌 스코프는 식별자가 유효한 범위를 말한다.📌 모든 식별자(변수 이름, 함수 이름, 클래스 이름)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다.13.2 스코프의 종류✅ 전역과 전역 스코프 - 전역이란 코드의 가장 바깥 영역을 말한다. 전역 변수는 어디서든지 참조할 수 있다.✅ 지역과 지역 스코프 - 지역이란 함수 몸체 내부를 말한다. 지역 변수는 자신이 선언된 지역과 하위 지역(중첩 함수)에서만 참조할 수 있다. - 지역 변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다.var x = 'global x';var y = 'global y';function outer() { var z = "outer's loc..

10장 - 객체리터럴10.1 객체란?📌 자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 "모든 것" 이 객체다.📌 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체다.✅ 객체의 구조· 객체는 키(key)와 값(value)으로 구성되어 있는 집합체다.· 프로퍼티: 객체의 상태를 나타내는 값(data)· 메서드: 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작(behavior)const counter = { num: 0, // 프로퍼티 increase: () => { // 메서드 this.num++; }};​ 10.2 객체 리터럴에 의한 객체 생성📌 자바스크립트는 프로토타입 기반 객체지향 언어로서 다양한 객체 생성 방법을 지원한다.·..

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 산술 연산자 📌 산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다...

4장 - 변수4.1 변수란 무엇인가? 왜 필요한가?📌 변수란 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.📌 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름// result(변수명, 변수이름)const result = 10 + 20;- 변수에 저장된 값(위 예제에서는 30)을 변수 값이라고 한다.- 변수에 값을 저장하는 것을 할당(대입, 저장)이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조라 한다. 4.2 식별자📌 변수 이름을 식별자(identifier)라고도 한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다.📌 식별자는 값이 아니라 메모리 주소를 기억..

1장 - 프로그래밍1.1 프로그래밍이란?📌 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 - 0과 1밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업- 프로그래밍 언어를 사용해 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션- 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름을 제어하는 것 1.2 프로그래밍 언어📌 컴퓨터와의 대화(명령)에 사용되는 일종의 표현 수단으로, 사람과 컴퓨터(컴파일러 혹은 인터프리터) 모두가 이해할 수 있는 약속된 형태의 인공어📌 프로그래밍언어는 구문(syntax)과 의미(semantics)의 조합으로 표현된다.# 컴파일러 / 인터프리터 - 컴퓨터가 이해할 수 있는 기계어로 변환하는 일종의 번역기 1...

✅ 목표공부한 내용을 초심자가 보더라도 이해할 수 있을 정도로 요약정리자바스크립트에 대해 누군가 물어봤을 때 명확하게 설명할 수 있는 능력 ✅ 왜 이 책을 선정하게 되었는가?자바스크립트 스터디에서 가장 많이 선정하는 책으로 보인다.자바스크립트를 주 언어로 사용하는 사람들에게 가장 많이 추천받았던 책이다.목차를 보았을 때 하나도 빠짐없이 궁금했던 내용들이다.엄청나게 많은 분량이라 이거 하나만 공부하면 어느정도 가닥이 잡히겠다라는 생각이 들었다.✅ 왜 이 책을 공부하게 되었는가?기본기가 부족하다는 것을 인지하고 있었다.- 프레임워크, 라이브러리에서 제공하지 않는 기능을 구현해야 할 때- 요구사항에 맞게 라이브러리를 직접 수정해야 할 때자바스크립트에 대한 이해도가 낮은 상태로 개발을 시작했던 나에게 항상 갈증..