Programming

graphql-tools이란? graphql 파일들을 정리해 분리해놓으면, 다시 하나로 모아 합쳐주는 도구 정리해야하는 이유 코드를 전부다 한 파일에 작성하다보면,원하는 부분을 찾기가 힘들다 ( 크기가 너무 커지고, 길이도 너무 길어지므로 ) 수정하고 싶을때마다, 바로바로 쉽게 찾을 수 있게 하기 위해서, 파일별로 나누어 분류작업을 해놓는 것이 좋다. 어떤 기준으로 분류할 것인가? 다루는 데이터를 기준으로 분류하는 방법 게시글 폴더 게시글.mutations 게시글.queries 게시글.typeDefs 댓글 폴더 댓글.mutations 댓글.queries 댓글.typeDefs schema server 분류 구조 만들기 books books.mutations.js books.queries.js books.t..

Prisma Studio란? Prisma와 연결되어, 브라우저상에서 손쉽게 데이터베이스를 관리 할 수 있도록 하는 도구 Prisma 란? [Prisma] Prisma란? / 사용법 ( PostgreSQL 연결 , feat.GraphQL ) Prisma란? SQL 코드를 쓰지 않고, js코드(typescript도 가능)를 작성해 데이터베이스를 수정할 수 있도록 연결해주는 서비스 Prisma의 필요성 SQL 코드를 배울 필요가 없다 ㅋㅋ 기존의 SQL 코드보다, js코 defineall.tistory.com Prisma Studio 실행 npx prisma studio npm으로 간단한 Prisma Studio 실행 명령어 만들기 // package.json "scripts": { "studio": "npx..

Prisma란? SQL 코드를 쓰지 않고, js코드(typescript도 가능)를 작성해 데이터베이스를 수정할 수 있도록 연결해주는 서비스 Prisma의 필요성 SQL 코드를 배울 필요가 없다 ㅋㅋ 기존의 SQL 코드보다, js코드가 훨씬 보기 편하고 단순하기 때문에 효율적인 데이터베이스 관리가 가능하다 Prisma 설치 npm i -D prisma Prisma 프로젝트 생성하기 npx prisma init Prisma 프로젝트 초기 설정하기 .env 파일은 서버에 대한 중요한 정보가 담겨있으므로, 타인에게 공유하시면 안됩니다! PostgreSQL 설정하기 ( 리눅스 / 우분투 ) // postgres 명령창(shell) 접속 sudo -u postgres psql // DB 확인하기 \l // 사용자 ..

PostgreSQL 이란? 오픈소스 객체-관계형 데이터 베이스 시스템 (ORDBMS) 다른 관계형 데이터베이스와 다르게, 연산자, 복합 자료형, 집게 함수, 자료형 변환자, 확장 기능등 다양한 데이터베이스 객체를 사용자가 임의로 만들 수 있는 기능이 있어서, 마치 새로운 하나의 프로그래밍 언어처럼 무한한 기능을 손쉽게 구현할 수 있다. PostgreSQL 설치하기 ( 윈도우 / Mac ) PostgreSQL: Downloads Downloads PostgreSQL Downloads PostgreSQL is available for download as ready-to-use packages or installers for various platforms, as well as a source code ar..

API란? 서로 다른 프로그램끼리 연결해주는 도구 Application Programming Interface 앱 프로그래밍시 활용할 수 있는 데이터 모음 API 예시 REST API : 서버와 클라이언트를 연결 GraphQL API : 서버와 클라이언트를 연결 // 활용가능한 유저 데이터를 모아놓은 api const user = [ { id: 101, name: 'Alice' }, { id: 102, name: 'Bob' }, { id: 103, name: 'Caroline' }, { id: 104, name: 'Dave' }, ]

CRUD란? 데이터를 만들고(Create), 읽어서 불러오고(Read), 수정하고(Update), 삭제하는 것(Delete)

REST ( REST API ) 란? 브라우저가, URI를 통해 데이터를 보내면, CRUD 처리할 수 있는 함수들을 제공하는 서버 [프로그래밍] CRUD란? CRUD란? 데이터를 만들고(Create), 읽어서 불러오고(Read), 수정하고(Update), 삭제하는 것(Delete) defineall.tistory.com REST를 통해 데이터를 주고받는 과정 HTTP URL를 통해 데이터에 이름을 붙이고 HTTP Method ( POST, GET, PUT, DELETE ) 를 통해 해당 데이터를 CRUD 처리한다. [프로그래밍] HTTP / HTTPS 란? HTTP 란? 인터넷에서 데이터를 주고받는 규칙 (프로토콜) 모든 데이터가 이 규칙에 맞춰 정리되어, 정보를 교환할 수 있다. ( 규칙이 없다면, 정..

GraphQL 이란? ( GraphQL API ) Node.js를 이용해, 데이터베이스에 접근하는 나만의 명령어를 만들고 (Query, Mutation, TypeDefs, resolvers ) CRUD 요청, 응답을 더 효과적으로 처리할 수 있게 해주는 API ( 연결다리 ) GraphQL의 필요성 스키마를 통해, 사용자만의 명령어를 만들고 사용할 수 있다. 번들 크기가 줄어, 클라이언트 속도가 빠르다! 아폴로 스튜디오를 이용해, 작성한 코드를 쉽게 테스팅 해볼 수 있다. REST API 와의 차이점 ( 장점! ) GraphQL은 필요한 정보만 선택해서 가져올 수 있다. - REST API는 필요한 정보를 가져오기위해서, 쓸데없는 정보도 같이 가져와야하는 Over-fetching 문제가 있다. Graph..

App.svelte on:keydown={(e) = {e.key === "Enter" && createTodo()}}/> Create Todo {#each $todos as todo} {/each} Todo.svelte {#if isEdit} on:keydown={(e) = {e.key === 'Enter' && updateTodo()}}/> OK Cancle {:else} {todo.title} Edit Delete {/if} 중요한 내용 writable 함수는 호출되자마자, 스토어 공간을 만들고 그곳에 변수를 저장한다. // 함수 호출 let todos = writable([]) // 스토어 공간 let todos = []