Given the root of a binary tree, return its maximum depth. A binary tree's maximum depth is the number of nodes along the longest path from the root node down to the farthest leaf node. 트리의 최대 depth를 구하는 문제 일종의 카데인 알고리즘으로 풀어냈다 input노드의 최대 뎁스는 left뎁스와 right뎁스의 최대 뎁스에 1을 더한것이다

Given two binary trees and imagine that when you put one of them to cover the other, some nodes of the two trees are overlapped while the others are not. You need to merge them into a new binary tree. The merge rule is that if two nodes overlap, then sum node values up as the new value of the merged node. Otherwise, the NOT null node will be used as the node of new tree. 두개의 바이너리 트리에 node 두 개가 들..

1. [ ] 의 사용 넘파이와 달리 판다스는 괄호안에 index가 아닌 컬럼명만 기입이 가능하다 조건을 통해 데이터를 가져올수도있다 2. 인덱싱 기존의 ix[ ]는 명칭(label) 기반 인덱싱인데, 이는 가독성이 떨어져 deprecated되었다 특히 dataframe의 기본 인덱싱은 명칭기반이지만, 행의 인덱스가 integer인 경우 사용자가 혼란스럽게 된다. 따라서 위치기반 인덱싱인 iloc[ ] , loc[ ]를 사용한다 0행의 sex라는 컬럼의 데이터를 찾고 싶다고 하여도, iloc는 오직 위치만 변수로 허용한다 loc[ ] 의 경우는 label인 경우만 허용한다 따라서 본문의 예시에서는 iloc[0,4]로 데이터를 찾지만, 인덱스가 'a'와 같이 label로 표기된 경우는 loc ['a','na..

usememo나 usecallback은 같은 컴포넌트 내에서 데이터나 함수의 최적화에 사용되지만 Component 자체를 최적화하려면 React.memo를 사용한다 그 중 외부 디자인 라이브러리 컴포넌트 사용시에는, 공통으로 필요한 부분에 대해 React.memo 처리해주는게 좋다 React.memo로 컴포넌트를 처리해주면, 해당 컴포넌트에 대해서는 이전 렌더링 결과가 달라지는 경우만 다시 렌더링해준다 내 경우에는 Material UI CSS 수정-> React.memo 처리하는 경우가 많았다 예컨데 해당 코드는 Material UI에서 제공하는 TextField를 가져와 CSS처리한 것이다. withStyle로 CSS를 수정한 경우 다시 컴포넌트를 리턴한다 따라서 리턴한 객체에 그대로 memo처리가 가..

항상 &에 pseudo구문으로 잡아준다 단, 여기에서 주의할 점은(hover얘긴아니지만) border자체가 없으면 color는 먹히지 않으니 hover에도 border 속성을 달아줘야 한다는 정도.

예시와같이 컴포넌트를 map으로 랜더링하는 경우를 생각해보자 4개의 컴포넌트가 리턴되었는데, 나는 특정 컴포넌트를 누를때만 효과를 적용하고 싶었다 따라서 dynamic한 CSS적용이기에 props를 이용한 makestyle을 사용하려고 한다 일단 className을 잡기위해 useStyles라는 makeStyles 함수 객체를 만들어 적용하였다 이름은 root로 하였다. 이 함수에 props를 넣어주면 이는 makeStyles객체로 전달된다. 내 경우에는 useState로 정의한 props를 만들었다 그리고 이 props를 makeStyles에 그대로 보내주었기에 나는 props으로 접근하여 CSS를 먹일수 있게 되었다 props에 CSS 데이터 자체가 있어도 괜찮지만, 나는 이것을 조건으로 사용하였다 ..