본문 바로가기
반응형

JavaScript27

[JavaScript] zerocho 자바스크립트 강의 11, 12강 flipped - 뒤집기. pop, unshift, shift, splice, push = 원본이 바뀌는 애들 concat, slice, filter, every, map, forEach, some, find , findindex, includes ... 등등 = 원본이 바뀌지 않음 원본바뀌지 않는 애들이 재사용 하기 좋음. Event Loop 와 Task Queue https://thebook.io/080270/part02/ch11/05/02-06/ Let's Get IT 자바스크립트 프로그래밍: 11.5.2 카드 짝 맞추기 게임의 호출 스택과 이벤트 루프 - 6 thebook.io 어떤 순서로 알파벳이 찍히는지 호출 스택과 이벤트 루프를 통해 설명해 보세요. 자바스크립트에서 중요한 3가지 실행 컨텍스.. 2021. 8. 20.
[javaScript] zerocho 자바스크립트 강의 10강 JSON JSON 객체는 JavaScript Object Notation(JSON)을 분석하거나 값을 JSON으로 변환하는 메서드를 가지고 있습니다. JSON을 직접 호출하거나 인스턴스를 생성할 수 없으며, 두 개의 메서드를 제외하면 자신만의 흥미로운 기능은 없습니다. JSON.parse() - 메서드는 JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성합니다. 선택적으로, reviver 함수를 인수로 전달할 경우, 결과를 반환하기 전에 변형할 수 있습니다. JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환합니다. 선택적으로, replacer를 함수로 전달할 경우 변환 전 값을 변형할 수 있고, 배열로 전달할 경우 지정한 .. 2021. 8. 19.
[자바스크립트 ] ] zerocho 자바스크립트 강의 9강 //다음 객체에서 a, c, e 속성을 구조분해 할당 문법으로 변수에 할당하기 const obj = { a : 'hello', b: { c: 'hi', d: {e : 'wow'}, }, }; const {a, b: {c, d:{e}}} = obj; const a = obj.a; const c = obj.b.c; const e = obj.b.d.e; // a, b, e속성을 구조분해 const {a, b} = obj; const {d: {e}} = b; >>b:이렇게 하면 할당이 안되기때문에 두번 해줘야함. 이벤트 버블링 - 이벤트가 발생할 때 부모태그에도 순차적으로 동일한 이벤트가 발생하는 것을 말함 event.currentTarget => 테이블에 직접 주고싶으면 currentTarget 이벤트 버블링.. 2021. 8. 19.
[JavaScript] zerocho 자바스크립트 강의 7강 8강 setInterval - setTimeout 과 비슷한 효과를 낸다. 그러나 setTimeout은 한 번 실행되고 마는 반면 setInterval은 지정한 시간마다 주기적으로 지정한 함수를 실행함. clearInterval, clearTimeout - 취소 rspx. rspx[scissors] [] 값자리 (변수) .뒤는 문자열이다 setInterbal(() => { console.log('hello'); }, 1000); //(얘는 1초를 보장하려는 노력을 함, 간격을 확실하게 지키려면 완벽하진 않지만 setinterbal) //setTimeout으로 바꾸기 (hello가 끝난 후에 1초임, 간격을 확실하게 보장하지 않아도 되면 셋타임) function hello() { console.log('hell.. 2021. 8. 19.
[JavaScript] zerocho 자바스크립트 강의 6강 비동기 코드 - 실제로 코딩한 순서와 다르게 동작하는 코드를 비동기 코드라고 함. 순서대로 바로 실행되는 것이 아니라 나중에 실행되는 것 ex) eventListener가 대표적인 비동기 코드 Fisher-Yates Shuffle 전부다 섞는 것을 피셔 예이츠 셔플이라고 함. 숫자를 무작위로 섞는 방법이며 먼저 무작위 인덱스를 하나 뽑은 후 그에 해당하는 요소를 새로운 배열로 옮김.이를 반복하다 보면 새 배열에 무작위로 섞인 숫자들이 들어감. 조건이 간단하면 while 문이 편하고, 조건이 복잡하면 for 문이 편함. 또한 몇번 반복해야 할지 감이 안올때도 while을 쓰면 편하다. map, slice - 원본배열은 바꾸지 않는다. splice - 원본배열이 바뀐다. 첫인덱스 갯수 추가할 버튼 sort .. 2021. 8. 18.
[JavaScript] zerocho 자바스크립트 강의 4강 5강 중첩 if 문 줄이기 1. if문 다음에 나오는 공통된 절차를 각 분기점 내부에 넣는다. 2. 분기점에서 짧은 절차부터 실행하게 if문을 작성한다. 3. 짧은 절차가 끝나면 retrun(함수 내부의 경우)나 break(for문 내부의 경우)로 중단. 4. else를 제거한다(이 과정에서 중첩 하나가 제거됨). 5. 다음 중첩된 분기점이 나오면 위의 과정을 반복한다. // if문의 중첩줄이기 // function test() { // let result = ''; // if (a) { // if (!b) { // result = 'c'; } // } // } else { // result = 'a'; // } // result += 'b'; // return result; // } function test.. 2021. 8. 18.