일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- CSS속성정리
- JS form
- JS 데이터타입
- JS localStorage
- JS typeof연산자
- JS 연산
- JS prompt
- JS 기초
- HTML기초
- JS append
- JS 화살표함수
- JS value속성
- JS 타이머기능
- JS clearInterval
- JS 스코프
- JS 형변환
- JS preventDefault
- JS setTimeout
- CSS기초
- JS form action
- JS appendChild
- JS redirection
- git 협업셋팅
- JS setInterval
- JS null undefined
- js 변수
- JS 삼항연산
- JS classList
- JS 함수
- JS 숫자
목록전체보기 (368)
공부기록용
실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 ✓ VariableEnvironment ✓ LexicalEnvironment ✓ ThisBindings this 다른 객체지향 언어에서의 this는 곧 클래스로 생성한 인스턴스를 말한다. 그러나 자바스크립트에서는 this가 어디에서나 사용될 수 있다. 상황에 따라 달라지는 this this는 실행 컨텍스트가 생성될 때 결정(bind)된다. 전역 공간에서의 this 런타임 환경 : 코드가 돌아가는 환경(javascript로 만들어놓은 프로그램이 구동중인 환경) 전역 환경에서 this는 노드에서는 global 객체이고, 브라우저에서는 window 객체이다. -> 노드 환경 : node 파일이름.js로 vscode 상에서 구동하고 있으니node..
🔴VariableEnvironment & LexicalEnvironment 🔴environmentRocord(=record) 🔻호이스팅 🔴outerEnvironmentReference(=outer) 🔻스코프, 스코프 체인 실행컨텍스트(스코프, 변수, 객체, 호이스팅) 자바스크립트의 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체이며, 다음과 같은 일을 한다. 선언된 변수를 위로 끌어올림 = 호이스팅(hoisting) 외부 환경 정보를 구성 this 값을 설정 이런 현상들 때문에 JS에서는 다른 언어랑은 다른 특징들이 나타나게 되는 것 스택 vs 큐 스택(Stack) 바스켓 LIFO 마지막에 들어간게 처음으로 나온다. 큐(Queue) 원통 FIFO 첫번째로 들어간게 처음으로 나온다. 콜 ..
“불변하다”. 혹은, ‘불변객체’의 개념이 왜 필요한지, 불변성을 유지하는 방 객체의 속성에 접근해서 이름을 변경_오류발생 // user 객체를 생성 var user = { name: 'wonjang', gender: 'male', }; // 이름을 변경하는 함수, 'changeName'을 정의 // 입력값 : 변경대상 user 객체, 변경하고자 하는 이름 // 출력값 : 새로운 user 객체 // 특징 : 객체의 프로퍼티(속성)에 접근해서 이름을 변경했네요! -> 가변 var changeName = function (user, newName) { var newUser = user; newUser.name = newName; return newUser; }; // 변경한 user정보를 user2 변수에 ..
데이터타입 데이터 타입의 종류(기본형과 참조형) 자바스크립트에서 값의 타입은 크게 기본형(Primitive Type)과 참조형(Reference Type)으로 구분됩니다. 기본형과 참조형의 구분 기준은 값의 저장 방식과, 불변성 여부입니다. 복제의 방식 기본형 : 값이 담긴 주소값을 바로 복제 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제 불변성의 여부(일반적인 불변의 의미가 아닌 데이터의 불변) 기본형 : 불변성을 띔 참조형 : 불변성을 띄지 않음 💫메모리와 데이터 비트 -> 바이트 -> 메모리 비트 - 컴퓨터가 이해할 수 있는 가장 작은 단위 - 0과 1을 가지고 있는 메모리를 구성하기 위한 작은 조각을 의미 바이트 0과 1만 표현하는 비트를 모두 찾기는 부담 - 1개 → 2..
HTTP 메소드 API URI 설계 시, 리소스 식별, URI 계층 구조 활용 URI는 리소스만 식별 리소스와 해당 리소스를 대상으로 하는 행위을 분리, 리소스는 명사, 행위는 동사 HTTP 메소드 종류 GET: 리소스 조회 POST: 요청 데이터 처리, 주로 등록에 사용 PUT: 리소스를 대체, 해당 리소스가 없으면 생성 PATCH: 리소스 부분 변경 DELETE: 리소스 삭제 HEAD: GET과 동일하지만 메시지 부분을 제외하고, 상태 줄과 헤더만 반환 OPTIONS: 대상 리소스에 대한 통신 가능 옵션(메서드)을 설명(주로 CORS에서 사용) CONNECT: 대상 리소스로 식별되는 서버에 대한 터널을 설정 TRACE: 대상 리소스에 대한 경로를 따라 메시지 루프백 테스트를 수행 GET 리소스 조회 ..
🔴HTTP 특징 🔴Stateful, Stateless 차이 🔴HTTP 메시지 🔻시작라인 🔻HTTP 헤더 🔻HTTP 메시지 바디 HTTP(HyperText Transfer Protocol) HTTP 메시지에 모든 것을 전송 HTML, TEXT IMAGE, 음성, 영상, 파일 JSON, XML (API) 거의 모든 형태의 데이터 전송 가능 서버간에 데이터를 주고 받을 때도 대부분 HTTP 사용 기반 프로코톨 TCP: HTTP/1.1, HTTP/2 UDP: HTTP/3 현재 HTTP/1.1 주로 사용 HTTP 특징 클라이언트 서버 구조 무상태 프로토콜(스테이스리스), 비연결성 HTTP 메시지를 통해서 통신 단순함, 확장 가능 클라이언트 서버 구조 Request Response 구조 클라이언트는 서버에 요청을 ..