영호 좋아요 버튼이 콘솔에는 잘 찍히지만 화면에 렌더링 되지 않습니다.

반갑습니다!이번에 vite와 svelte가 업그레이드 된 관계로 최신버전이 설치되어 상태변수 문법이 좀 변경되서 그런것 같네요.해당 이슈는 얼마전 공지한 바 있는데 강의와 동일한 버전으로 패키지들을 설치하시면 되구요,npm install 하시기 전에 package.json파일을 깃허브 실습자료에서 프로젝트에 복사해서 설치해주시면 해결됩니다~비슷한 질문이 있으니 참고해주시고 혹시 이해가 안가는 부분이 있으면 다시 질문해주세요^^https://www.inflearn.com/community/questions/1429355

영화목록 component 만들기 에서 질문이 있습니다.

let likeCount로 변수 선언하고 콘솔에서 값이 변경되고 있다면 화면에도 변경이 되어야 합니다. html에서 {변수명} 잘 확인해 보시구요. 오타가 있으리라 봅니다.실제로 작성하신 코드를 보여주셔야 확인이 가능할 듯 싶습니다~

"hello".toUpperCase() 가 안되는데요.

아 초반이시군요. 괜찮습니다^^;혹시 저장 버튼을 제대로 누르신 거 맞나요? 페이지 새로 고침도 해보세요.개발자 도구에서 error 메시지가 없는지 확인해 주시구요.실행 화면이나 소스코드를 보여주셔야 확인이 더 용이할 듯 합니다~

날짜 포매팅 관련 질문

antk7894님, 잘 확인해 주셨어요!포매팅 함수에 시간값을 전달하는 매개변수 빠졌네요.시간: 분 까지 추가해서 확인하시면 더 좋을 듯 합니다.덕분에 오류를 확인할 수 있었습니다!글쓰기에는 서버측 DB가 시간을 알아서 저장하니 클라이언트측에서는 안하셔도 됩니다.const formatDate = function(_date) { return new Date(_date).toLocaleDateString('ko-KR', { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long', hour: 'numeric', // 시간 minute: 'numeric', // 분 }); } export default formatDate;

OnDestroy() 위치 질문

안녕하세요?이벤트 창이 닫혀서 인터벌이 동작할 필요가 없으니 바로 해제하고자 하는 의도이신 듯 합니다.예제에서 인터벌 함수는 App에서 작동하고 있으니 해당하는 컴포넌트(App)에서 중단시켜야 합니다.isEvent라는 상태변수를 참고하시어 false 인 경우 창이 닫힐 때 clearInterval을 해주고true인 경우(창이 보일 때) 인터벌을 다시 실행하는 방법이 좋을 듯 합니다~

$(리액티브선언문) 으로 setInterval과 clearInterval 를 작성 시 메모리 관련

질문 감사드립니다! 그러고 보니 $리액티브 문을 사용한 이유는 코드를 간단하게 사용하기 위해서인데요 intervalEventText을 먼저 제거(메모리 삭제)하고 Interval 함수를 실행해서 별 문제는 없어보입니다만 성능상으로는 이전 방법에 비해 유리하지는 않습니다. $상태변수가 변경될 때 마다 인터벌 함수가 매번 호출되고 재랜더링이 발생하기 때문이죠.성능적인 면이나 메모리 관리 측면에서는 onMount와 onDestroy를 사용하는 방식이 좋겠네요~

스벨트킷에 대해서 질문이 있습니다.

안녕하세요?SvelteKit 프로젝트(일기장 앱)에서는 회원가입 기능은 없기 때문에 말씀하신 기능(session, cookie 등)들은 아쉽게도 다루지 않았습니다.참고로 SvelteKit 프로젝트는 최초 페이지 요청시 SSR로 동작하지만 이후에는 기본적으로 CSR입니다. 별도의 설정이 필요하지 않습니다.SSR의 경우 서버에서 데이터를 요청하는 부분(+page.server.js)에서 다루고 있습니다.SvelteKit은 이러한 렌더링 방식을 유연하게 지원하므로, 프로젝트 요구사항에 맞춰 적절한 방식을 선택하여 구현할 수 있습니다.심플한 프로젝트 위주로 핵심 기능과 기본기를 습득하는 데 중점을 두다 보니 아쉬운 부분도 다소 있으리라 생각합니다.소중한 의견 감사드리며 차후에 보완하는데 참고하도록 하겠습니다~