[클립명] 1. Redis 개요 2. Redis 사용하기 3. Redis Node.js 4. Redis 캐싱 오늘은 패캠 강의에서 나온 Redis에 대해 정리를 해보았다. 강의에 없는 내용들은 구글링을 통해 정리했다. Redis (Remote Dictionary Server) Redis는 디스크가 아닌 메모리에 Key-Value 형식의 다양한 데이터타입으로 데이터를 저장할 수 있게 해주는 오픈 소스 솔루션이다. 디스크에 저장된 데이터보다 메모리에 저장된 데이터를 꺼내서 사용하는 것이 속도면에서 훨씬 빠르기 때문에 보통 캐싱이나 세션관리에 사용하게 된다고 한다. 웹애플리케이션의 데이터 조회를 모두 DB접근을 통해 쿼리문을 날려서 해결하게 된다면 그만큼 DB서버에 부하가 생길 수 있다. 이럴 때 Redis를..

[클립명] 1. Node.js 설치 2. MySQL RDS 3. 소스파일 업로드 4. Nginx 설치 및 배포 완료 ■ AWS 배포 강의 구성 패스트캠퍼스 Node 웹 프로그래밍 올인원 패키지 강의에는 AWS 배포 관련된 강의 클립이 있다. 강의는 아래와 같이 구성되어 있다. AWS에 무료 계정을 생성하고 EC2 서비스를 이용하여 서버를 구성하고 소스를 업로드하여 서비스를 배포하는 과정이다. - AWS 개요 - Windows 서버 접속 - Max 서버 접속 - Node.js 설치 - MySQL RDS - 소스파일 업로드 - Nginx 설치 및 배포완료 이전 포스팅에서는 AWS 프리티어 EC2 인스턴스 생성까지 해봤었고, 이번에는 강의를 보면서 EC2 인스턴스에 이것저것 설치해보자. ■ EC2 인스턴스(U..

[클립명] 1. AWS 개요 2. Window 서버 접속 3. Mac 서버 접속 나는 현재 네이버 클라우드 서버를 사용 중인데, AWS로 바꿔야 하지 않을까 하는 막연한 생각만 하고 있는 중이다. 워낙에 AWS가 대세이기도 하고, AWS 자격증까지 있으니... 구글링해보면 구글 클라우드, MS 애져, 네이버 클라우드, AWS에 대한 비교글이 좀 보이는데, 관심있다면 한 번 찾아보는 것도 좋을 것 같다. ■ AWS 배포 강의 구성 패스트캠퍼스 Node 웹 프로그래밍 올인원 패키지 강의에는 AWS 배포 관련된 강의 클립이 있다. 강의는 아래와 같이 구성되어 있다. AWS에 무료 계정을 생성하고 EC2 서비스를 이용하여 서버를 구성하고 소스를 업로드하여 서비스를 배포하는 과정이다. - AWS 개요 - Wind..

[클립명] 1. 데이터 쓰기 2. 데이터 수정, 삭제 3. 클라이언트 사용하기 이전 시간에는 graphQL이 무엇인지 알아보았다. 이제 패캠 nodejs 강의에서 설명해준 graphQL을 이용하여 데이터를 CRUD 하는 것에 대한 방법에 대해 정리해보자. 우선 폴더를 하나 만들고 필요한 노드 패키지를 설치한다. //NPM 초기화 $ npm init //연습에 필요한 노드 패키지 설치 $ npm install graphql $ npm install express $ npm install express-graphql 🎈데이터 읽기 / 쓰기 const express = require('express'); const {graphqlHTTP} = require('express-graphql'); const {bu..

[클립명] 1. GraphQL이란? 2. Express연동 3. 데이터 읽기 GraphQL 이번에는 Node 웹 프로그래밍 올인원 패키지 과정 중에서 GraphQL 강의 시청을 시작하였다. GraphQL은 페이스북에서 만든 쿼리용 언어이다. 쿼리용 언어라고 표현을 하다보니, SQL을 다뤄본 백엔드 개발자라면 'SELECT FROM USER WHERE ....' 같은 쿼리문을 떠올릴 것이다. 하지만, GraphQL은 일반 SQL과 구조가 많이 다르다. SQL은 데이터베이스에 저장된 데이터를 효율적으로 조회하는 것이 목적이고, GraphQL은 클라이언트에서 서버로부터 데이터를 효율적으로 가져오는 것이 주 목적이다. 따라서 GraphQL의 쿼리는 주로 클라이언트단에서 작성한다. //SQL 구조 SELECT n..

오늘은 패캠 프론트엔드 개발자 강의에서 설명해준 빈태그, 글자와 상자에 대해 알아보자. empty tag HTML에서 '빈(empty)태그'라는 개념이 있다. 요약하자면 시작태그는 있는데, 종료태그()가 없는 것을 말한다. 위 샘플코드를 보면 열리는 태그와 닫히는 태그가 존재하는 태그들이 있다. (ex) , , ... 그런데 이와는 달리 닫히는 태그가 없는 태그들도 보인다. (ex) ... 이렇게 닫힌 태그가 없는 것들을 빈태그라고 부른다. 이 빈태그를 작성하는 방법은 크게 2가지가 있다. 아래 이미지처럼 시작태그만 쓰거나 슬러쉬(/)를 붙여서 작성하는 방법이다. HTML1~4 버전까지는 뒤에 슬러쉬를 붙이는 문법이 없었는데, HTML4와 5사이에 생긴 XHTML에서는 보다 엄격한 문법을 사용하는 것을 ..