항해 99 2주차 WIL Virtual DOM state props Virtual DOM Virtual DOM은 React에서 사용되는 개념으로, 실제 브라우저에 그려지는 DOM과는 별개로 메모리 상에 존재하는 가상의 DOM입니다. DOM은 Document Object Model의 약어로, 웹브라우저는 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용합니다. DOM은 트리형태라서 특정 노드를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입 가능합니다. 하지만 동적 UI에 최적화되어 있지 않아서, 복잡한 UI 상태 변화에 따른 DOM 처리는 성능 저하를 초래합니다. 이러한 문제를 해결하기 위해 React에서는 Virtual DOM 방식을 사용하여 DOM 업데이트를 추상화하고, DOM 처리 횟수를 최소화하..

문제 짝수와 홀수 문제 설명 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 num return 3 "Odd" 4 "Even" 정답 function solution(num) { return num % 2 === 0 ? "Even" : "Odd"; } TIL TIL 원래 코드는 function solution(num) { let answer = 0; if (num % 2 === 0) { answer = "Even"; } else { answer = "Odd"; } } 이런 코드 였다. 결과 값을 바로 삼항연산자 값으로 return해주니 간편하게 되었다. 마음..

항해 99 1주차 WIL ES6란? ES5/ES6 문법 차이 ES6란? ECMAScript 6(ES6)은 JavaScript 버전 중 하나입니다. 2015년에 도입되었으며 언어에 많은 새로운 기능을 도입하여 개발자가 코드를 더 쉽고 효율적으로 작성할 수 있도록 했습니다. 대표적으로 추가된 새로운 기능으로는 let, const, 화살표함수, 템플릿 리터럴, 클래스, rest 및 spread연산자가 있습니다. let 및 const 이전 ES5문법에서는 var의 키워드를 이용했습니다. var에는 문제점이 많았는데 let, const 키워드가 새로이 나와 var를 대체하였습니다. var ? var키워드는 변수를 선언하는 데 사용됩니다. 변수에 값을 할당하거나 값을 할당하지 않고 변수를 선언하는 데 사용됩니다. ..

항해99 2일차 TIL ES6 (2015년) let const Arrow function 삼항 연산자 구조 분해 할당 일급객체 Map Set ES6 ECMAScript 2015라고도 하는 ES6(ECMAScript 6)은 JavaScript 언어 사양의 주요 업데이트입니다. 블록 범위 변수(let, const), 화살표 함수, 템플릿 리터럴, 클래스 등을 포함하여 JavaScript에 대한 몇 가지 새로운 기능과 구문 개선 사항을 도입했습니다. let let은 자바스크립트에서 변수를 선언하는 키워드입니다. 이전에는 var를 사용했지만, let은 블록 단위 유효 범위(block scope)를 가지기 때문에 코드의 가독성과 유지보수성을 향상시킵니다. var키워드와 달리 재사용 할수 없습니다. let a = ..

항해99 1일차 TIL Javascript 1주차 변수, 상수 데이터타입 형변환 조건문 반복문 변수 자바스크립트에서 변수는 값을 저장하는 데 사용됩니다. 변수는 var, let, const 중 하나의 키워드를 사용하여 선언됩니다. var는 변수를 함수 스코프로 선언하며, let과 const는 블록 스코프로 선언합니다. 변수에는 다양한 데이터 타입의 값을 할당할 수 있으며, 변수에 할당된 값은 나중에 변경될 수 있습니다. 상수 상수는 값을 저장하는 데 사용되는 변수와 달리, 값이 변경될 수 없는 변수입니다. 자바스크립트에서 상수는 const 키워드를 사용하여 선언됩니다. 상수는 선언과 동시에 값을 할당해야 하며, 이후에는 값을 변경할 수 없습니다. 형 변환 자바스크립트에서 형변환은 다음과 같이 할 수 있습..