본문 바로가기

공부일지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.