공부일지5 Svelte 5 가 달라진 점 / Svelte3, Svelte4와의 차이 다음은 GPT 를 이용해서 질문하고 받은 답변을 기록한 것입니다.내용에 큰 문제는 없다싶어서, 공유하고 기록으로 남기고자 포스팅합니다. Svelte 5 는 뭐가 달라졌어? Svelte 5 는 이전 버전과 비교하여 여러 가지 주요 변경 사항과 새로운 기능을 도입했어요.주요 특징은 다음과 같아요:룬(Runes) 도입: velte 5에서는 반응성을 처리하는 새로운 방법인 '룬'을 도입했어요. 이는 기존의 $ 구문과 반응 문을 대체하며, 코드를 더욱 직관적이고 유지 관리하기 쉽게 만들어줘요. 예를 들어, let count = $state(0);와 같이 상태를 선언할 수 있어요.컴포넌트 구조 변경: 제 Svelte 5의 컴포넌트는 일반 JavaScript 함수로 정의돼요. 이를 통해 빌드 도구와 JavaScri.. 2025. 1. 31. 웹 개발 공부일지 99쪽 / 내 서비스 만들기(9) 시작하는 말 : 이번 포스팅은 꽤나 고군분투를 많이 한, 치열함이 묻어나는... 개발일지라서, 매우 길다. 문제 해결을 결국 해냈지만, 아침이 밝아온다. 그래서 너무나도 슬프도다. 다음에 같은 문제로 버벅거리기 싫어서, 실패 과정과 성공 과정을 자세하게 적었다. Sveltekit & Firebase / 승인버튼 누르면, Storage 이미지를 resize 하기 먼저 오늘 개발할 것을 글로 정리해본다. 1. 내가 유저가 올린 이미지를 승인버튼을 누르면, 2. storage 에 올라와져 있는 유저의 이미지가 사이즈가 변경이되어 3. images/ueserUID/authed 폴더에 저장이 되고 4. 관리자 이미지 승인페이지에서, 이 승인된 이미지를 볼 수 있다. ㅇㅋ 렛츠고! 1. 내가 유저가 올린.. 2023. 5. 17. 웹 개발 공부일지 97쪽 / 내 서비스 만들기(7) / Sveltekit 으로, Firebase Function & Hosting 성공 Firebase 의 Functions 를 시작하기 이미지 리사이징을 위해서, Firebase 의 Functions 를 활용하려고 한다. https://firebase.google.com/docs/functions/use-cases?hl=ko&authuser=0 우선 공식 설명서를 확인해봤더니, 내가 원하는 내용이 딱 있었다. 썸네일 이미지를 만드는 과정도 필요하지 ㅇㅇ 근데 이게 곧 내가 원하는기능을 구현하는 로직이랑 동일했다. https://github.com/firebase/functions-samples/tree/python-ci 공식 설명서에서 안내해준 github firebase 공식 페이지에서도 해당 내용을 확인 할 수 ㅣㅇㅆ었다. ImageMagick 이라는 툴을 사용해서 한다고 한다. ht.. 2023. 5. 14. ChatGPT 4 무료로 이용하는 법 - [:wrtn] chatGPT 4 무료로 이용하는 법 https://wrtn.ai/ 리튼이라는 국내 ai 서비스가 있다. 조코딩 유투브에서 보고 알게 된 서비스인데, 무려 ChatGPT 4 를 무료로 사용할 수 있다. 언제 유료화 될지는 모르겠다만, 포스팅 하는 날인 23.05.12기준 0원이다. OpenAI 에서 원래 매달 20달러 돈 내고 해야하는건데.. 와우. 개꿀?! 무제한 채팅 가능 ㄷㄷ 채팅 칸에서, 지능을 선택하면, GPT-4로 답변하도록 고를 수 있다. 2023. 5. 12. 이전 1 2 다음