JavsScript
1.[DAY6] JavaScript 작성위치, 변수, 자료형
0. JavaScript 0.1 실행방법 1️⃣ 내부 스크립트 2️⃣ 외부 스크립트 0.2 스트립트 작성 위치 ➡️ head 아직 html이 다운되지 않은 상태에서 script 실행을 시도해서 태그에 대한 정보가 없어, 실행되지 않는다. ➡️ with as
2.[DAY7] 연산자 와 조건문
0. 연산자 0.1 산술 연산자 덧셈(+) 뺄셈(-) 곱셈(*) 나눗셈(/) 나머지(%) 0.2 증감 연산자 증가 연산자(++) 감소 연산자(--) 증감 연산자를 항 앞에 쓴다 전치 연산 ~하기전에 증감 연산자를 항 뒤
3.[DAY8] 반복문 과 최적화..
지정한 조건이 참으로 평가되는 동안 지정된 블록문을 반복 실행할 때 사용하는 문법객체를 출력할 수 없다continue: 반복을 건너뛰게 함break: 반복을 종료할 때 쓰는 키워드객체지만 배열처럼 보이는 것성능 비교 사이트를 통해 얼마나 빠른지 성능을 비교해볼 수 있다
4.[DAY9] 알수록 어려운 함수
보편적으로 const를 많이 사용한다.재할당할 일이 거의 없어서재활용성이 좋다, 어디서든 호출해서 쓸 수 있다.화살표 함수는 arguments를 사용할 수 없다.'…' 전개 연산자 스프레드 연산자를 사용해 할 수 있다.전개 연산자?명시적으로 매개변수를 받지 않았을 때
5.[DAY10] 스코프, 호이스팅 그리고 실행 컨텍스트
자바스크립트 코드 동작원리를 알아보자 이해를 위해 그림과 코드와 함께 설명을 해야한다. 1. 사전 지식 ➡️ 실행 컨텍스트 실행컨텍스트는 자바스크립트 코드가 실행되는 환경이다. ➡️ 호이스팅 선언과 할당으로 분리하여 선언 부분을 최상위로 끌어올리는 것
6.[DAY11] 컨텍스트.. 스코프.. 클로저
0. 컨텍스트.. 스코프.. 0.1 기본 실행 과정 맨 처음 실행 컨텍스트가 콜스택에 쌓이고 생성 단계에 들어선다. 환경 레코드는 내부적으로 생성 단계와 실행 단계라는 두 가지 단계를 거쳐서 실행 생성 단계에서 일어나는 일 변수 선언 및 초기화
7.[DAY12] 객체.객체["객ㅊㅔ"]
showHobbies 메서드에서 this는 person 객체를 가리킵니다.forEach 내부의 화살표 함수 (hobby) => { ... }는 새로운 this를 가지지 않고, showHobbies가 참조하는 this를 그대로 사용합니다
8.[DAY13] 함수 와 객체 와 인스턴스 와 프로토타입 와..
0. 함수 와 객체 > 객체를 함수를 통해 아래처럼 정의할 수 있다. 0.1 생성자 함수 한번 정의해놓으면 다양하게 내용을 바꿔가며 사용가능 유지보수 장점이 있다 0.2 인스턴스 new 로 만든 생성자 함수가 담긴 변수 상위 객체의 메서드를 자신의 것처럼 호출한다.
9.[DAY14] class 가 다른 class
Class > 프로토타입을 쉽게 사용하기 위한 sugar syntax로, 생성자 함수와 내부 구조는 같지만 선언하는 문법이 다르다. 어떻게 보면 생성자 함수를 좀 더 유연하게 작성할 수 있는 문법이 아닐까? 0. 구조 0.1 Class와 생성자 함수 구조 비교 Cl
10.[DAY15] 해결사 내장객체 등장
지금까지 배웠던 모든 객체들이 상속받는 최상위 객체인 Object, 그가 가진 최상위 프로토타입에 들어있는 엄청난 내장 객체들을 공부해보자.내장 객체를 공부할 땐 항상 이 사이트 참고하기 ➡️ MDN 공식 문서.표준 내장 객체 종류는 어마무시하다. 그중 주요 객체 몇
11.배열 내장 객체 익히기(feat. map(), reduce(), filter())
언뜻 보면 다 똑같은 역할을 하는 것 같은 내장 객체들... 하루 종일 문제를 풀며 느낀 내장 객체별 쓰임새(?)를 정리해 본다.➡️ 조건에 맞는 모든 값을 배열로 return해준다. <=> find의 경우 조건에 맞는 단일 값을 반환해준다.특정 값을 검색할 때예
12.[DAY16] 내장객체 마무리
Math는 수학적인 상수와 함수를 위한 내장 객체로, 인스턴스가 없는 객체다.PIabs: 절댓값을 반환하는 메서드ceil: 주어진 수보다 크거나 같은 정수 중에서 가장 작은 값을 반환 → 올림floor: 주어진 수보다 작거나 같은 정수 중에서 가장 큰 값을 반환 → 내
13.[DAY17] JS 핵.심 동기 와 비동기
0. 동기 > - 싱글스레드를 가지고 있는 언어 > - 실행순서가 순차적으로 진행된다. 1. 비동기 > 작업이 완료될 때까지 기다리지 않고, 오래 실행되는 작업을 시작하여 해당 작업이 실행되는 동안에도 다른 이벤트에 응답할 수 있게 하는 기술입니다. 💡 일반
14.[DAY18] 끝없는 비동기
❓ 왜 같은 Promise는 setTimeout보다 먼저 실행될까? Task Queue에 쌓이는 순서는 분명 setTimeout, Promise 순서일 텐데, 먼저 들어온 setTimeout이 먼저 실행돼야 하지 않나?
15.[DAY19] DOM..
문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다➡️ document 객체 사용시 웹브라우저가 관리하고 있는 DOM 트리에 접근할 수 있다.➡️ <html> = docume
16.[DAY20] NodeJs 맛보기
0. NodeJs > Node.js란 “V8 Java Script 엔진으로 빌드 된 Java Script 런타임” 이다. 자바스크립트 → 클라이언트용, 웹브라우저용 node js → 서버용 1. REPL > node 사용하게 해주는 프롬프트이다. 바로 cm
17.JS 전체 돌아보기
<script> 태그 위치: <body> 태그 끝에 두는 이유는 HTML 요소가 로드된 후 스크립트가 실행되므로, 요소에 접근할 때 문제가 발생하지 않기 때문입니다.let, const, var의 차이점: var는 함수 스코프, let과 const는 블록 스코
18.[DAY21] NodeJs 맛보기(2)
동기 메서드는 작업이 완료될 때까지 프로세스를 블로킹, 이로 인해 애플리케이션의 다른 작업이 잠시 멈출 수 있다.비동기 메서드는 작업을 백그라운드로 처리하며 콜백 또는 Promise로 결과를 받는다.버퍼는 파일 내용을 한 번에 메모리에 올릴 때 유용하지만, 대용량 데이