본문 바로가기

2020-2021/Errors21

1123 ipex.tistory.com/entry/React-%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%9D%98-%EC%9D%B4%EB%B2%A4%ED%8A%B8-epersist-aka-SyntheticEvent-If-you-must-keep-the-original-synthetic-event-around-use-eventpersist [React] 리액트의 이벤트 e.persist ( aka SyntheticEvent) If you must keep the original synthetic event around, use event. 안녕하세요 오늘은 간단하게 짚고 넘어가야 할 리액트 에서 이벤트 핸들링에 특징 이 있어 작성하려고 왔습니다. SyntheticEvent ( 합성 이벤트 ) onCha.. 2020. 11. 23.
11/4 오늘은 10월 19일부터 지금까지 Immersive course에서 배운 내용들을 점검할 수 있는 HA test를 치렀다. 09시부터 18시 총 9시간 동안 객관식 19문제, 코딩 테스트 6문제로 총 25문제로 구성된 문제들을 해결해야 했다. (나는 21시를 넘겨서 제출했다..ㅠ) 문제들은 지금까지 배웠던 data structure와 객체지향의 개념들을 중심으로 출제되었다. immersive의 첫 테스트는 pre때 봤던 시험보다 쉽다고 했는데... 나는 개인적으로 이번 시험이 더 어려웠다. 문제를 보고 이해한 것을 코딩으로 구현하는 데에는 생각보다 시간이 오래 걸리 않았다. 하지만?? 빨간색 불들은 초록색으로 바뀌지 않았다.. 내가 구현한 코드들은 모두 잘못된 코드였다. (문제를 완벽하게 잘못 이해하고 .. 2020. 11. 4.
11/3 11/2일 까지는 블로깅한 부분을 체크하고 수정을 하는 시간을 가졌다. 과거에 썼던 내용을 다시 정리하려고 하다보니 내가 알고 있었다고 착각한 부분들도 많았고 까먹은 부분들도 굉장히 많았다. 복습의 중요성 ㅠㅠ 하루에 1 블로깅을 목표로 했는데 .. 벌써 이렇게 많은 글들이 ... 쌓였다. [이렇게 시간이 걸릴지 몰랐다.] 블로깅 수정하면서 잊고 있었던 부분이나 수정했던 부분들을 기록 했어야 했는데.. 블로깅 수정에만 초점을 두니 그러지 못했다 .. 다음부턴 수정한 부분들에 대한 것들도 블로깅으로 남겨야겠다 : ) 2020. 11. 3.
Class sprint 중 setTimeout // super setTimeout에서 두번째 매개변수에 this는 window를 가르키지 않는 이유. setTimeout 함수를 실행시키면 callback 함수에 들어가는 this는 setTimeout의 속성으로 object의 객체인 window를 향한다. 하지만 그 외 다른 파라미터의 this는 window를 가르키지 않는다. 고로 setTimeout의 delay부분은 init.js에서 랜덤으로 생성된 시간을 가져와야 하기 때문에 this를 사용해준다. function createDancerElement() { let elDancer = document.createElement("span"); elDancer.innerHTML = ""; elDancer.className = "dancer"; return elDanc.. 2020. 10. 30.
10/29 잊기전에 메모... psuedo classical -부모객체의 프러퍼티를 가져오려면 call이나 apply로 묶어서 가져온다. (Parent.call(this, ....args)) -상속을 받기 위해서는 ? 1단계 자신.prototype에 Object.create(부모객체.prototype)를 추가 2단계 1단계만 실행할 경우 객체안의 실행자(constructor)은 부모이기 때문에 이를 자신으로 바꿔줘야 한다. 하지만 es6의 class 함수는 그 기능이 내장되어 있어 call이나 bind를 하지 않아도 가져올 수 있다. 2020. 10. 29.
10월 11일 function compressString(str) { for(let i =0 ; i 2) { str = str.replace(newArr, count); } } return str; } ----------------------------------- function compressString(str) { let count = 1; let newArr = ''; for(let i =0 .. 2020. 10. 11.
10월10일 function studentReports(students) { Step1. 남자를 제외한 배열을 만든다. let num = 0; let femaleArr = students.filter(student => student.gender === 'female') Step2. Step1에서 만든 요소들 중 grades를 담고있는 배열을 뽑아온다. let getScore = femaleArr.map(females => females.grades) console.log(getScore) Step3. step2에서 뽑아온 점수의 평균을 낸다. let getAverage = getScore.forEach(score => score.reduce((subjectScore1, subjectScore2) => subject.. 2020. 10. 10.
10월9일 function studentReports(students) { let femaleArr = []; students.forEach(function (ar) { if (ar.gender === "female") { femaleArr.push(ar); } return femaleArr; }); // 학생 점수 모으기 let newArr = femaleArr; let score = []; let num2 = 0; newArr.forEach(function (ar) { score.push(ar.grades); return score; }); /* arr[0] = [4.5, 3.5, 4] arr[1] = [5, 4, 4 ,3] [ [4.5, 3.5, 4] + [5, 4, 4 ,3] ] */ let sum = sc.. 2020. 10. 9.
10월8일 소수구하기 function listPrimes(num) { let res = ''; for (let i =2; i 2020. 10. 9.

티스토리툴바