All Stories

Prisma

Prisma현대적인 데이터베이스 툴킷으로, 개발자들이 데이터베이스와 상호 작용할 때 효율성과 생산성을 높일 수 있도록 설계되었다. Prisma는 SQL과 같은 전통적인 데이터베이스 쿼리 언어 대신에 더 직관적이고 타입 안전한 방식으로 데이터베이스를 조작할 수 있게 해준다.Prisma의 주요 기능 Prisma Client:타입...

In Clone Coding, Jun 26, 2024
Prisma

Validation2

Validation2Log In Validationasync : async 키워드는 함수 앞에 위치하며, 해당 함수가 비동기 함수임을 나타낸다. 비동기 함수는 내부에서 await 키워드를 사용하여 비동기 작업의 완료를 기다릴 수 있게 해준다. async 함수는 항상 Promise를 반환한다. 예를 들어, createAccoun...

In Clone Coding, Jun 25, 2024
Validation2

Validation

ValidationIntroduction to Zod 설치 npm i zod주요 기능 스키마 선언 (Schema Declaration): Zod를 사용하여 데이터의 구조를 선언할 수 있다. 예를 들어, 객체, 배열, 문자열 등의 데이터 형식을 정의할 수 있음 유효성 검사 (Validation):...

In Clone Coding, Jun 24, 2024
Validation

Server Actions

Server ActionsRoute Handlers 기존 방식 : ReactJS에서 state를 사용해서 데이터를 처리하고 사용자가 로그인 버튼을 누르면 axios나 fetch 등을 사용해서 데이터를 전송webhook이나 React Native로 IOS나 Andriod 앱을 만들 때는 이 방법을 알고 있어야 함 ...

In Clone Coding, Jun 18, 2024
Server Actions

Authentication UI

Authentication UIHome screenlayout.tsx에서 템플릿 리터럴과 ${} 구문을 사용해서 문자열을 동적으로 생성<body className={inter.className}>{children}</body> 에서 아래로 변경 <body className={`${int...

In Clone Coding, Jun 17, 2024
Authentication UI

Tailwind3

Tailwind3State Modifiershad 선택기has-[:invalid]: 기본적으로 부모 요소가 특정 상태(여기서는 :invalid)를 가진 자식 요소를 포함할 때 스타일을 적용하는 방법이다. has- 프리픽스는 부모 요소가 특정 조건을 만족하는 자식을 포함할 때 스타일을 적용한다.Lists and Animati...

In Clone Coding, Jun 13, 2024
Tailwind3

Tailwind2

Tailwind2Modifiers 반응형 디자인 스타일을 조건부로 사용할 수 있게 해줌 modifier는 항상 끝에 : (colon)을 가지고 있음 조건이 참일 때 적용 transition : 애니메이션이 부드럽게 전환될 때 사용 두 가지 다크모드 전략 사용자의 기본 설정 따라가기 ...

In Clone Coding, Jun 12, 2024
Tailwind2

Tailwind

TailwindIntroductionTailwind CSS : Tailwind CSS는 유틸리티 기반의 CSS 프레임워크로, 다양한 스타일 클래스를 제공하여 HTML 요소에 쉽게 스타일을 적용할 수 있도록 한다. 이 프레임워크는 클래스를 조합하여 원하는 스타일을 만들 수 있기 때문에, 커스텀 CSS를 작성하는 것보다 빠르고 일...

In Clone Coding, Jun 11, 2024
Tailwind

Project Setup

Full Stack Clone CodingNext JS Quiz 정답 설명 라이브러리와 프레임워크의 주요 차이점 라이브러리 (Library): 라이브러리는 특정 기능을 수행하기 위해 사용할 수 있는 도구 모음 개발자는 필요한 기능을 수행하기 위해 라이브러리를 호출한다. 제어 흐름은 개발자의...

In Clone Coding, Jun 10, 2024
Project Setup

Inserting Invisible Watermarks

Code

In CodeStudy, Jun 03, 2024
Inserting Invisible Watermarks

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,