[TIL] 2021/11/27 Sat - 최종_진짜최종_진짜리얼최종_진짜파이널최종.js

 

 

 

 

Today I Learned

 

 

 

진짜 최종 파이널 개인 과제를 마쳤다.

 

배포하고 보니 규격이 마음에 안 드는 곳이나, 모바일로 볼 때 버튼이 불편해 보인다던가 하는 문제들이 있었고,

그 외에도 버그들이 몇 개 발견돼서 토요일 오후까지 수정에 수정을 거듭했다.

 

 

 

📌 개인 과제 - 리프레시 했을 때 404 NoSuchKey 에러 발생

 

     단어를 추가하거나 수정하는 페이지에서 새로고침을 하면 404 NoSuchKey 에러가 발생했다.

 

     로컬 호스트에서는 문제가 없었는데 배포 후 확인하면 에러가 발생했다.

     찾아보니 s3 버킷에서 호스팅 설정할 때 오류 발생 시 반환할 문서를 지정해주면 해결되는 간단한 문제였다.

 

 

 

 

📌 개인 과제 - 최신순으로 새로운 단어 카드 생성

 

    단어를 추가하면 새로운 카드가 제일 앞에 붙도록 수정했다.

  

    이건 우리 조의 다른 분과 코드 리뷰를 하면서 힌트를 얻게 돼서 급하게 수정했다.

    안그래도 단어를 추가하면 카드가 랜덤으로 아무 위치에 붙는 게 싫었는데 다행이었다.

 

    이거 때문에 Firestore에 있는 모든 문서의 데이터 필드를 수정해야 했지만 하길 잘 했다는 생각이 든다.

 

   

    

 

 

📌 개인 과제 - 스피너 수정

 

     스피너 화면을 수정했다.

 

     배경색이 어두워서 처음에는 노란색 달 아이콘을 넣었는데, 

     페이지와는 안 어울리는 것 같아서 깔끔한 로딩 svg 파일을 찾아서 수정했고 마음에 든다!

 

 

Spinner

 

 

이 외의 자잘한 것들을 수정하면서

끝날 때 까지 끝난 게 아니구나~라는 생각이 또 들었다.

 

 

 

📌 개인 과제 - 코드 리뷰

 

    

     그리고 같은 조의 한 분과 서로 작성한 코드를 공유하면서 리뷰를 진행했다.

     아쉽게도 나머지 두 분은 과제를 완성하지 못 한 상태라서 함께하지 못했다.

 

     이렇게 페이지를 그린 코드를 리뷰하는 건 처음이라서 떨렸지만 결과적으로 만족스러웠다.

     나는 리뷰를 하면서 팀원분이 카드를 순서대로 붙게 한 걸 보고 Date.now() 힌트를 얻을 수 있었고,

     팀원분도 내 코드를 보면서 체크 기능이나 카드 영역을 호버했을 때 단어만 하이라이트되도록 하는 CSS,

     레이아웃을 그리드로 잡는 것 등 도움을 받을 수 있었다.

 

     앞으로도 시간적인 여유만 된다면 이렇게 주차가 끝날 때마다 리뷰를 진행하는 것도 좋을 것 같다.

 

 

 

📌 알고리즘 스터디

 

     BFS와 DFS는 고사하고, 그래프 문제를 풀기 위한 스택, 큐 문제를 이해하는 것도 어려웠다.

     그래서 항해에서 제공해준 알고리즘 스터디 문제들을 풀려고 했지만 그 문제조차도 어려웠다.....

 

     결국 백준 문제들을 단계별로 2~3 문제씩 정해서 풀기로 했다.

     이번 주에는 입출력, 연산, if문 문제들을 풀기로 했는데 오늘 다 풀어버려서

     시간이 된다면 다른 문제들도 먼저 풀어 볼 생각이다.

 

     백준 입출력이 어려워서 고양이 출력하는 문제를 5번이나 틀렸다. ㅎㅎ

 

     

 

 

내일은 밀려 있는 개념 정리를 마치고 이번 주 회고록을 작성해야겠다.