2024.10.08 - [Project] - [포텐데이 409-1pick] 올려올려 라디오 서비스 개발기 - 2 [포텐데이 409-1pick] 올려올려 라디오 서비스 개발기 - 22024.10.07 - [Project] - [포텐데이 409-1pick] 올려올려 라디오 서비스 개발기 - 1 [포텐데이 409-1pick] 올려올려 라디오 서비스 개발기 - 1우리가 만든 서비스https://upup-radio.site/ 올려올려 라디오언제 어디dev-gallery.tistory.com서론올려올려 라디오 서비스의 전체적인 관리를 위한 어드민 페이지를 만들게 됐습니다.FE는 SvleteKit, BE는 Spring Boot로 구성했습니다. SvelteKit은 Svlete보다 편리하게 페이지 라우팅을 할 수 있는 ..

채팅 시스템을 만드는 프로젝트를 만들다가새로운 채팅이 생겼을 때 해당 채팅으로 스크롤을 내리는 기능이 필요했습니다.이렇게요! 구현 방법: beforeUpdate() & afterUpdate()전체 코드를 먼저 보겠습니다....{#each chatLogs as chat, idx} {/each}... 저는 채팅 메시지를 저장할 배열(chatLogs)을 만들었습니다. 그리고 채팅 메시지 한 건마다 'data-chat-id' 라는 값을 부여해줬습니다. (이 부분은 나중에 백엔드와 연결되면 메시지의 id 가 되겠죠?)왜냐면 data-chat-id 값을 찾아서 해당 태그로 스크롤 이동을 해야하기 때문이죠. 마지막으로 새로운 채팅이 배열에 추가될 때 마다 beforeUpdate() 와 afterUpdate()..