뭐가 더 좋은 코드임? 프론트 혼자 독학하니깐 궁금해

[딘퐁(gunwoo7193)]

페이지를 접속해서 버튼이 있다고 치자

버튼을 누르면 날씨 목록을 불러와주면

보통 페이지를 처음 그릴 때 날씨까지 들고와서

메모리 올려두고 바로 불러옴?

아니면 버튼 누르는 순간에 네트워크 쓰레드를 날려서 날씨를 요청함?

- dc official App

[익명(119.56)]

로딩 오래걸릴것같으면 비동기로 하는게 좋지

[딘퐁(gunwoo7193)]

[프갤러 1(175.193)]

불러오는 날씨 시간이 now인거면 버튼 누를때 불러오는게 좋지 않을까 페이지를 들어와서 버튼을 1시간 이따 누르면 1시간전 날씨 데이터가 보여지는거니까 위 생각이 ㅈㄴ 쓸대없는 생각인거 같아 보여도 이런 디테일에서 사용자 경험이 올라간다고봄 근데 첫댓 말처럼 조회가 오래 걸리면 페이지 접속 하자마자 일단 불러와서 보여주고 버튼 다시 누르면 리로딩 하면 되겠네

[딘퐁(gunwoo7193)]

[프갤러 2(218.147)]

약간의 설계 문제인데 뭐가 좋다고 말할 수는 없어. 그냥 말그대로 설계의 문제 예를들어 규모가 큰 페이지거나 날씨를 자주보지 않다면 당연히 비동기로 버튼을 눌렀을때 날씨를 가져와야 api비용을 낮출 수 있겠지? (UI 적으로 날씨를 불러오는 로딩은 당연히 있어야겠고) 하지만 규모가 매우 작고 날씨 보여주는 것 하나만을 위한 사이트고 하면 처음 페이지 접속했을때 불러와도 되겠지 이럴땐 일반 비동기 말고 tanstack-query나 swr, (next의 fetch) 같은 네트워크 캐싱이 되는 것을 이용하는게 좋아 즉, 뭐가 좋다 는 아니고 상황에따라, 설계에 따라 달라