chart js

https://www.chartjs.org/docs/latest/

 

Chart.js | Chart.js

Chart.js Welcome to Chart.js! Why Chart.js Among many charting libraries (opens new window) for JavaScript application developers, Chart.js is currently the most popular one according to GitHub stars (opens new window) (~60,000) and npm downloads (opens ne

www.chartjs.org

apex chart

https://www.chartjs.org/docs/latest/

 

Chart.js | Chart.js

Chart.js Welcome to Chart.js! Why Chart.js Among many charting libraries (opens new window) for JavaScript application developers, Chart.js is currently the most popular one according to GitHub stars (opens new window) (~60,000) and npm downloads (opens ne

www.chartjs.org

d3 js

https://github.com/d3/d3

 

GitHub - d3/d3: Bring data to life with SVG, Canvas and HTML.

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: - GitHub - d3/d3: Bring data to life with SVG, Canvas and HTML.

github.com

 

저작자표시 변경금지

https://www.patterns.dev/

 

Patterns.dev - Modern Web App Design Patterns

Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React

www.patterns.dev

 

https://refactoring.guru/ko

 

리팩터링과 디자인 패턴

Hello, world! Refactoring.Guru는 리팩토링, 디자인 패턴, SOLID 원칙 및 기타 스마트 프로그래밍 주제에 대해 알아야 할 모든 것을 쉽게 찾을 수 있는 자원입니다. 이 사이트에서는 이러한 모든 주제가 어

refactoring.guru

 

이거임

저작자표시 변경금지

'dev' 카테고리의 다른 글

이 홈페이지 뭘로만들었지? Wappalyzer  (0) 2023.02.13
맨날 헷갈리는 정규식  (0) 2023.01.30

https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg?authuser=1?authuser=1&gclid=CjwKCAiAuaKfBhBtEiwAht6H78xxkveJV6IjF8F4i7fhAPn00dA0tBSrPqK3VzXFl59V8WRUnN9GHhoCufgQAvD_BwE 

 

Wappalyzer - Technology profiler

Identify web technologies

chrome.google.com

 

평소 사용하던 홈페이지의 기술스택이 궁금해서 찾아봤는데 이런 크롬 확장프로그램이 있었음

 

Github
Naver
JetBrains 구매페이지

일부 사이트에선 엥 이런것까지 알려줘? 싶은 내용까지 알려줌 신기방기

저작자표시 변경금지

'dev' 카테고리의 다른 글

디자인 패턴이 뭐임?  (0) 2023.03.06
맨날 헷갈리는 정규식  (0) 2023.01.30

https://regexper.com/

 

Regexper

 

regexper.com

정규식 도표화

 

https://regexr.com/

 

RegExr: Learn, Build, & Test RegEx

RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).

regexr.com

정규식 상세 설명

https://regex101.com/

 

regex101: build, test, and debug regex

Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET.

regex101.com

언어별 정규식 테스트(젤좋아보임)

저작자표시 변경금지

'dev' 카테고리의 다른 글

디자인 패턴이 뭐임?  (0) 2023.03.06
이 홈페이지 뭘로만들었지? Wappalyzer  (0) 2023.02.13

1. 진행중인 워크스페이스에서 디버그 탭 진입 (Ctrl + Shift + D)

2. 날것 그대로의 워크스페이스라면 아직 launch.json 파일이 생성되있지 않을것이므로 [create a launch.json file] 을 클릭하여 파일 생성

3. 임의의 설정값을 선택하면 위와 같이 json 파일이 생성된다. 우측 하단의 Add Configuration 버튼을 클릭하여 앞으로 사용할 nodemon 디버그 설정을 추가해주자.

설정 preset 검색
추가 완료

4. name은 자기 입맛대로, program설정 값에 진행중인 프로젝트의 app.js 경로로 맞추어주고 저장해주면

짠

5. 설정완료. 이대로 실행해주면(Ctrl + F5) 

6. 선택한 BREAKPOINT 혹은 소스 상의 DEBUGGER가 설정 된 부분을 디버깅해볼 수 있다 

저작자표시 변경금지

'dev > nodeJS' 카테고리의 다른 글

NodeJS 셋업  (0) 2021.01.11

- Ctrl + K, Ctrl + S로 단축키 설정 호출
  내가 원하는 기능은 이클립스의 Ctrl + D기능 (현재 선택중인 Line 삭제)

- delete로 검색하니 바로 나옴
  Ctrl + K, Ctrl + K로 Key binding 변경

- 완료

- 같은 맥락에서 줄 복사 기능도 바꿔주고

- 맨날 헷갈리는 Go To File 단축키도 변경(이클립스에선 Open Resource  기능)

저작자표시 변경금지
  • express -e podCrawler // express –pug podCrawler
    -> express프로젝트 생성
  • npm install
    -> package.json에 설정된 모듈 설치
  • npm install –save nodemon
    npm install –save pm2
    -> 디버깅용 pm2(heavy), nodemon(lite) 모듈 설치
    사전에 global로 설치해놓을것
  • package.json 변경
1
2
3
4
5
  "scripts": {
    "nboot": "pm2-dev start ./bin/www",
    "ndown": "pm2-dev stop ./bin/www",
    "start": "node ./bin/www"
  },
 cs

 

  • 기동 테스트
    terminal에서 npm run-script nboot 입력 or NPM SCRIPTS 탭에서 실행

'dev > nodeJS' 카테고리의 다른 글

nodemon으로 디버깅  (0) 2021.01.26

+ Recent posts

티스토리툴바