creamymood의 개발 공부 발자취 💭

강의를 듣다가, 코드 분석를 따라치며, 궁금한 점 중 알게 된 점을 조금 정리해보겠다.알게 된 점은 틈틈히 추가 될 것  #자바스크립트, 비동기 요청 파트window.addEventListener('load', function(){ request1.open("get", apiRandomDogs) request1.addEventListener('load', function(){ const response = JSON.parse(request1.response) }) request1.send()})강아지 페이지 만들기 중,윈도우 창이 로딩 될 때! 랜덤 강아지 사진을 가져오는 부분이다.여기서 궁금했던 점, 왜 request1 부분의 addEventListener가,, send..

큰 개념별 정리 (목차) 1. 실행 환경 (런타임)Node.js → JavaScript를 서버에서 실행할 수 있게 해주는 환경브라우저(크롬, 사파리 등)에서도 JavaScript를 실행할 수 있지만, Node.js를 사용하면 브라우저 없이 실행 가능 2. 패키지 매니저npm (Node Package Manager) → JavaScript의 패키지(라이브러리)를 관리하는 도구Node.js를 설치하면 npm도 같이 설치됨npm install [패키지명]을 사용해서 패키지를 설치할 수 있음 3. 패키지 (Package)npm을 통해 설치할 수 있는 코드 묶음예시:react → React 라이브러리를 포함한 패키지express → Express.js 웹 프레임워크를 포함한 패키지 4. 라이브러리 (Library..

화이팅 !! 외치며 공부시작 ✨구조 분해 할당 이란 ?배열이나 객체에서 값을 뽑아서 변수에 쉽게 할당하는 문법 뭐하는거야  ? 왜 쓰는거야 ?1. 코드가 짧아지고 가독성이 좋아져!예를 들어, 객체에서 값을 가져올 때 보통 이렇게 해 !const user = { name: "Jane", age: 25 };const name = user.name;const age = user.age;console.log(name, age); // "Jane" 25😵 변수 하나씩 할당해야 해서 코드가 길어져... → 구조분해 할당을 쓰면?const { name, age } = user;console.log(name, age); // "Jane" 25✨ 딱 한 줄로 끝! 깔끔하고 보기 편해!  2. 배열이나 객체에서 필요한 ..

5-1 값값이란 식(표현식)이 평가(=식을 해석하여 값 생성 및 참조 하는 것)되어 생성된 결과. 모든 값은 데이터 타입을 가지며, 메모리에 2진수로 나열 되어 저장.변수는 값을 저장하기 위해, 확보한 메모리 공간 또는 그 메모리 공간의 주소 및 이름이다.따라서 변수에 할당되는 것은 값이다.var sum = 10 + 20;sum 변수에 할당 되는 것은 10+20이 아닌, 평가된 결과의 숫자 30. 5-2 리터럴리터럴은, 사람이 이해 가능한 문자 또는 약속된 기호로써 값을 생성하는 표기법 단순한 숫자 3이 아닌, 숫자 리터럴. 사람이 이해할 수 있게 아라비아 숫자를 사용해 숫자 리터럴 3을 기술하면자바스크립트 엔진은 이를 "평가" 하여 숫자 값 3을 생성. 리터럴은 인간이 이해 가능한 문자(아라비아 숫자,..