2021/04(62)
-
[백준] 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 -
#4.3 Adding Genres
#4.3 Adding Genres 이번시간에는 영화의 장르를 추가해볼 것이다. Movie.propTypes = { id : PropTypes.number.isRequired, year: PropTypes.number.isRequired, title: PropTypes.string.isRequired, summary: PropTypes.string.isRequired, poster: PropTypes.string.isRequired, genres: PropTypes.arrayOf(PropTypes.string).isRequired }; ✅Movie.js 다음과 같이 Movie.propTypes에 genres 도 추가해준다. {movies.map((movie) => ( ))} ✅ App.js 그리고 App...
2021.04.14 -
#4.2 Styling the Movies
#4.2 Styling the Movies 🍺 이번 시간에는 코드를 좀 예쁘게 바꿔볼 것이다. 🍺 HTML 작업하기 import React from "react"; import axios from "axios"; import Movie from "./Movie"; class App extends React.Component{ state = { isLoading: true, movies: [] }; getMovies = async () => { const {data: {data: {movies}}} = await axios.get("https://yts-proxy.now.sh/list_movies.json?sort_by=rating"); this.setState({movies, isLoading: fals..
2021.04.14