반응형 자바스크립트8 [JS] 변수와 상수(var, let, const) 총 정리(+그림&코드) 변수와 상수변수나 상수는 "값을 저장하는 박스"입니다.숫자 뿐만이 아니라 어떠한 값이던 저장이 가능합니다.참고: 변수와 상수의 더 자세한 설명은 아래의 글을 참고해 주세요. 변수 선언JavaScript에서는 변수를 선언하면 JavaScript 메모리에 값을 저장할 수 있습니다.그리고 변수의 이름을 통해서 해당 메모리에 접근할 수 있습니다.// age라는 변수를 선언한다.let age; 변수 할당변수를 선언하고, 선언한 변수에 값을 저장하는 것을 "변수를 할당한다"고 합니다.“변수를 할당한다”라는 의미는 크게 두가지로 나눌수 있습니다.변수를 초기화한다.가장 처음 변수를 할당하는 것을 뜻합니다.변수를 재할당한다.이미 할당한 변수를 다시 할당하는것을 뜻합니다.let age;// age라는 변수에 값을 할당.. 2025. 2. 14. [JS] console 객체 총 정리(+그림&코드) console 객체브라우저의 디버깅 콘솔에 접근할 수 있는 메서드를 제공하는 객체입니다.window 객체의 프로퍼티이므로, winodw.console에서 window.를 생략하여 console 형태로 사용이 가능합니다.console 객체는 아무 전역 객체에서나 접근할 수 있습니다.window.console.log(‘안녕하세요‘);// window. 생략가능console.log(‘안녕하세요‘); console 객체의 메서드 종류log: 메시지를 아이콘이 없는 컴은색 텍스트로 콘솔창에 출력하는 메서드입니다.warn: 메시지를 아이콘이 있는 노란색 텍스트로 콘솔창에 출력하는 메서드입니다.보통은 경고 메시지를 출력할때 사용합니다.error: 메시지를 아이콘이 있는 빨간색 텍스트로 콘솔창에 출력하는 메서드입니다.. 2025. 2. 14. [React] Vite 프로젝트 생성하고 실행하는 방법 총 정리 ✅ 참고아래 설명문은 React와 TypeScript를 사용하여 Vite 프로젝트를 생성하고 실행하는 방법입니다. 1. vite 설치아래 명령어를 통하여 vite 프로젝트를 생성해 줍니다.$ npm create vite 2. 프로젝트 폴더 이름 설정프로젝트 폴더 이름을 입력하여 프로젝트의 폴더 이름을 설정해 줍니다. 3. 프레임워크 및 라이브러리 설정위, 아래 키보드를 사용하여 프로젝트에서 사용할 프레임 워크 및 라이브러리를 설정해 줍니다. 4. 프로그래밍 언어 설정위, 아래 키보드를 사용하여 프로젝트에서 사용할 프로그래밍 언어를 설정해 줍니다. 5. 프로젝트 생성 완료프로젝트 생성이 완료되었습니다. 6. npm 설치 아래 명령어를 통하여 프로젝트 폴더로 이동 후 npm 설치를 진행해 줍니다.# 프로.. 2024. 10. 24. [JS] Promise 동작 방식 : 아주 쉽게 그림으로 정리 ※ 이 글은 Promise의 동작 방식에 초점을 두었습니다. Promise에 대한 정확한 설명 혹은 문법은 캡틴 판교 님의 글을 보시면 매우 도움이 되실 겁니다.Promise란?Promise(프로미스)는 JavaScript 비동기 처리에 사용되는 객체입니다. Promise의 3가지 상태Prmoise의 동작 방식을 알기 전, Promise의 3가지 상태에 대해 필수로 알아야 합니다.Promise는 Promise 객체가 생성하고 종료될 때까지 3가지 상태를 갖습니다.Pending(대기): 비동기 처리 로직이 완료되지 않은 상태Fulfilled(이행): 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태Rejected(실패): 비동기 처리가 실패하거나 오류가 발생한 상태 Promise의 동작 방식🟢 .. 2024. 10. 21. 이전 1 2 다음 반응형
