6/15 / react

Toy 9번 문제.

 

주어지는 두 obj 의 내부까지 같은 지 deep Equals 를 비교하는 문제.

 

var deepEquals = function(apple, orange){

  let result = false;
  
  let applekey = Object.keys(apple).sort()
  let orangekey = Object.keys(orange).sort()
  
 console.log(apple,orange)
 console.log(applekey,orangekey)

  if(apple==={}&&orange==={}){
    result = true;
  }
  
    if(JSON.stringify(apple)===JSON.stringify(orange)){
      result = true;
    }
    for (let key in apple) {
      if (typeof apple[key] === "object" && typeof orange[key] === "object") {
        result = deepEquals(apple[key], orange[key])
      }
    }
  return result;
};

---

 

리액트 솔로 스프린트 시작.

 

 create react app 으로 시작해서 맨 땅에 본격적인 헤딩이 시작되었다.

 

기본적인 todolist 를 구현해보는 첫 날. 레이아웃과 설계에 많은 시간을 쏟으라는 코칭을 듣고

 

method , state 에 저장할 값 , props 로 내릴 것들 등을 정리하고 컴포넌트 구조를 설계한 뒤 코드 작성에 들어갔다.

 

state 안에 배열이나 객체의 경우 직접 수정이 되지 않는다. [...] spread operator 도 써보고 라이브러리를 이용해서 Update 도 

 

사용해보았지만 번번히 실패하다가 변수에 값을 빌려와서 변수를 state 에 변화 값으로 사용했다.

 

+ 처음 onkeypress 이벤트를 사용해보았다. 넘나 신기.. enter 는 13번!