잠시만 기다려 주세요.
우아한테크
2024. 8. 2.
🙋♀️ 우아한테크코스의 크루들이 진행하는 10분 테크토크입니다. 🙋♂️ '10분 테코톡'이란 우아한테크코스 과정을 진행하며 크루(수강생)들이 동료들과 학습한 내용을 공유하고 이야기하는 시간입니다. 서로가 성장하기 위해 지식을 나누고 대화하며 생각해보는 시간으로 자기 주도적인 성장을 지향하는 우아한테크코스의 문화 중 하나입니다. 🌕우아한테크코스란 🌕 우아한테크코스는 일반 사용자용 서비스를 개발하는 회사가 필요로 하는 역량을 가진 프로그래머를 양성하기 위한 교육입니다. 우리의 목표는 자기 주도적으로 학습하고 성장하고 싶은 개발자를 위한 교육을 만드는 것입니다.
FLUX 공식 홈페이지로 가기: https://blackforestlabs.ai/ ComfyUI를 뢍용하기 위해 SwarmUI 설치 SwamUI 페이지로 가기: https://github.com/mcmonkeyprojects/SwarmUI 각 모델과 텍스트 인코더 저장 위치 Models - flux1-schnell.sft 23.8GB: \models\unet - flux1-dev.sft 23.8GB: \models\unet - ae.sft 335MB: \models\vae FLUX text encoders ( https://huggingface.co/comfyanonymous/flux_text_encoders/tree/main ): \models\clip - clip_l.safetensors 246MB - t5xxl_fp16.safetensors 9.79GB - t5xxl_fp8_e4m3fn.safetensors 4.89GB #flux #swarmui #confyui
2024. 8. 6.
Learn how effects work in Svelte and when to use them. 🔴 Patreon: https://www.patreon.com/joyofcode 𝕏 Twitter: https://twitter.com/joyofcodedev 💬 Discord: https://discord.com/invite/k6ZpwAKwwZ 🔥 Uses: https://www.joyofcode.xyz/uses 🔖 Timestamps 0:00 Intro 2:42 What Are Side Effects? 4:31 Lifecycle Functions 6:23 Untrack 8:13 Effect Timing (Microtask Queue) 10:58 Don't Use Effect To Derive Values 14:02 Effect Cleanup 15:32 Effect Dependency Tracking 17:41 You Probably Don't Need An Effect 21:06 Effect Root 21:54 Effect Tracking 23:41 Practical Example 27:23 Outro #joyofcode #sveltekit #svelte
2024. 8. 24.
봐주셔서 감사합니다! 구독과 좋아요 댓글은 힘이 됩니다. :D 모든 내용은 한 방향성/케이스일 뿐 진리의 케바케가 있다는 점 참고 부탁드립니다 :D
2024. 7. 28.
'로그 = 살아있는 주석' 라이브러리에 문제가 있어서 한 달을 날렸습니다. 가만히 코드를 보니까 로그를 켤 수 있는 파라미터가 숨겨져 있네요! 로그가 평소라면 백색 소음 같은 것이겠지만, 지금은 진돗개를 넘어 데프콘 상황. 지푸라기 잡는 심정으로 코드와 대조하면서 한 줄 한 줄 해석해보았습니다. 덕분에 문제 해결. 이 좋은 걸 왜 안 했을까? 프로젝트에도 로깅을 도입하기로 했습니다. 제가 필요한 도구는 이랬습니다. 서버(Node.js)와 브라우저 모두 지원하고, 기능별로 로그를 켜고 끌 수 있어야 했습니다. debug.js가 이런 기능을 지원하더군요. 맘에 드는 점은, 쉽게 로그를 켜고 끌 수 있고, 기능별로 색상도 구분해줍니다. 또 로그와 로그 사이의 소요시간도 보여줍니다. 맘에 듭니다. https://github.com/debug-js/debug 이런 말도 생각해봤습니다. 로깅 주도 개발. 로깅을 먼저 작성하고, 로깅에 해당하는 코드를 나중에 작성하는 식입니다. 기존의 레거시 코드는 ChatGPT에게 만들어달라고 하면 척척 만들어줍니다. 저는 이런 프롬프트를 사용했습니다. '위 코드에 로깅 기능을 추가해줘. 일관된 메시지 형식을 유지해, 한글을 최대한 사용하되, 키워드는 영어를 그대로 사용해줘. 로깅 메시지에는 관련된 정보는 하나의 객체 안에 포함시켜 출력해줘. 로깅 외의 코드는 수정하지 말고 원본을 유지해줘. 화이팅! ' 아직 안 하고 계셨다면 시작해보세요.
2024. 7. 8.
연관된 책과 강의는 다음의 링크에서 확인하실 수 있습니다. 책 : https://bit.ly/3iq4L5W 강의: https://url.kr/k8s-adv
2023. 8. 15.
Let's build a full stack app with some of my favorite technologies: Neon (Sponsor) - https://fyi.neon.tech/traversy Clerk (Sponsor) - https://go.clerk.com/BsG2XQJ Prisma - https://www.prisma.io/ Next.js - https://nextjs.org/ Full Code Repo: https://github.com/bradtraversy/expense-tracker-nextjs Timestamps: 0:00 - Intro 2:04 - Links & Docs 3:24 - Create Next App 5:58 - Layout File 7:54 - Neon Project Setup 9:45 - New Database & Role 10:56 - Neon SQL Editor Demo 14:18 - Prisma Setup & Schema 15:20 - User Model 18:06 - Transaction Model 20:19 - Generate Client & Migrate 22:25 - Database File 25:29 - Clerk Authentication Setup 28:21 - Header Component 29:35 - SignIn, SignOut & UserButton 32:29 - Save User To Neon Database 42:26 - Guest Component 44:58 - AddTransaction Component 50:48 - addTransaction Action 59:36 - Get & Validate User 1:01:47 - React Toastify Setup 1:04:08 - Save Transaction to Neon Database 1:07:53 - useRef To Clear Form 1:09:36 - Balance Component 1:11:17 - getUserBalance Action 1:15:36 - addCommas() Utility Function 1:19:03 - Clerk Dashboard Users 1:19:49 - IncomeExpense Component 1:21:26 - getIncomeExpense Action 1:27:06 - TransactionList Component 1:29:22 - Transaction Type 1:30:40 - getTransactions Action 1:34:00 - TransactionItem Component 1:38:28 - Delete Button 1:41:07 - deleteTransaction Action 1:45:07 - Commas & Decimal Places 1:47:30 - Email/Password Test 1:48:35 - Vercel Deployment
2024. 6. 25.