\(@^0^@)/

[TDL] 06/26 Today's-Done-List 본문

TDL

[TDL] 06/26 Today's-Done-List

minjuuu 2022. 6. 26. 23:02
728x90

- leetcode array and string 복습

filter와 reduce 함수에 대해 더 공부하자!
두 함수를 잘 활용하면, 알고리즘 문제를 풀 때 간결한 로직을 짜기 쉬운 경우가 많다.
완벽하게 숙지가 안됐어서 늘 사용할 때마다, 계속 mdn을 찾아보는 나...
많이 연습해서 최대한 안 보고도 사용할 수 있도록!!

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

 

Array.prototype.filter() - JavaScript | MDN

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

 

Array.prototype.reduce() - JavaScript | MDN

The reduce() method executes a user-supplied "reducer" callback function on each element of the array, in order, passing in the return value from the calculation on the preceding element. The final result of running the reducer across all elements of the a

developer.mozilla.org


- 제로베이스 JS스터디 미션 5

이번 미션은 뉴스리스트 구현 (+무한 스크롤)

1. 리액트가 아닌 바닐라 js로 tab active를 조절하는 게 생각보다 잘 안된다ㅠ 내가 구현한 방법이 맞는지도 잘 모르겠음...
내일 마무리하고 시간이 남는다면 다른 사람들의 레퍼런스를 찾아서 더 좋은 방법이 있다면 수정해보자.

2. 함수를 적재적소에 넣고 있는 건지 잘 모르겠다...
작동은 에러 없이 잘 된다마는 내가 구현한 여러 함수들이 알맞은 스코프와 플로우로 흘러가는지 확신이 아직 안 선다.
또한, 요즘은 코드의 중복을 줄이기 위해서 꽤나 노력하고 있는데 이것이 최선인지, 맞는 방법인지도 늘 고민 중이다.
특히 html 동적 생성 부분... 쿼리 셀렉터는 함수로 생성하여, 가독성 좋게 구현할 수 있는데 요소를 생성하여 추가하는 부분은 어떻게 줄이면 좋을지 잘 모르겠음.

3. 무한 스크롤은 다른 사람의 코드를 참조하여서 내 스타일로 바꾸었긴 한데, 그래도 아직 이해 안 가는 부분들이 있어서 제출 후에 완벽히 이해할 수 있도록 만들어보자. 그 말은 곧 TIL 작성할 것이 하나 더 늘었다는 뜻...


주말 회고(만족도: 8)

어제 펑펑 놀아서 발등에 불이 떨어진 탓인지^^ 집중 잘 돼서 한 가지를 제외하고 모두 구현하였음. 남은 하나가 제일 어려워 보이는 게 함정
다행히 내일이면 계획한 대로 마무리할 수 있을 것 같아서 만족도는 8점!


 

728x90

'TDL' 카테고리의 다른 글

[TDL] 06/30 Today's-Done-List  (0) 2022.06.30
[TDL] 06/27 Today's-Done-List  (0) 2022.06.27
[TDL] 06/24 Today's-Done-List  (0) 2022.06.24
[TDL] 06/23 Today's-Done-List  (0) 2022.06.24
[TDL] 06/22 Today's-Done-List  (0) 2022.06.22