개발자

커리어리 개발툴은 뭘로 만들어졌을까요, 서버 최적화 방법 질의

2024년 11월 22일조회 91

커리어리 웹뷰는 뭘로 만들어졌나요 ? 우연히 커리어리를 알게 되어서 사이트를 구경하던중 글 남깁니다. 저는 올해 40세이고 취미로 코딩을 배우면서 현재는 메타의 threads 와 비슷한 웹뷰를 만들고 있습니다. 독학으로 배우다보니 깊이가 없어서 한계에 직면해 있는거 같아요. 커리어리에서 스크롤을 내리다보면 딜레이 없이 페이지들이 거의 무한으로 내릴 수 있던데 기술적으로 그게 참 궁금하고요. 게시글을 포스트 했을때도 거의 딜레이 없이 게시물 업데이트가 되더라구요. 저 같은 경우에는 Next JS 로 웹뷰를 구성했고 database 는 vercel neon (무료버전. 서버는 싱가폴위치) Image 는 uploadthing (100GB 유료걸제 10$. 서버는 한국) 게시글 post 시에 단순 텍스만 입력을 하더라도 업로드 되고 화면에 뿌려지는데 2~3초의 딜레이가 발생합니다. database 가 무료 버전에 싱가폴에 있어서 반응이 느린건지 코드 최적화가 문제인지 모르겠습니다. 제가 테스트중인 사이트 주소는 아래와 같습니다. https://newchat-omega-inky.vercel.app/ 게시글 업로드 속도만 높일 수 있다면 정말 좋을 거 같은데 뭔가 벽에 막힌거 같습니다 ㅜㅜ

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

Supernova님의 프로필 사진

Php나 jsp 같은데요 Node 기반은 느린 것 같더군요

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 11월 22일

먼저, 커리어리의 구체적인 개발 환경과 툴에 대해서는 공개된 정보가 없어 정확히 답변드리기 어렵습니다. 그러나 웹사이트에서 무한 스크롤, 즉 페이지네이션을 구현하고 싶으시다면, 프론트엔드에서는 Intersection Observer API (혹은 React의 경우 react-intersection-observer)를 사용해 보실 수 있습니다. 이를 사용하면 브라우저가 특정 element가 현재 보이는지 아닌지를 감시하여 구현할 수 있습니다. 게시글 업로드에 대한 딜레이 문제는 여러 가지 요인이 복합적으로 작용할 수 있습니다. 1. 네트워크 지연(latency) : 서버 위치와 사용자 위치간의 거리가 멀어질수록 데이터 전송 시간도 길어집니다. 2. 데이터베이스 성능 : 무료 버전 DB를 사용하실 경우 제한된 자원 때문에 성능 이슈가 발생할 수 있습니다. 3. 코드 최적화 : 비효율적인 코드는 처리 속도를 저하시킬 수 있습니다. 딜레이 문제 해결을 위해 다음과 같은 방법들을 고려해보실 수 있습니다. - 클라우드 서비스 제공업체에서 제공하는 CDN(Content Delivery Network) 기능을 활용해 보세요. - DB 쿼리 최적화를 통해 성능을 개선해 보세요. - 코드 최적화 : 비동기 처리, 이벤트 디바운싱(debouncing)나 스로틀링(throttling) 등 프론트엔드 성능 최적화 방법을 적용해보세요. 이외에도 웹 성능 최적화는 매우 광범위한 주제로 다양한 방법들이 있습니다. 더 자세한 조언을 원하신다면, 서비스의 특성과 요구 사항에 대해 더 자세히 알려주시면 좋겠습니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!