전체 글
-
리액트로 간단한 시계 만들기코딩/REACT 2020. 11. 30. 22:48
리액트로 간단한 시계를 만들어보겠습니다. import React, { useState, useEffect } from 'react'; import moment from 'moment'; function ClockContainer() { let timer: any = null; const [time, setTime] = useState(moment()); useEffect(() => { timer = setInterval(() => { setTime(moment()); }, 1000); return () => { clearInterval(timer); }; }, []); return ( {time.format('YYYY-MM-DD')} {time.format('HH-mm-ss')} ); } export d..
-
Node.js에서 python 실행하기코딩/PYTHON 2020. 11. 27. 15:56
window 환경에서 python shell을 꾸준히 사용했으나, 해당 부분이 원인 모를 오류가 나서 다른 방법을 찾게 되었습니다 node.js에서 child.process로 다른 프로세스를 실행할수 있습니다. child_process.spawn(command[, args][, options]) ps. python3라고 적어논 이유는 내 mac 환경에서는 python 버전 3 버전을 실행 시키려면 python3라는 명령어를 터미널에서 입력해서 사용하기 때문. String.prototype.replaceAll = function (org, dest) { return this.split(org).join(dest); }; const FILE_ROOT_DIR = process.cwd(); router.post..
-
React와 Node.js를 사용한 영화 검색 웹 만들기 (Feat : naver 영화검색 api)코딩/REACT 2020. 11. 26. 16:33
영화검색 웹 Front 구현 create-react-app 설치 create - react - app 을 통해 리엑트를 세팅해봅시다 window + r cmd를 켜주세요 cd c:// c 드라이브로 이동합니다. mkdir react 디렉토리 생성 cd react 디렉토리 이동 npx create-react-app movie-movie npx는 npm 패키지를 로컬에 글로벌로 설치하지 않고 바로 일회성으로 실행할 수 있게 해주는 도구입니다. 만약 npx가 실행이 안되는 구버전이라면 npm install -g create-react-app create-react-app movie-movie 이렇게 입력해주세요 성공하면 이런식으로 화면이 보이게 됩니다. movie-movie 로 이동하겠습니다. cd movie..
-
React와 라즈베리파이로 스마트 미러 만들기! - 1코딩/REACT 2020. 11. 26. 16:19
예전에 라즈베리파이랑 물려서 뭐든 해보겠다는 10인치 작은 모니터를 처분하려다가, 어느날 스마트 미러를 알게되었습니다 ..음.. 이런저런 걸 보다보니. 딱 내 새로운 toy 프로젝트로 딱이란 생각이 들어서 한번 만들어보도록 할까요~ 스마트 미러를 처음보고 하이테크 기술인줄 알았으나, 간단한 원리가 숨어있었습니다. 사실 하프미러는 주위에도 자주 볼수 있는데 [사진] 그 일례로 하프미러 케이스이런 것들이있습니다. 준비물은 다음과 같습니다 라즈베리파이 3b+ (버전이 높으면 높을수록 좋음 암튼 좋음) 디스플레이 ( 모니터든, 암거나 상관없음) one-way mirror 검색결과 얘는 만들거나, 사거나 둘 중 하나가 있습니다. 1. 만든다 장점 : 저렴하다 단점 : 귀찮다 제가 가진 디스 플레이가 만약 컸으면 ..
-
도커에서 node 서버 실행시키기카테고리 없음 2020. 1. 28. 17:40
https://docs.docker.com/toolbox/toolbox_install_windows/ Install Docker Toolbox on Windows Docker Toolbox provides a way to use Docker on Windows systems that do not meet minimal system requirements for the Docker Desktop for Windows app. What you get and how... docs.docker.com 현재 DOCKER 최신버전은 WINDOW HOME 버전을 지원하지 않으므로 Docker toolbox를 설치하도록 한다. ※ 툴박스를 설치하면 자동으로 설치되는 것들 ※ - 도커 엔진이 이미지 및 컨테이너를 생성할..
-
[백준][자바][14499][주사위굴리기]코딩/알고리즘 2020. 1. 12. 19:41
주사위 동서 북남으로 이동할떄 값이 어떻게 변할지가 제일 핵심인 문제 손으로 그려가면 편하다 잠깐 착각을 해서 디버깅에만 몇시간을 쓴지 모르겠다. import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.LinkedList; import java.util.Queue; import java.util.StringTokenizer; class Dice{ int y; int x; Dice(int y, int x){ this.y = y; this.x = x; } } public class Main_backjoon_14499_주사위굴리기 { static int[] dice= {..
-
[백준][자바][파이프옮기기1]17070코딩/알고리즘 2019. 11. 1. 21:51
예전에 다른 분들 푼거 보고 참조해서 풀었다가 이해가 안되서 오늘 다시 새로 풀어봤다 개인적으로는 직관적이라고 생각한다. 코드량이랑 효율적이지는 못하지만.. import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.StringTokenizer; public class Main_backjoon_17070_파이프옮기기1 { static int[][] MAP; static int N; static int[] dy = {0,1,1};//우측, 하단 ,대각선 static int[] dx = {1,0,1}; static int result = 0; public static vo..
-
[백준][자바][17135]캐슬디펜스코딩/알고리즘 2019. 10. 23. 23:04
1. 궁수의 위치를 dfs 세팅함 2. 궁수 위치가 세팅되면 적들과의 distance를 재서 죽일수 있는 적들을 찾아둠 3. 적들 죽이고 카운트 4. 적이동 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.LinkedList; import java.util.PriorityQueue; import java.util.Queue; import java.util.StringTokenizer; class Archer { int y; int x; Archer(int y, int x) { this.y = y; this.x = x; } } class Enemy implem..