Tag: path

2020
backendnode

Node 절대경로 설정하기

시작하기node와 typescript사용환경에서 절대경로 설정을 해보도록 하겠습니다.절대경로로 설정하는 방법은 두가지가 있습니다. 설정하기설정방법은 nodemon 으로 설정하는 방법과 ts-node-dev로 설정하는 방법이 있습니다. 공통적으로 tsconfig.json을 수정해줍니다. tsconfig.json12345{ //... "baseUr

Clone

React와 SVG로 Circular 타이머 구현하기

시작하기svg와 react, moment를 이용해서 다음 이미지와 같지는 않더라고 흡사한 타이머를 구현해 보도록 하겠습니다. 설치하기123create-react-app timer --typescriptcd timernpm i moment @types/moment styled-components @types/styled-components @fortawes

frontendsvg

SVG path(패스)

svg 선 명령어<path> 노드에는 다섯 개의 선 명령어가 있습니다. MoveLine 명령어는 두 점 사이에 선을 그리는 역할을 합니다.첫 번째 명령어는 ‘Move To(이동하기)’ 혹은 M 입니다.이 명령어는 두 개의 파라미터로 x와 y 좌표를 받습니다.그리기 커서가 이미 페이지의 다른 곳에 있었더라도 두 점 사이에 점이 그려지지는 않습니다.