| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
- 커스텀
- click and drag
- JS console
- const 단언문
- returnType
- 리액트
- 누구나 자료구조와 알고리즘
- react
- 개발콘텐츠
- 레이아웃쪼개기
- 성능최적화
- Chart.js
- NonNullable
- 티스토리꾸미기
- 공통컴포넌트
- utilty type
- typescript
- 폰트적용하기
- 타입스크립트
- CSS
- 제네릭
- React Native
- 타입좁히기
- vue.js
- 2022
- TSDoc
- javascript
- React.js
- 반복줄이기
- reactjs
- Today
- Total
목록전체 글 (655)
몽땅뚝딱 개발자
보호되어 있는 글입니다.
보호되어 있는 글입니다.
기존에는 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..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
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 배포
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,..
보호되어 있는 글입니다.
[토이프로젝트] Textly (1) - 개요
PWA를 사용해보자!! 🔥🔥Next.js, Web Share API, Install Prompt, Tesseract.js, Notification을 사용하기로 했다. 기능1. 명함 스캐너명함을 사진으로 찍어 이름, 번호, 이메일 추출 후 연락처에 저장, 내보내기, 공유하기 2. 책 인용구 스캐너책, 인쇄물 이미지를 구절을 스캔하고 SNS 공유, 메모앱 연동, 카드이미지로 변환이미지 배경 미리 세팅해서 구성하기 3. 수기로 쓴 TODO 목록 자동화수기로 쓴 메모를 스캔하고 알림 설정, 템플릿 저장 or 재사용할 수 있도록 기능 제공