본문 바로가기

js27

js set 데이터 타입 set은 ES6에 공개된 배열과 비슷한 데이터 구조임 배열과 다른점은 중복을 허용하지 않는다 대충 아래와 같이 생성let a = [1,2,3,4,4,5,6,6,6];let b = new Set([1,2,3,3,4,5]);console.log(a); //[1, 2, 3, 4, 4,5, 6, 6, 6]console.log(b); //Set(5) { 1, 2, 3, 4, 5 }b = new Set(a);console.log(b); //Set(6) { 1, 2, 3, 4, 5, 6 }추가적으로 아래와 같은 메소드들이 있다. add 더하고size 길이clear 초기화delete 인덱스넣으면 해당 번호의 요소 없애기일듯 let a = new Set();console.log(a) // Set(0) {}a.add(5).. 2022. 10. 17.
js 즉시실행함수 즉시실행함수란 정의되자마자 실행해버리는 함수를 말함.function shouting() { console.log(str)}shouting('으악'); // 으악 1. 함수를 선언하고,2. 바로 호출 위의 기존코드를 즉시실행함수로 바꾸면 아래와 같음(function shouting(str) { console.log(str)})('으악');const shouting = function (str) { console.log(str)}('으악');const shouting2 = ((str) => { console.log(str)})('으악');위 코드를 실행시>> 으악>> 으악>> 으악함수들이 바로 실행됐단 걸 확인가능함  그런데 신기한 점이 하나 있는데,shouting함수가 두 번 선언이 되어있.. 2022. 5. 31.
js ajax로 비동기 통신하기 기존 클라이언트가 서버에 요청을 할 때는 매번 전체 페이지를 새로 렌더링을하며 불편함을 줬었다.=> AJAX는 이 불편함을 없애기 위해 등장한 것=> 서버와 비동기적으로 http 통신을하며 일부 내용만 교체를 함 ajax 기술의 핵심에는 XMLHttpRequest 객체가 있습니다.이 객체를 통해 서버와 통신할 수 있습니다.옛날 브라우저에선 XMLHttpRequest 객체대신 ActiveXObject를 쓴다네요1. 기존 XMLHttpRequest 통신방법const httpRequest = new XMLHttpRequest()httpRequest.open("POST", "/examples/media/request_ajax.php", true);httpRequest.setRequestHeader("Conten.. 2022. 2. 4.
js 배열함수 for in객체의 속성들을 반복하여 사용한다.for(const 작명 in object){}key에 대하여 반복 실행하며 value는 [object.작명] 과 같은 식으로 참조한다.   for of배열 요소들을 반복하여 사용한다.for(const 작명 of array){}//기본적으로 value에 대하여 반복 실행하지만 문장을 바꿔 index참조변수도 같이 만들 수 있다.for(const [작명인덱스 , 작명값] of array.entries()){}   forEach배열 요소들을 반복하여 사용한다.array.forEach(function(value, index, array) { console.log('인덱스 '+index+ ': ' +value+', 배열의 전체는: '+array);})array.for.. 2022. 1. 17.
js node, npm, cli node- 자바스크립트를 서버에서도 사용할 수 있게 만든 프로그램- 서버사이드 스크립트 언어가 아닌 프로그램(환경)이다- 자바스크립트 위에서 동작하는 런타임이다​런타임- 특정언어로 만든 프로그램을 실행할 수 있는 환경- 따라서 노드는 자바스크립트 프로그램을 컴퓨터에서 실행할 수 있게 하는 런타임이다​npm(node package manager)- 자바스크립트 코드 패키지를 모아놓은 저장소​cli- 프로젝트를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 도와주는 도구 2022. 1. 15.
js console 종류 console.assert(2 == 2, ' log ');>> 조건이 맞을때만 출력console.table(object)>> 객체를 테이블 형태로 출력console.time('start')console.timeEnd('end')>>time과 timeEnd사이의 실행시간을 측정 2022. 1. 15.