Programming
라우터의 왕 React Router란? React에서 Router 기능을 편리하게 사용할 수 있게 해주는 Node.js 패키지 Router란? URI와 화면을 연결해주는 기능을 하는 프로그램 다시, React Router란? React에서 각각의 URI에 따라, 다른 화면을 보여주도록 연결해주는 것 React Router 설치하기 npm i react-router-dom * 본 게시글은 react-router-dom 버전 5를 다루고 있습니다. 버전 6은 아래의 게시글을 확인해주세요.
GraphQL / Apollo Server 란? [Node.js] GraphQL, Apollo 란? / 사용법 ( GraphQL 서버 만들기 ) GraphQL 이란? ( GraphQL API ) 브라우저와 서버가, Query, Mutation, TypeDefs, resolvers를 사용해 CRUD 요청, 응답을 주고받는 방식 GraphQL의 필요성 기존 서비스는 보유한 데이터를 설명하고, 클라이언트는.. defineall.tistory.com 실시간 통신이란? 서버의 데이터가 변경되는 것을, 클라이언트가 감시(listen)하고 있다가, 변경된 부분을 바로바로 앱에 표현해 주는 것 ( ex: 채팅방, 주식 차트 창 등등 ) subscription이란? Apollo Server에서 실시간 데이터 통신을 가능..
subscriptions 서버 상시대기 시키기 리얼타임 apollo pubsub ( 교육용 ) redis PubSub ( 유료 ) - 사용법은 위와 같음 , 성능이 좋음 read operation 웹소켓에서는 connection을 열고, 연결을 유지하고, 실시간으로 데이터를 주고받을 수 있다. - http, https 프로토콜은 불가능하다. subscription 서버에 추가하기 (ws - websocket) websocket은, http와 달리 request와 response를 갖는대신, connection을 가지고 있다. subscription을 활용하기 좋은 상황 - 실시간으로 좋아요 숫자를 업데이트 하고 싶을때 - 실시간으로 채팅을 업데이트 하고 싶을때 - 지연시간이 적은 실시간 작업을 하고 싶을..
erlang, elixir 등등 실시간 정보 공유에 특화된 프로그래밍 언어
AWS S3란? 아마존 서버 컴퓨터의 저장공간만 빌리는 서비스. 파일 업로드, 다운로드가 가능하다. aws s3 저장소 빌리기 1. IAM 검색 2. 사용자 클릭 3. 사용자 추가 4. 사용자 이름, 프로그래밍 방식 액세스 선택 5. 기존 정책 직접 연결 선택 6. S3 검색 후 선택 7. 태그 추가 화면 ( 건너뛰세요 ) 8. 최종 검토 화면 확인 9. 사용자 추가가 완료된 화면 10. S3 스토리지 검색 11. 버킷 만들기 선택 12. 버킷이름 설정 ( 이미 사용중인 이름 사용불가 ) 13. 모든 퍼블릭 액세스 차단 선택 해제, 유의 사항 읽고 선택 14. 버킷 생성 완료
www.regexpal.com/ Regex Tester - Javascript, PCRE, PHP RegexPal requires a modern browser. Please update your browser to the latest version and try again. www.regexpal.com
Prisma Client란? js코드로, prisma를 통한 DB 수정작업을 할 수 있도록 해주는 도구 // prisma 프로젝트 생성시 자동으로 설치됨 ( node_modules/prisma/prisma-client 위치 ) Prisma Client 설치 npm install @prisma/client Prisma Client 사용법 // PrismaClient 가져오기 위한 모듈 불러오기 const { PrismaClient } = require("@prisma/client"); // PrismaClient 만들기 const client = new PrismaClient(); // 새로운 Book 만들기! ( Prisma 모델을 통해 만들어진 "book" 함수 사용 ) const newbook = c..
쓸데없는 정보 불러오지 않기 user.following.length /* 1. user의 following 정보 모두 불러옴 2. 불러온 following 개수 샘 */ client.user.count( where: { followers: { every: { id } } }); /* 1. followers의 id가 user인 정보찾아서 카운트만 함 */
Express.js 란? Node.js 웹 프레임워크 중의 하나로, 여러가지 기능을 가지고 있다. ( HTTP 요청에 따른 라우팅 기능이 대표적 ) HTTP 란? [웹/WEB] HTML에서 서버로 데이터 보내기 ( HTTP 요청이란? ) 1. GET방식 "주소?데이터명=데이터" 주소란에 담아서 보냄, 보안에 취약, 즉석으로 보낼때 편함, 데이터 크기 제한 있음 ( URL 끝에 ?과 함께 이름과 값을 보내는 요청 파라미터, 여러개의 데이터를 defineall.tistory.com 라우팅이란? [프로그래밍] 라우팅이란? 라우팅이란? 프로그램의 목적지를 설정해주는 것! // ex naver.com 주소로 접속하면, naver.html을 보여준다. daum.net 주소로 접속하면, daum.html을 보여준다...