현우의 개발상자

Findings (배운 점) JS slice() slice(start[, end]) slice()는 배열에서 원하는 부분을 잘라내어 새로운 배열을 만들어 반환하는 역할을 한다. slice()를 사용하 면 원본 배열을 변경하지 않고 특정 범위의 요소를 추출하여 새로운 배열을 생성할 수 있다. const originalArray = [1, 2, 3, 4, 5]; const slicedArray = originalArray.slice(1, 4); const allSliceArray = originalArray.slice(); console.log(slicedArray); // 출력: [2, 3, 4] console.log(allSliceArray); // 출력: [1, 2, 3, 4, 5]; slice() 첫..

JS for of for of 는 배열의 요소를 하나씩 꺼내어 사용하는 방법을 말한다. 좀 더 어려운 말로 '배열의 각 요소를 순회하며 처리한다'로 표현할 수 있다. (iterable 객체의 요소에 대해 반복하는 데 사용되는 반복문, 이번 글에서는 배열에 관해서만 설명하겠다.) for of 의 기본 구문 for (let element of array) { // element(요소)에 대한 작업 수행 } for of 의 사용 예시 const fruits = [apple, banana, orange, kiwi, strawberry]; for (const fruit of fruits) { console.log(fruit); } // 출력 // apple // banana // orange // kiwi // ..

Findings (배운 점) JS Object 객체(Object)는 데이터와 그 데이터를 조작하는 함수들을 하나의 그룹으로 묶은 것이다. 객체는 다양한 형태의 정보를 저장하고 조작할 수 있도록 도와준다 객체는 중괄호 {}로 둘러싸여 있으며, 내부에는 "프로퍼티"와 "메서드"라고 불리는 키-값 쌍들이 포함됩니다. 프로퍼티는 객체의 데이터를 나타내고, 메서드는 객체에서 수행할 수 있는 작업을 정의한 함수입니다. property 설명 1. property name : property value (key(키) : value(값)) 2. property name 따옴표 ('') 생략 가능 첫글자 문자, 밑줄, 달러 사용가능 // 띄어쓰기, 하이픈(-)을 사용하려면 따옴표를 써줘야 한다 ex) "h i" 3. pr..

Findings (배운 점) JS switch 문 switch 문은 다양한 경우(case)에 따라 다른 동작을 수행하고자 할 때 사용되는 조건문이다. 이를 사용하면 한 가지 변수나 값에 대한 여러 가지 가능한 값을 확인하고, 각 경우에 맞는 코드 블록을 실행할 수 있다. 아래의 코드는 숫자에 따라 요일을 출력하는 예제입니다. let day = 3; let dayName; switch (day) { case 1: dayName = "일요일"; break; case 2: dayName = "월요일"; break; case 3: dayName = "화요일"; break; case 4: dayName = "수요일"; break; case 5: dayName = "목요일"; break; case 6: dayNam..

Findings (배운 점) JS null 의도를 갖고 변수에 null을 할당하여 값이 없다는 것을 나타낸다. null이 할당된 변수의 타입을 확인해 보면 object인걸 확인할 수 있다. let box = null; console.log(box); // null console.log(typeof box); // object undefined 변수를 선언하고 값을 할당하기 전의 형태(값)라고 볼 수 있다. (변수에 값이 할당되어 있지 않음.) let box; console.log(box); // undefined 정리 undefined: 접근 가능한 스코프에 변수가 선언되었으나 현재 아무런 값도 할당되지 않은 상태이다. 타입을 확인해 보면 'undefined'이다. null: 변수를 선언하고 'null'..

Findings (배운 점) truthy 자바스크립트에서, truthy인 값(참 같은 값) Boolean 문맥에서 true로 평가되는 값이다. falsy값으로 정의된 값이 아니면 모두 truthy값으로 평가된다. 자바스크립트는 Boolean 문맥에서 타입 변환(형 변환)을 사용한다. 다음은 truthy값에 대한 예시이다. 자바스크립트는 Boolean(불리언) 문맥에서 truthy값을 true로 변환하기 때문에 아래의 모든 if 블록을 실행하게 된다. if (true) if ({}) if ([]) if (42) if ("0") if ("false") if (new Date()) if (-42) if (12n) if (3.14) if (-3.14) if (Infinity) if (-Infinity) fals..

함수의 개념 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다. 함수선언 function 함수명(매개변수) { 함수본문 } funcition이라는 선언자를 작성 함수 이름 작성 소괄호를 열어 매개변수를 작성(매개변수는 생략가능, 소괄호는 반드시 열고 닫아야 한다.) 중괄호를 열어서 함수 본문 작성 함수 호출 이렇게 선언한 함수는 함수 이름 뒤에 소괄호를 붙여 호출할 수 있다. // 함수 선언 function attack(){ console.log("damage") } // 함수 호출 attack(); // damage 매개 변수 (parameter) 함수를 선언할 때 매개 변수를 작..

멋쟁이 사자처럼 프런트엔드 스쿨 7기를 시작한 지 이제 한 달이 지났다. 7월에 진행했던 일들을 정리하고, kpt회고 방식을 적용하여 이번달의 잘한 점, 못한 점을 파악하고 이를 통해 다음 달에는 더 나은 방법으로 어떻게 공부할지를 적었다. KPT 회고란 ? https://brunch.co.kr/@jinha0802/35 KPT 회고란 무엇인가? 스타트업에서 KPT 회고는 언제 필요하며, 왜 해야 하는가? | 1. KPT 회고란? KPT회고는 다양한 회고 방법론 중 하나이다. Keep, Problem, Try의 약자로 회고 내용을 세 가지 관점으로 분류하여 회고를 진행 brunch.co.kr 이번 달에 난 뭘 했지? 🤔 수업 잘한점과 못한 점을 확실하게 말할 수 있다. 잘한 점은 수업 때 배운 내용을 바로..