본문 바로가기
반응형

분류 전체보기253

[JavaScript] zerocho 자바스크립트 강의 13, 14강 function startGame() { const $fragment = document.createDocumentFragment(); [1, 2, 3, 4].forEach(function () { const rowData = []; data.push(rowData); const $tr = document.createElement('tr'); [1, 2, 3, 4].forEach(() => { rowData.push(0); const $td = document.createElement('td'); $tr.appendChild($td); }); $fragment.appendChild($tr); }); $table.appendChild($fragment); put2ToRandomCell(); draw(); .. 2021. 8. 22.
[TIL] 2021. 08. 20 이제 자바스크립트 강의가 끝이 보인다 . 내일 2강만 더 들으면 끝이 난다. 이제 했던거 한번씩 내가 정리한거 찾아보고 다시 리액트 강의로 돌아가면서 모르는 부분은 따로 따로 찾아봐야겠다. 처음부터 완벽하게 숙지보다는 자바스크립트가 어떻게 실행되고 어떻게 사용해야 되는지에 대한 감을 익히고 싶어 시작했는데 사실 지금 어느정도 까지 숙지가 됐는지는 나도 잘 모르겠다. 이제 자바스크립트 강의가 거의 끝나가니까 다시 새로운 목표를 가지고 공부계획을 세워보아야 겠다 2021. 8. 20.
[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.
[TIL] 2021. 08. 19 점점 자바스크립트 공부가 어려워졌다. 약간 일주일이 지나서 멍해졌나 오늘따라 집중이 안됐다. 내일부터는 더 집중해서 열심히 공부를 해야겠다. 오늘 다사다난한 일이 많아서 좀 공부가 벅찼다. 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.