All Stories

Realtime Chat

Realtime ChatSupabase는 Realtime Chat 애플리케이션에서 실시간 데이터 동기화 및 브로드캐스트 기능을 제공하여 사용자들이 실시간으로 메시지를 주고받을 수 있도록 한다. 데이터베이스 관리Supabase는 PostgreSQL을 기반으로 한 관리형 데이터베이스를 제공한다. 이 데이터베이스는 애플리케이션의 ...

In Clone Coding, Jul 15, 2024
Realtime Chat

Optimistic Updates

Optimistic UpdatesOptimistic Updates는 사용자가 인터페이스에서 어떤 작업을 수행했을 때, 서버의 실제 응답을 기다리지 않고 먼저 사용자 인터페이스를 업데이트하는 기법이다. 이 방법을 사용하면 사용자 경험이 훨씬 더 빠르고 원활하게 느껴진다. 서버와의 통신이 완료되기를 기다리는 동안 생길 수 있는 지...

In Clone Coding, Jul 12, 2024
Optimistic Updates

Caching

Caching 캐싱 전략은 웹 애플리케이션의 성능을 향상시키고 서버 부하를 줄이며 사용자 경험을 개선하는 데 매우 중요하다. 매번 데이터베이스와 상호작용하는 횟수를 줄여 효율적인 관리가 가능함(ex: metadata..)nextCache변경파일 app/(tabs)/home/page.tsx app/products/[id]...

In Clone Coding, Jul 11, 2024
Caching

Modals

ModalsIntercepting Routes변경파일 app/(tabs)/home/(..)products/[id]/page.tsx 파일 이동 app/(tabs)/products/actions.ts → app/(tabs)/home/actions.ts, /loading.tsx, /page.tsx app/products/[id...

In Clone Coding, Jul 10, 2024
Modals

Product Upload

Product Upload변경파일 app/(tabs)/products/page.tsx app/products/add/page.tsx components/product-list.tsxForm Action변경파일 app/products/add/actions.ts app/products/add/page.tsxURL.crea...

In Clone Coding, Jul 09, 2024
Product Upload

Products

ProductTab Bar(auth), (tabs)폴더 괄호(parenthess)를 사용한 네이밍은 URL에 영향이 없다. route를 URL변경없이 grouping할 수 있음 아이콘 사이트 : heroicons layout을 다른 그룹의 영향을 받지 않고 적용할 수 있다.변경파일 app/(auth)/create-ac...

In Clone Coding, Jul 03, 2024
Products

Social Authentication2

Social Authentication2"use server"; import twilio from "twilio"; import crypto from "crypto"; import { z } from "zod"; import validator from "validator"; import { redirect } fr...

In Clone Coding, Jul 02, 2024
Social Authentication2

Social Authentication

Social AuthenticationGithub Authentication 많은 곳들이 OAuth 표준 방식을 많이 사용함 (카카오, 네이버, Facebook, Instagram, Apple login, Twitter(X) Login…) GitHub계정에서 OAuth Application등록(https://gith...

In Clone Coding, Jul 01, 2024
Social Authentication

Authentication2

Authentication2MiddlewareMiddleware는 요청과 응답 사이에서 동작하는 코드 또는 소프트웨어의 한 부분으로, 요청이 최종 목적지(예: 컨트롤러, 서비스 등)에 도달하기 전에 중간에서 여러 작업을 수행한다. 이를 통해 요청을 필터링하거나, 요청에 대한 추가 처리를 수행하고, 라우팅 결정을 내리거나, 인증...

In Clone Coding, Jun 28, 2024
Authentication2

Authentication

AuthenticationDatabase Validation async, await : async 함수는 비동기 작업을 처리하는 데 사용된다. async 키워드를 함수 앞에 붙이면 해당 함수는 항상 Promise를 반환한다. 또한, await 키워드를 사용하여 Promise가 해결될 때까지 기다릴 수 있다. ...

In Clone Coding, Jun 27, 2024
Authentication

Featured

  1. Authentication, deployment of AWS EC2 and RDS, ERD, and performance testing
    In Express, AWS,
  2. Express with Database
    In Express, AWS,
  3. Express with AWS
    In Express, AWS,
  4. Transaction and Migration
    In PostgreSQL,
  5. Performance Optimization and Data Exploration Tools
    In PostgreSQL,
  6. Schema Design
    In PostgreSQL,
  7. Learning Data Types, Functions, Installation, and Management Tools
    In PostgreSQL,
  8. SQL Query Techniques: GROUP BY, Subqueries, and More
    In PostgreSQL,
  9. Foreign Key, Joins and Constraints Around Deletion
    In PostgreSQL,
  10. SQL Statements
    In PostgreSQL,
  11. Reference Note
    In React Native,
  12. Push Notifications
    In React Native,
  13. Publishing React Native Apps
    In React Native,
  14. React Native Without Expo
    In React Native,
  15. Using Native Device Features
    In React Native,
  16. User Authentication
    In React Native,
  17. Expense Tracking App
    In React Native,
  18. Redux & Context API
    In React Native,
  19. Navigation
    In React Native,
  20. Adaptive & Responsive UIs
    In React Native,
  21. Deep Dive Real App
    In React Native,
  22. Debugging
    In React Native,
  23. React Native Basics3
    In React Native,
  24. React Native Basics2
    In React Native,
  25. React Native Basics
    In React Native,
  26. Setup
    In React Native,
  27. Review
    In Clone Coding,
  28. Cloudflare Workers
    In Clone Coding,
  29. Deployment
    In Clone Coding,
  30. NextJS Extras
    In Clone Coding,
  31. Realtime Chat
    In Clone Coding,
  32. Optimistic Updates
    In Clone Coding,
  33. Caching
    In Clone Coding,
  34. Modals
    In Clone Coding,
  35. Product Upload
    In Clone Coding,
  36. Products
    In Clone Coding,
  37. Social Authentication2
    In Clone Coding,
  38. Social Authentication
    In Clone Coding,
  39. Authentication2
    In Clone Coding,
  40. Authentication
    In Clone Coding,
  41. Prisma
    In Clone Coding,
  42. Validation2
    In Clone Coding,
  43. Validation
    In Clone Coding,
  44. Server Actions
    In Clone Coding,
  45. Authentication UI
    In Clone Coding,
  46. Tailwind3
    In Clone Coding,
  47. Tailwind2
    In Clone Coding,
  48. Tailwind
    In Clone Coding,
  49. Project Setup
    In Clone Coding,
  50. Inserting Invisible Watermarks
    In CodeStudy,
  51. Setting Up Frontend Development Environment
    In WebDev,
  52. Backend Documentation
    In WebDev,
  53. Modify Sign-Up Router & Administrator Permission Configuration
    In WebDev,
  54. Implement Data Modification, Deletion, and User Registration
    In WebDev,
  55. Modify File Upload, Implement List and Detail Pages
    In WebDev,
  56. Implementing File Upload
    In WebDev,
  57. Interpreter Settings
    In WebDev,
  58. Development Order and Endpoints
    In WebDev,
  59. Project Planning
    In WebDev,