Today, I Will Learn

• Toy 19번 -정렬 공부 및 문제 제출 마무리
• Toy 15번 -문제 풀기
• Toy 20번 풀기
• redux로 만든 toDoList 완성해보기

Today, I Learned

• Toy 19번 clear : 시행 회수가 늘어나면 평소에는 간단해 보이는 첫시행도 O(n)으로 치면 100000번을 수행할 수 있게 된다. 이러한 부분을 조금만 효율적으로 바꾸면 시간복잡도가 크게 달라진다. => 알고리즘을 짤 때는 항상 '어떻게하면 좀 더 효율적일 수 있을까?'를 생각하자
• Toy 15, 20번 clear!: 20번에서 유클리드 알고리즘으로 최대 공약수를 구해보았다(재귀함수 이용)

     function uclidRecursion(a, b) {
      if(b===0) return a;
      n = a % b;
      a = b;
      b = n;
      return uclidRecursion(a,b);
    }

• html에서 div가 화면을 꽉채우게 할 때, html, body height를 이런식으로 설정하고, 그 아래에 root div의 포지션을 absolute로 준다음에 height, width 100%를 주면 된다.

  
  html {
      height: 100%;
  }
  body {
  
  min-height: 100%;
  
  }
  #root {
  
  display: flex;
  
  position: absolute;
  
  flex-direction: column;
  
  height: 100%;
  
  width: 100%;
  
  }

• redux-react로 toDoList APP 만들기 : 일단 기능은 전부다 구현했다. 삭제 버튼을 누르면 지워지고, completed 체크박스를 누르면 text-decoration-line으로 줄을 그어지게 했다. 하지만.. 역시 문제는 css에서 나타났다. 반응형이 안된다는 것이 결론. 크기를 좀만 바꿔도 삐뚤빼뚤.. 난리가 났다. 오늘은 더이상 효율이 안나올 것 같고, 내일은 css 부분을 설계해서 좀 더 완벽하게 만들어보자. 모두를 flex 혹은 grid로 만들어야할까..?

Planning to Study

• 토요일까지 ToDoList 기능 구현할 부분 :

  1) css 반응형 적용해서 max-width적용해서 핸드폰에서도 볼 수 있게 만들기
  2) 서버를 만들어서 (with express JS) URL을 껐다 켜도 내가 등록해놓은 자료들이 계속 유지되도록 만들어보기
  3) flex or grid를 써서 내가 그리는 완벽한 아키텍쳐 만들어보기
  4) 시계 기능 구현해보기

• Toy Problems 최대 2개 도전해보기