목록2025/06 (6)

몽땅뚝딱 개발자

react-hook-form + zod

기존에는 input값을 전반적으로 관리하는 useState들이 필요했는데 따로 선언하지 않아도되어 편하다🤔yup도 있는데 typescript 호환은 zod가 더 잘된다고 한다.공통 util, validation 정책을 가져가기에도 좋은 선택이 될 것 같다. 'use client'import { useForm } from 'react-hook-form'import { z } from 'zod'import { zodResolver } from '@hookform/resolvers/zod'const schema = z.object({ content: z.string() .min(30, "최소 30자 이상 입력해주세요.") .refine((val) => /입력값/.test(val..
Development/React.js · Next.js 2025. 6. 29. 16:41
단어들: ECR, Fargate, CludeFront, Route53, DNS, CDN

보호되어 있는 글입니다.
Development/단어들 2025. 6. 25. 11:40
2025년 1분기를 돌아보며

보호되어 있는 글입니다.
몽땅뚝딱이/회고 2025. 6. 25. 10:48
Docker Hub

보호되어 있는 글입니다.
Development/인프라 2025. 6. 23. 22:54
단어들: 배포의 종류

1. 정적 배포HTML, CSS, JS만 있는 경우React, Vue -> S3, Vercel 등에서 호스팅 2. 동적 배포서버가 요청을 받고 처리한 결과를 응답Node.js, Django, Flask 3. 서버리스백엔드 코드를 Lambda 등에서 실행AWS Lambda + API Gateway 4. 컨테이너 기반 배포Docker로 만든 앱을 ECS, Fargate에 배포마이크로 서비스 5. CI/CD 자동 배포GitHub Actions 등으로 자동 푸시 & 배포GitHub → EC2 배포
Development/단어들 2025. 6. 16. 15:00
단어들: ssh, nginx, Docker, GitHub Actions

1. ssh란?ssh란 Secure Shell의 줄임말이다. 아래 명령어는 원격서버에 보안 연결로 접속하는 명령어이다..pem은 Private Key 파일 확장자로 EC2 인스턴스를 만들 때 생성되는 비밀번호 대신 사용하는 인증키이다.ssh -i my-key.pem ubuntu@your-ip * 도서추천: 처음 배우는 AWS, 모두의 리눅스 2. nginx가볍고 빠른 웹 서버 소프트웨어이다.정적 파일(=프론트 빌드 파일)을 클라이언트에게 전달(=서빙)하거나 백엔드 API 서버로 프록시 연결도 해준다.nginx는 EC2 혹은 Docker 컨테이너 내부에서 실행된다. 3. Docker란? 앱 실행 환경을 통째로 포장한 박스이다. 환경설정 + 배포 + 실행을 표준화하는 기술이다.Node, Python,..
Development/단어들 2025. 6. 16. 14:55
Prev 1 Next

티스토리툴바