분류 전체보기
-
CORS, Proxyetc 2020. 12. 13. 17:04
CORS (Corss-Origin Resource Sharing) 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있도록 권한을 부여하도록 브라우저에 알려주는 체제이다. 웹 애플리케이션은 리소스가 자신의 출처 (도메인, 프로토콜, 포트) 와 다를 때 교차 출처 HTTP 요청을 실행한다. 두 개의 다른 포트를 가지고 있는 서버는 아무 설정없이 Request 를 보낼 수 없다. WHY ? -> CORS 정책 때문에, 보안을 위해서 HOW TO SOLVE ? -> 여러 가지 방법이 있다. - 동일한 출처 사용하기 - 서버쪽 해결 (response) HTTP 응답헤더 Access-Control-Allow-Origin : * 혹은 Access-Cont..
-
axiosJavaScript & TypeScript 2020. 12. 13. 16:25
axios (액시오스) Promise based HTTP client for the browser and node.js - jQuery 를 사용할 때 AJAX 라고 보면 됨 설치 npm install axios GET 요청 axios 를 사용해 GET 요청 하는 방법 const axios = require('axios'); // ID로 사용자 요청 axios.get('/user?ID=12345') // 응답(성공) .then(function (response) { console.log(response); }) // 응답(실패) .catch(function (error) { console.log(error); }) // 응답(항상 실행) .then(function () { // ... }); axios.g..
-
react-router-domJavaScript & TypeScript 2020. 12. 13. 13:39
React-Router 페이지간의 이동에서 사용된다. 설치 npm install react-router-dom --save # 여기서 왜 -- save 붙이는가 ? package.json 의 dependecies 안에 모듈이 추가된다. 만약 다른 프로젝트에 package.json 을 옮겨 npm install 하게 되면 dependencies 내의 모듈을 자동으로 설치해준다. 꼭 필요한 모듈을 -- save 명령어와 함꼐 설치하게 되면 다른 프로젝트 시작할때 npm install 한 번으로 필요한 모듈을 한번에 설치할수있다. -> npm version 5 부터는 기본값이라서 굳이 쓸 필요 없음. exact 역할
-
create-react-app :: NPM, NPXJavaScript & TypeScript 2020. 12. 13. 12:34
NPM (node pakage manager) 라이브러리를 담고있는 저장소 역할 pakage.json 에 상세히 정의가 되어있다. npx은 패키지 러너 라고 생각, npm 5.2.0 부터 추가되었다, npm install ~~ -g 가 없으면 local 에 설치 npm install ~~ -g 가 있으면 글로벌로 설치 (프로젝트 안에서만이 아니고 컴퓨터 안에 설치) 원래는 create-react-app을 사용할때 npm install -g crerate-react-app 이런 식으로 사용해서 global 디렉토리에 설치했다. 근데 이제는 npx를 이용하여 그냥 레지스트리에 있는걸 가져올 수 있다. npx가 npm registry 에서 create-react-app 을 찾아서 다운로드 없이 실행시켜준다. ..
-
boj)2250 - 트리의 높이와 너비PS/boj 2020. 12. 12. 13:19
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 import java.io.*; import java.util.StringTokenizer; public class boj_2250 { static BufferedReader br = new BufferedReader(new InputStreamReader..
-
boj)1991 - 트리 순회PS/boj 2020. 12. 11. 14:43
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 import java.io.*; import java.util.StringTokenizer; public class boj_1991 { static BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); static StringTokenizer st; static int n; static N..
-
boj)7562 - 나이트의 이동PS/boj 2020. 12. 10. 21:31
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 import java.io.*; import java.util.*; public class boj_7562 { static BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); static StringTokenizer st; static int[] dx = {2, 1, -1..
-
boj)11723 - 집합PS/boj 2020. 12. 9. 20:08
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 import java.io.*; import java.util.StringTokenizer; public class boj_11723 { static BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); static BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out)); static Str..