Programming/Web (웹)

URI 인터넷 상의 파일을 구분하기 위한 문장 - ( Uniform Resource Identifier ) ( URL과 URN으로 나뉨 ) URL 인터넷상 파일의 위치를 나타내는 문장 - ( Uniform Resource Locator ) URL = "https://google.com:443/mail/test?page=1#Hello" https:// - 프로토콜 google.com - 도메인 :443 - 포트번호 ( http = 80, https = 443 생략가능 ) /mail/test - 경로 ( path ) ?page=1 - 쿼리(query) 문자 #Hello - Fragment URN 인터넷 상 파일의 고유한 이름 - ( Uniform Resource Name ) ( 프로토콜과 위치정보를 빼고, ..

CORS란? Cross-Origin Resource Sharing 서버와 통신가능한 도메인과 포트번호를 제한해놓는 기능. ( feat. URI란? - 도메인 설명 ) ( 도메인에 따라, 리소스 공유할지 말지 조절! ) HTTP POST 요청에 대한 메타데이터를 먼저 보내고 ( 실제 데이터 아님 ) 서버는 이 메타데이터가 안전하다고 파악할 때만, 요청을 허용한다. ( 악의적인 목적의 데이터를 서버로 보내지 못하도록 ) CORS 동작 방식 1. 보내고 싶은 요청에 대한 정보를 미리 전달 * 아직 실제 요청은 하지 않는다. 주소 정보 (Origin) 메서드 정보 (POST) 헤더 정보 (X-PINGOTHER, Content-Type 등등) 2. 요청 정보를 바탕으로, 필요한 권한 허용 요청할 주소 (Origi..

Cypress란?웹 서비스 테스팅 앱으로Mac, Window, Linux 모두 지원한다. Cypress 설치// node.js에서 설치npm i cypress JavaScript End to End Testing FrameworkFast, easy and reliable testing for anything that runs in a browser. Install Cypress in seconds and take the pain out of front-end testing.www.cypress.io Cypress 실행하기cypress open Cypress 파일 만들기//cypress/integration/test.js (폴더중요)describe('My First Test', () => { it('Do..

자주사용하는 것은 글로벌 설치 yarn global add typescript 프로젝트 전용 설치 yarn add @prisma/client graphql apollo-server ts-node nodemon @graphql-tools/schema @graphql-tools/merge @graphql-tools/load-files nodemon + ts-node 설정하기 //package.json에 nodemon 명령어 만들기 { "scripts": { "dev": "nodemon --exec ts-node src/server --ext ts,js" } } typescript 설정 파일 수정하기 // tsconfig.json ( ts => js 로 컴파일 될때 사용 ) { "include": ["src/..

1. prisma 설치 [Prisma] Prisma란? / 사용법 ( PostgreSQL 연결 , feat.GraphQL ) Prisma란? SQL 코드를 쓰지 않고, js코드(typescript도 가능)를 작성해 데이터베이스를 수정할 수 있도록 연결해주는 서비스 Prisma의 필요성 SQL 코드를 배울 필요가 없다 ㅋㅋ 기존의 SQL 코드보다, js코 defineall.tistory.com 2. postgresql 로 db만들기 [PostgreSQL] PostgreSQL, pgAdmin4 이란? / 명령어 PostgreSQL 이란? 오픈소스 객체-관계형 데이터 베이스 시스템 (ORDBMS) 다른 관계형 데이터베이스와 다르게, 연산자, 복합 자료형, 집게 함수, 자료형 변환자, 확장 기능등 다양한 데이터..

APM 이란? Apache + PHP + Mysql를 사용해 이루어진 웹 서버 Apache란? [웹] Apache란? / Tomcat이란? Apache란? 아파치 재단에서 만든 웹 서버 정적인 데이터(html)를, HTTP Request에 따라 처리한다. HTTP 란? [프로그래밍] HTTP / HTTPS 란? HTTP 란? 인터넷에서 데이터를 주고받는 규칙 (프로토콜) 모든 데이터 defineall.tistory.com PHP란? [웹] PHP란? PHP란? html코드의 중복을 줄여, 더 효율적인 코드를 작성할 수 있도록 해주는 프로그래밍 언어 PHP의 필요성 거의 모든 데이터베이스를 지원한다. 많은 공개 소프트웨어가 PHP로 만들어졌다. defineall.tistory.com MySQL이란? [My..

PHP란? 웹페이지의 html코드의 중복을 줄여, 더 효율적인 코드를 작성할 수 있도록 해주는 프로그래밍 언어 PHP의 필요성 거의 모든 데이터베이스를 지원한다. 많은 공개 소프트웨어가 PHP로 만들어졌다.

👉 Apache란? 아파치 재단에서 만든 웹 서버 정적인 데이터(html)를, 사용자의 요청(HTTP Request)에 따라 처리한다. HTTP 란? [프로그래밍] HTTP / HTTPS 란? HTTP 란? 인터넷에서 데이터를 주고받는 규칙 (프로토콜) 모든 데이터가 이 규칙에 맞춰 정리되어, 정보를 교환할 수 있다. ( 규칙이 없다면, 정보의 의미를 알아챌 수 없으므로 소통이 불가능! ) HT defineall.tistory.com Apache의 필요성 무료이다! 리눅스, 윈도우 등 여러가지 운영체제에서 사용가능하다. Apache의 단점 Squid, Slowloris 취약점 ( Nginx, IIS를 사용하면 해결가능 ) 👉 Apache 설치 ( Linux ) 패키지 매니저 업데이트 sudo yum up..

👉 nginx란? 유우명한 웹 서버 # 웹 서버 : 사용자의 요청을 받아, 그에 따른 정보를 돌려주는 어플리케이션 nginx의 필요성 하나의 웹서버에 10000 명의 사람이 동시에 접속할 수 있도록 만들어졌다 용량이 적다! 효율적이다! ( Reverse Proxy Server ) Apache 보다 더 적은 cpu 자원을 사용해, 더 빠르게 작동할 수 있다! 👉 설치 ( Linux ) // yum sudo yum install nginx // apt sudo apt install nginx // amazon-linux-extras sudo amazon-linux-extras install nginx1 설치 확인 which nginx 서비스 실행 systemctl start nginx nginx 설정 파일 ..