[Array] arr.splice(n, m) : 특정 요소 지움 n은 시작, m은 개수 arr.splice(n, m, x) : 특정 요소 지우고 추가 arr.splice() : 삭제된 요소 반환 arr.slice(n, m) : n부터 m까지 반환 arr.concat(arr2, arr3 ..) : 합쳐서 새배열 반환 arr.forEach(fn) : 배열반복 arr.indexOf/arr.lastIndexOf arr.includes() : 포함하는지 확인 arr.find(fn)/arr.findIndex(fn) : 함수 연결 가능 첫 번째 true값만 반환하고 끝 만약 없으면 undefined를 반환 arr.filter(fn) : 만족하는 모든 요소를 배열로 반환 arr.reverse() : 역순으로 재정렬 a..

property key : 문자형 const obj = { 1 : '1입니다.', false : '거짓' } symbol(심볼) : 유일한 식별자를 만들 때 사용 const a = Symbol(); //new를 붙이지 않습니다! const b = Symbol(); console.log(a) //결과값 : Symbol() console.log(b) //결과값 : Symbol() but a == b; => false로 출력 a === b; => false로 출력 symbol : 유일성 보장 const id = Symbol('id'); //뒤에 붙은 'id'는 설명해주는 것임. 심볼 생성에 영향x 심볼을 객체로 사용하여 보면 property key : 심볼형 const id = Symbol('id); cons..

변수 호이스팅 TDZ (Temporal Dead Zone) 변수 let const var 1) var var는 한 번 선언된 변수를 다시 선언할 수 있다 var name = 'Mike'; console.log(name); //Mike var name = 'Jane'; console.log(name); //Jane *같은 상황에서 let은 문제가 발생 var는 선언하기 전에 사용할 수 있다 console.log(name); //undefined var name = 'Mike'; 왜냐하면 var는 var name; console.log(name); //undefined name='Mike'; 로 동작하기 떄문 var로 선언한 모든 변수는 코드가 실제로 이동하지는 않지만 최상위로 끌여올려진 것처럼 작동, 이를..

URI(Uniform Resource Identifier) URI는 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다 URI (단어 뜻) - Uniform : 리소스 식별하는 통일된 방식 - Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음) - Identifier : 다른 항목과 구분하는데 필요한 정보 URL : Uniform Resource Locator URN : Uniform Resource Name URL, URN (단어 뜻) - URL - Locator : 리소스가 있는 위치를 지정 - URN - Name : 리소스에 이름을 부여 - 위치는 변할 수 있지만, 이름은 변하지 않는다 - urn:isbn:8960777331 (어떤 책의 isbn UR..

[IP] IP 인터넷 프로토콜 역할 - 지정한 IP 주소(IP Address)에 데이터 전달 - 패킷(Packet)이라는 통신 단위로 데이터 전달 IP 프로토콜의 한계 1. 비연결성 - 패킷을 받을 대싱이 없거나 서비스 불능 상태여도 패킷 전송 2. 비신뢰성 - 중간에 패킷이 사라지면? - 패킷이 순서대로 안오면? 3. 프로그램 구분 - 같은 IP를 사용하는 서버에서 통신하는 애플리케이셔닝 둘 이상이면? 이에 대한 해결책 => TCP [ TCP UDP] TCP 특징 전송 제어 프로토콜(Transmission Control Protocol) - 연결 지향 - TCP 3 way handshake (가상 연결) - 데이터 전달 보증 - 순서 보장 -신뢰할 수 있는 프로토콜 - 현재는 대부분 TCP 사용 UDP..

[Hooks의 개념과 useState, useEffec] Hooks useState state를 사용하기 위한 Hook setCount => useState를 사용하는 방법에서는 변수 각각에 대해 set 함수가 따로 존재! useEffect : Side effect를 수행하기 위한 Hook Side effect : 리액트에서는 효과, 영향을 의미함 다른 컴포넌트에 영향을 미칠 수 있으며, 렌더링 중에는 작업이 완료될 수 없기 때문 => 리액트의 함수 컴포넌트에서 Side effect를 실행할 수 있게 해주는 Hook useMemo Memoized value를 리턴하는 Hook Memoization? 최적화를 위해 사용. 연산량이 많이 드는 함수의 호출량을 기억해두었다가 같은 입력값으로 함수를 호출하면 새..