[TIL] 2020/10/16

yongkini ·2020년 10월 16일
0

Today I Learned

목록 보기
54/172

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개 도전해보기
profile
완벽함 보다는 최선의 결과를 위해 끊임없이 노력하는 개발자

0개의 댓글