Front-end(170)
-
[React] 리액트 작업환경 준비
리액트를 개발하기 위한 작업환경 준비에 대해 알아보겠습니다. 1. node.js node.js란 브라우저환경이 아닌 곳에서도 자바스크립트를 실행할 수 있게 해주는 자바스크립트 런타임을 말함 우리가 리액트 프로젝트를 만들면 webpack, babel같은 도구를 사용해야 하는데 그러한 도구들이 node.js 기반으로 만들어졌기 때문에 node.js를 설치해야 함 2. yarn 자바스크립트 package들을 관리(manage)해주는 도구 node.js를 설치하면 npm이 딸려나오는데 npm으로도 할 수 있긴 함 yarn도 npm이랑 비슷한 도구인데 npm보다 빠른 속도로 다운로드받을 수 있게 해준다. npm에 익숙하거나 yarn을 설치하기 싫다면 yarn은 생략해도 되지만 한 번도 사용해보지 않았다면 사용해보..
2021.04.19 -
[백준] 3053. 택시 기하학 (자바스크립트/node.js/javascript/알고리즘/코딩테스트)
[백준] 3053. 택시 기하학 문제 19세기 독일 수학자 헤르만 민코프스키는 비유클리드 기하학 중 택시 기하학을 고안했다. 택시 기하학에서 두 점 T1(x1,y1), T2(x2,y2) 사이의 거리는 다음과 같이 구할 수 있다. D(T1,T2) = |x1-x2| + |y1-y2| 두 점 사이의 거리를 제외한 나머지 정의는 유클리드 기하학에서의 정의와 같다. 따라서 택시 기하학에서 원의 정의는 유클리드 기하학에서 원의 정의와 같다. 원: 평면 상의 어떤 점에서 거리가 일정한 점들의 집합 반지름 R이 주어졌을 때, 유클리드 기하학에서 원의 넓이와, 택시 기하학에서 원의 넓이를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 반지름 R이 주어진다. R은 10,000보다 작거나 같은 자연수이다. 출력 첫째 줄에는..
2021.04.19 -
[백준] 3009. 네번째 점(node.js/javascript/자바스크립트/알고리즘/코딩테스트)
[백준] 3009. 네번째 점 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 1 초 128 MB 16242 11630 10570 73.311% 문제 세 점이 주어졌을 때, 축에 평행한 직사각형을 만들기 위해서 필요한 네 번째 점을 찾는 프로그램을 작성하시오. 입력 세 점의 좌표가 한 줄에 하나씩 주어진다. 좌표는 1보다 크거나 같고, 1000보다 작거나 같은 정수이다. 출력 직사각형의 네 번째 점의 좌표를 출력한다. 예제 입력 1 30 20 10 10 10 20 예제 출력 1 30 10 내가 작성한 코드 (자바스크립트) let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split("\n"); let array..
2021.04.17 -
[백준] 1085. 직사각형에서 탈출(node.js/javascript/자바스크립트/알고리즘/코딩테스트)
[백준] 1085. 직사각형에서 탈출 문제 한수는 지금 (x, y)에 있다. 직사각형의 왼쪽 아래 꼭짓점은 (0, 0)에 있고, 오른쪽 위 꼭짓점은 (w, h)에 있다. 직사각형의 경계선까지 가는 거리의 최솟값을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 x, y, w, h가 주어진다. 출력 첫째 줄에 문제의 정답을 출력한다. 제한 1 ≤ w, h ≤ 1,000 1 ≤ x ≤ w-1 1 ≤ y ≤ h-1 x, y, w, h는 정수 예제 입력 1 6 2 10 3 예제 출력 1 1 내가 작성한 코드 (자바스크립트) let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split(" "); const x = Number(i..
2021.04.17 -
React에서 dotenv 사용하는법(React에서 dotenv가 undefined로 뜬다면!)
프로그램 개발시 환경변수를 저장하기 위해 dotenv를 사용한다. dotenv는 공개되어서는 안되는 중요한 정보들을 위해 주로 사용하기 때문에 은닉되어야 할 정보는 .env파일에서 관리하고 .env파일을 .gitignore에 추가시켜 정보의 노출을 막아주어야 한다. 설치 방법 : npm install dotenv 사용 방법 : 1. 프로젝트의 루트 경로에 .env 파일을 만든다. 2. .env 파일에 설정하고 싶은 변수를 작성한다. REACT_APP_ID_KEY = "blabla" REACT_APP_SECRET_KEY = "blablabla" 3. 프로젝트에서 다음과 같이 사용하면 된다. import dotenv from "dotenv"; dotenv.config(); const API_KEY = pro..
2021.04.15 -
[백준] 11653. 소인수분해 (node.js/javascript/자바스크립트/알고리즘/코딩테스트)
[백준] 11653. 소인수분해 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 1 초 256 MB 26265 14154 11200 53.331% 문제 정수 N이 주어졌을 때, 소인수분해하는 프로그램을 작성하시오. 입력 첫째 줄에 정수 N (1 ≤ N ≤ 10,000,000)이 주어진다. 출력 N의 소인수분해 결과를 한 줄에 하나씩 오름차순으로 출력한다. N이 1인 경우 아무것도 출력하지 않는다. 예제 입력 1 72 예제 출력 1 2 2 2 3 3 예제 입력 2 3 예제 출력 2 3 예제 입력 3 6 예제 출력 3 2 3 예제 입력 4 2 예제 출력 4 2 예제 입력 5 9991 예제 출력 5 97 103 내가 작성한 코드 (자바스크립트) let fs = require('fs'); let inpu..
2021.04.14