인프런 워밍업 클럽 스터디 1기 FE - 2주차 발자국
1주 동안 한 것
Github Finder
GitHub Finder 고민 사항
처음에는 검색 창만 있었는데, 이후 깃헙 사용자를 검색하니 profile & repo list가 나타난다.
이 부분을 만족시키기 위하여 2가지 방법을 생각해보았다.사용자의 이름이 검색될 때 마다 삭제 후 생성.
처음에는 profile & repo list을
display: none
으로 설정 후, 나중에 변경.
예전에 비슷한 과제였던 음식 메뉴 앱에서는 a 방법으로 만들었었다.
그 때는 탭이 이동하여, 전체적인 내용이 변경되는 느낌에서 전체 페이지가 리렌더링 된다고 생각하였지만, 이번 과제에서는 탭의 이동이나 변경사항 없이 한 페이지에서 일어나는 동작이여서 b로 구현하기로 생각했다.
또한 a방법으로 구현하면 리렌더링 되는 부분의 요소가 많으므로 좀 더 비효율적이라고 생각했다.input 창에서 user 검색에 대한 결과를 보여주는 방식에도 고민했었다.
input event로 즉각적인 검색 결과를 보여줌.
onblur event나 onclick event로 결과를 보여줌.
처음에는 input으로 event를 적용하였을 경우, 중간에 불필요한 api 호출이나 리렌더링에 대한 생각때문에 꺼려졌다.
하지만 과제의 영상에서는 아마도 input을 event로 적용한 것 같았고, 또한 검색하는 페이지가 렌더링되는 걸 보여주는 것이 조금 더 사용자한테 지금 입력을 받고 반응 중이다라는 것을 보여주는 것 같아서 좋았다.
그리고 이 작은 페이지에서 일어나는 렌더링 반응이 많아 봤자 그렇게 크지 않을 거라 생각하기도 하여 결국 a 방안으로 가게 되었다.
그러나 지금 생각해보니, b 방안으로 가고 검색창에 입력이 들어오는 동안 보여줄 loading css 를 작성하는 것도 괜찮았을 거라는 생각이 든다.
워밍업 클럽이 끝나고 시간적 여유가 있을 때 수정해놔야겠다!
회고
이번주에 밀린 과제와 강의 내용을 다 들으려고 했다.
하지만, 이번주 것까지 모두 밀리게 되었다...
이렇게 된 이유는 휴식 시간을 생각 안 하고 일정을 계획하며, 모든 것을 할 수 있을 거라 믿었던 것 같다.
이번주에는 모든 과제를 다 하겠다는 생각은 버려두고 밀린 강의부터 듣어야 겠다.
이번주도 화이팅!!
댓글을 작성해보세요.