Other/React

크롬 확장앱(Chrome extension) 리액트 적용하기

크롬 확장앱은 순수 자바스크립트(Vanilla JS)로 개발할 수 있지만, 구조가 복잡한 앱의 경우 프론트엔드 라이브러리를 사용하는 것이 좋은 방안이 될 수 있습니다. 그래서 크롬 확장앱을 개발할 때 리액트 환경을 구축하는 방법을 알아보도록 하겠습니다. 아래와 같은 코드들을 입력해줍니다. yarn create react-app "project-name" // 리액트 프로젝트 생성하기 cd "project-name" // 해당 디랙토리로 이동하기 yarn start // 프로젝트 시작 yarn start 명령어를 입력하면 자동으로 테스트용 웹 서버가 시작되고, 브라우저에서 해당 화면이 출력됩니다. 위 화면을 크롬 확장앱에서 보여줄 수 있도록 작업하겠습니다. yarn build // 배포할 수 있도록 빌드하..