필요할 기본 개념들

node.js

: 원래 서버는 php등 서버 스크립트 언어로 개발해야 했지만, node.js 덕분에 자바스크립트로 frontend, backend 모두 개발할 수 있게 되었다.

headless chrome crawler (HCC)

: GUI없이 실제 브라우저와 동일하게 동작하므로 자바스크립트도 동작하고, 웹크롤링하거나 스크린샷을 찍을 때 빠르고 유용하다.
원래 PhantomJS로 headless브라우저를 실행할 수 있었으나 지금은 크롬에서 직접 headless모드를 추가했다. (CLI기반의 서버OS인 리눅스에서도 사용가능)

puppeteer (Headless Chrome Node API)

: 화면없는 크롬을 구현하여 브라우저에서 수동으로 할 수 있는 대부분의 작업 수행가능 & 동적 페이지 제어 가능한 node.js 모듈
ex) 페이지 스크린샷, 크롬 확장프로그램 테스트, SPA(Single-Page Application) 크롤링
https://ncube.net/14128
https://m.post.naver.com/viewer/postView.nhn?volumeNo=9476255&memberNo=36733075&vType=VERTICAL
https://blog.naver.com/bluerein_/221514437157

dev tools

: API 로 Chrome 을 제어할 수 있는 Protocol
Spring Boot 코드 수정 실시간 반영할 수 있는 모듈

chromium

: 크롬의 오픈소스 버전. 구글 크롬, 네이버 웨일, 삼성 인터넷 브라우저, 오페라, 엣지 등이 있다.

react (front-end)