본문 바로가기

전체 글

 (18)
[React] github 프로젝트 로컬상에서 실행하기 관광데이터 공모전을 신청하기에 앞서 리액트로 여행앱을 어떻게 만드는지 확인해보기 위해 유튜브를 뒤적거렸다. https://youtu.be/0dOSLhPzSGI?si=P5C-YMuLtrTA0BeY 먼가 맛있어보이는 영상에서 위와 같은 깃허브 링크를 찾았고 로컬상에 받아서 실행해보니 자꾸 오류가 떴다 src 폴더에 들어가 다음 행동을 해줬다. npm install // package.js에 있는 것들 설치를 위해 진행 npm i react react-dom // 리액트랑 리액트 dom 설치 npm install -g react-scripts // 전역적으로 react-scripts를 설치 npm install --legacy-peer-deps // 1번째 줄에서 실패한 후 버전에 맞는 npm 설치를 위해 했..
[Web] React, Spring boot 연동 1. React ( port : 3000 ) [ npm은 설치되어있다고 전제 ] 1) npm install react : 리액트 설치를 위함 2) npm install http-proxy-middleware : CORS 정책 우회를 위함 3) src/setupProxy.js 생성 후 아래 내용 추가 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/test', // 우회가 필요한 부분을 라우팅 createProxyMiddleware({ target: 'http://localhost:8080', //타겟이 되는 API의 URL 입력. 필자는 백엔드에 8080..
[API] REST vs SOAP 공통점 : API(Application Programming Interface)를 구축하는 방법을 정의한다. 차이점 REST(Representational State Transfer) SOAP(Simple Object Access Protocol) 프로토콜이 아님 W3C에서 유지관리하는 공식 프로토콜 가벼움 주로 IoT, 모바일 앱 개발, 서버리스 컴퓨팅 개발에 사용 OpenAPI (ex. Google Maps API, 공공데이터 API 등 )에 사용 무거움 주로 XML 메시징 같은 특정 요구사항이 필요한 경우 사용 기본 보안 및 트랜잭션 준수를 제공 REST(Representational State Transfer) : 표현 상태 전송 : 경량 웹 서비스 및 모바일 애플리케이션의 요구사항에 맞춰 조정된..
[nginx] 이미지 올리기 먼저 /home/사용자디랙터리에서 images 폴더를 추가해준 후 이미지 파일을 아무거나 업로드한다. ( ex. arrow.jpg ) 1. / 디랙터리에서 namei /home/사용자디랙터리(ex. namei /home/ubuntu ) 2. chmod /home/사용자디랙터리 (ex. namei /home/ubuntu) 3. cd /etc/nginx/sites-available에 있는 conf 파일 수정 ( ex. sudo vim default ) 후 아래 문장 추가 location /images { alias /home/사용자디랙터리명/images; } 4. sudo ln -s /etc/nginx/sites-available/conf파일 이름 /etc/nginx/sites-enabled/ (ex. su..
[boj] 14938_서강 그라운드_python 문제링크 https://www.acmicpc.net/problem/14938 14938번: 서강그라운드 예은이는 요즘 가장 인기가 있는 게임 서강그라운드를 즐기고 있다. 서강그라운드는 여러 지역중 하나의 지역에 낙하산을 타고 낙하하여, 그 지역에 떨어져 있는 아이템들을 이용해 서바이벌을 www.acmicpc.net 문제설명 문제 입력 첫째 줄에는 지역의 개수 n (1 ≤ n ≤ 100)과 예은이의 수색범위 m (1 ≤ m ≤ 15), 길의 개수 r (1 ≤ r ≤ 100)이 주어진다. 둘째 줄에는 n개의 숫자가 차례대로 각 구역에 있는 아이템의 수 t (1 ≤ t ≤ 30)를 알려준다. 세 번째 줄부터 r+2번째 줄 까지 길 양 끝에 존재하는 지역의 번호 a, b, 그리고 길의 길이 l (1 ≤ l ≤ ..
[boj] 11265_끝나지 않는 파티_python 문제링크 https://www.acmicpc.net/problem/11265 11265번: 끝나지 않는 파티 입력의 첫 번째 줄에는 파티장의 크기 N(5 ≤ N ≤ 500)과 서비스를 요청한 손님의 수 M(1 ≤ M ≤ 10,000) 이 주어진다. 각각의 파티장은 1번부터 N번까지 번호가 붙여져 있다. 다음에는 N개의 줄에 걸 www.acmicpc.net 문제설명 문제 입력 1 : 파티장의 크기 N(5 ≤ N ≤ 500)과 서비스를 요청한 손님의 수 M(1 ≤ M ≤ 10,000) 2 ~ N+1 : 인접 리스트의 거리 정보가 N * N만큼 주어짐. i번째 줄의 j번째 수 T(1 ≤ T ≤ 1,000,000)는 i번 파티장에서 j번 파티장으로 직접적으로 연결된 도로를 통해 이동하는 시간을 의미 N+2~ :..
[boj] 18352_특정 거리의 도시 찾기_python 문제링크 https://www.acmicpc.net/problem/18352 18352번: 특정 거리의 도시 찾기 첫째 줄에 도시의 개수 N, 도로의 개수 M, 거리 정보 K, 출발 도시의 번호 X가 주어진다. (2 ≤ N ≤ 300,000, 1 ≤ M ≤ 1,000,000, 1 ≤ K ≤ 300,000, 1 ≤ X ≤ N) 둘째 줄부터 M개의 줄에 걸쳐서 두 개 www.acmicpc.net 문제설명 문제 입력 1 : 도시의 개수 N, 도로의 개수 M, 거리 정보 K, 출발 도시의 번호 X 2~M+1 : 두 개의 자연수 A, B가 공백을 기준으로 구분되어 주어진다. (이는 A번 도시에서 B번 도시로 이동하는 단방향 도로가 존재한다는 의미) 출력 X로부터 출발하여 도달할 수 있는 도시 중에서, 최단 거리가..
[boj] 5547_일루미네이션_python 문제링크 https://www.acmicpc.net/problem/5547 5547번: 일루미네이션 첫째 줄에 두 개의 정수 W와 H가 주어진다. (1 ≤ W, H ≤ 100) 다음 H줄에는 상근이네 집의 건물 배치가 주어진다. i+1줄에는 W개의 정수가 공백으로 구분되어 있다. j번째 (1 ≤ j ≤ w) 정수의 좌표는 www.acmicpc.net 문제설명 문제 입력 두 개의 정수 W와 H . (1 ≤ W, H ≤ 100) W*H 상근이네 집의 건물 배치 ( 건물이 있을 때는 1이고, 없을 때는 0이다. 주어지는 입력에는 건물이 적어도 하나 있다. ) 출력 조명을 장식하는 벽면의 길이의 합을 출력 조건 지도의 가장 왼쪽 위에 있는 정육각형의 좌표는 (1,1)이다. (x,y)의 오른쪽에 있는 정육각형의 ..

티스토리툴바