분류 전체보기 (13) 썸네일형 리스트형 RxJS 기초 개념 공부 Reactive X 반응형 프로그래밍 함수형 프로그래밍은 선언형 프로그래밍의 성질을 가진다. 반응형 프로그래밍은 함수형 프로그래밍의 골격을 갖추고 있다. Reactive X는 크게 3 요소로 구성된다. Observable 일련의 값들을 발행한다. 관찰될 수 있는 것, 관찰되는 대상이란 의미이다. Stream은 Observable이 발행하는 연속된 값들의 흐름이다. pipe라는 배관을 타고 흐른다. Operators 연산자 순수함수들 Observer 관찰자 파이프만 쳐다보며 값을 기다리다가 나온 결과로 최종 작업을 실행한다. 반응형 프로그래밍에서 중요한것은 소프트웨어에서 구현하고자 하는 것을 이 스트림 즉, 흐름들로 재해석할 수 있어야 한다. 흐름들을 Observable로 발행하고 나온 데.. PlanetScale PlanetScale PlanetScale mysql과 호환(Compatible)되는 serverless 데이터베이스 플랫폼 serverless : 서버가 진짜 없는 것이 아닌 서버 유지를 본인이 하지 않아도 된다는 의미이다. 데이터베이스 플랫폼 : 말 그대로 데이터베이스를 제공해준다는 의미이다. scaling을 자동으로 해줌 ( + no vacumming, no rebalencing, no query planning, no downtime) Vitess 오픈소스를 통해 MySQL Scaling CLI를 통해 쉽게 데이터베이스를 다룰 수 있음 마치 Git처럼 메인 데이터베이스 이외에 Branch 데이터베이스를 사용할 수도 있음 이후 Merge를 하면 자동으로 배포가 됨 CLI 설치 https://gith.. Prisma 차세대 Node.js 및 TypeScript ORM(Object Relational Mapping) Prisma는 앱 개발자가 PostgreSQL, MySQL, SQL Server, SQLite 및 MongoDB(현재 프리뷰)용 오픈 소스 데이터베이스 도구를 사용하여 더 빠르게 빌드하고 오류를 줄이는 데 도움이 됩니다. Node.js and Typescript ORM(Object Relational Mapping) => JS or TS 와 데이터베이스 사이에 다리를 놓아줌 (기본적으로 번역기의 역할을 한다고 생각하면 됨) Prisma를 사용하기 위해서는 먼저 Prisma에게 DB가 어떻게 생겼는지, 데이터의 모양을 설명해줘야 함 => schema.prisma Prisma가 이런 타입에 관한 정보를 알고 .. TypeScript Props 설정 타입스크립트를 사용해서 공통으로 사용되는 영역을 컴포넌트화해서 사용하는 경우 컴포넌트의 props 타입을 설정해야 한다. 사용되는 props가 정확하게 정해져 있는 경우도 있지만 어떤 prop이 나중에 추가될지 모르는 경우도 있다. 특히 input, textarea, button 등의 요소에는 많은 속성이 존재하고 필수로 입력해야 하는 속성과 상황에 따라 추가할 수 있는 필수는 아닌 속성이 존재한다. 위와 같은 상황에서 props의 타입을 지정할 때 아래와 같이 설정해줄 수 있다. interface Props { id: string; label: string; name: string; type: string; [key: string]: any; } const Input = ({id, label, name.. TIL - Tailwind CSS 🤩 Tailwind CSS Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Documentation for the Tailwind CSS framework. tailwindcss.com 유틸리티 우선 CSS 프레임워크이다. 마크업에서 직접 모든 디자인을 구축하도록 구성할 수 있는 flex, pt-4, text-center 및 rotate-90과 같은 다양한 클래스로 가득 찬 유틸리티 최초의 CSS 프레임워크입니다. 유틸리티 우선이란? tailwind css가 아주 많은 클래스네임을 가지고 있다는 의미이다. flex에서 space를 사용하면 요소 사이에 margin을 생성해 준다. (자식 요소에 마진을 줄 수 있다.).. 이전 1 2 다음
