코딩하는 짱구

01_Introduction: 자바스크립트의 개요 및 특징에 대한 소개와 함께 자바스크립트의 사용 분야와 역할 등에 대해 설명합니다. 02_Types-part1: 자바스크립트의 데이터 타입에 대해 소개하고, 원시 자료형인 숫자형(Number), 문자열(String), 불린(Boolean), null, undefined, Symbol 등에 대해 자세히 설명합니다. 03_LetConst: 변수 선언 방식 중 let과 const에 대해 다룹니다. let은 블록 스코프를 가지며 값이 변경될 수 있는 변수를 선언할 때 사용하고, const는 값이 변하지 않는 상수를 선언할 때 사용합니다. 04_Scope: 변수의 스코프와 스코프 체인에 대해 다룹니다. 블록 스코프와 함수 스코프, 전역 스코프 등의 스코프 종류와 ..

프론트앤드 부트캠프/복습 2023. 5. 1. 16:54

JavaScript에서는 데이터 유형을 원시(primitive) 자료형과 참조(reference) 자료형으로 구분합니다. 원시 자료형(primitive types)은 다음과 같습니다. 숫자(number): 정수와 부동소수점 숫자를 모두 포함합니다. 문자열(string): 따옴표로 둘러싸인 문자의 집합입니다. 불리언(boolean): true와 false 중 하나의 값만 가질 수 있습니다. null: 값이 없음을 나타내는 특별한 값입니다. undefined: 값이 할당되지 않았거나 존재하지 않는 변수의 값입니다. 심벌(symbol): ES6에서 새로 추가된 원시 자료형입니다. 참조 자료형(reference types)은 다음과 같습니다. 객체(object): 객체는 키(key)와 값(value)의 쌍으로 ..

웹 < 프론트앤드 >/자바스크립트 2023. 5. 1. 16:17

힘내라~힘내라~ 오늘은 자바스크립트 핵심 개념 마지막 날 JavaScript Koans 를 마무리하고 과제 제출까지!! 01_Introduction.js 02_Types-part1.js 03_LetConst.js 04_Scope.js 05_ArrowFunction.js 06_Types-part2.js 07_Array.js 08_Object.js 09_SpreadSyntax.js 10_Destructuring.js 04_Scope.js 05_ArrowFunction.js 06_Types-part2.js 07_Array.js 08_Object.js 09_SpreadSyntax.js 10_Destructuring.js 04_Scope.js scope 대해서 학습합니다. 함수 선언식(declaration)과 함..

프론트앤드 부트캠프/Day 2023. 5. 1. 10:52

JavaScript Koans 첫번째 날 JavaScript 의 개념 응용 문제를 풀어보며 여러 생각을 해보는 시간이라고 한다. 오늘은 총 10개의 챕터 중에 3개 정도 문제를 풀고 생각해보는 시간을 가져 보려고 한다. 01_Introduction.js 02_Types-part1.js 03_LetConst.js 04_Scope.js 05_ArrowFunction.js 06_Types-part2.js 07_Array.js 08_Object.js 09_SpreadSyntax.js 10_Destructuring.js 01_Introduction.js 02_Types-part1.js 03_LetConst.js expect에 대해서 학습합니다. 테스트하는 값(expect의 전달인자)이 true인지의 여부를 검사합..

프론트앤드 부트캠프/Day 2023. 5. 1. 10:50

오늘은 마지막 라이브 수업 빼고는 페어가 없고 개인 자습 시간인 날이다. 밀어뒀던 정리도 좀 하고 새로운 참조 자료형, 스코프, 클로저도 정리 하면서 공부하는 시간을 가져야 겠다. 참조 자료형 참조 자료형(Reference Type)은 변수가 값의 메모리 위치를 참조하는 방식으로 데이터를 저장하는 자료형입니다. 자바스크립트에서는 객체, 배열, 함수 등이 참조 자료형에 속합니다. 참조 자료형의 변수는 실제 데이터를 포함하지 않으며, 대신 메모리에 저장된 데이터의 위치를 가리킵니다. 참조 자료형의 변수에 값을 할당하면, 할당된 값은 메모리에 저장되며, 변수는 해당 값의 메모리 위치를 참조합니다. 이때 변수와 값 간의 관계는 다음과 같이 표현할 수 있습니다. 변수 -------------> 메모리 위치 ---..

프론트앤드 부트캠프/Day 2023. 4. 27. 12:47

오늘은 Day 12 2023년 04월 26일 오늘도 아직도 감기 진행 중 ㅠㅠ 감기가 오래간다... 감기가 빨리 나아지면 좋겠다 더욱 건강 관리 컨디션 관리에 힘써야지!! 오늘은 객체를 공부 했다. 객체 자바스크립트 객체(Object)는 속성(key-value 쌍)의 집합이며, 함수도 속성 값으로 사용될 수 있습니다. 객체는 중괄호({})로 감싸여 있으며, 객체의 속성은 쉼표로 구분하여 나열됩니다. 1) 객체를 만드는 방법 // 객체 리터럴을 사용한 객체 생성 const person = { name: "John", age: 30, sayHello: function() { console.log("Hello!"); } }; // Object 생성자 함수를 사용한 객체 생성 const car = new Obj..

프론트앤드 부트캠프/Day 2023. 4. 26. 16:55

자바스크립트의 객체란? 자바스크립트 객체는 속성과 메서드를 포함하는 데이터 집합체입니다. 객체는 중괄호({})를 사용하여 정의하며, 각 속성은 쉼표로 구분된 이름-값 쌍으로 정의됩니다. 예를 들어, 다음과 같이 객체를 정의할 수 있습니다. let person = { name: 'John', age: 30, address: { street: '123 Main St', city: 'Anytown', state: 'CA' }, sayHello: function() { console.log('Hello!'); } }; 위 예제에서 person은 객체이며, name, age, address, sayHello는 person 객체의 속성입니다. name, age는 문자열과 숫자 값을 갖고 있으며, address는 다..

웹 < 프론트앤드 >/자바스크립트 2023. 4. 25. 22:17

오늘은 Day 11 2023년 04월 25일 오늘도 아직도 감기 진행 중 ㅠㅠ 감기가 오래간다... 감기가 빨리 나아지면 좋겠다 더욱 건강 관리 컨디션 관리에 힘써야지!! 배열 오늘은 배열!! 배열은 여러개의 값을 순서대로 저장하는 자료 구조이다. 2023.04.24 - [웹 /자바스크립트] - 배열 배열 자바스크립트에서 배열(Array)은 여러 개의 값을 순서대로 저장하는 자료 구조입니다. 1) 배열은 대괄호([]) 안에 콤마(,)로 구분된 값들을 넣어서 생성할 수 있습니다. 예를 들어, 다음과 같이 배열 colco-coding.tistory.com 어제 미리 선행하여 공부한 배열의 자료 정리이다~! 오늘은 코플릿에서 문제위주로 공부했다~! 근데 답을 공유하는 것은 안되니까~!! 다른 ..

프론트앤드 부트캠프/Day 2023. 4. 25. 21:57