즐겁게, 코드

가끔씩 다른 사이트들을 돌아다니다 보면 "이건 무슨 기술로 만들어졌을까?" 하는 호기심이 생길 때가 있을 것입니다. 오늘은 사이트를 구축한 기술 스택을 확인할 수 있는 서비스인 Wappalyzer 를 소개하려 합니다. www.wappalyzer.com/ Technology lookup - Wappalyzer Wappalyzer is trusted by thousands of professionals world-wide www.wappalyzer.com Wappalyzer는 한달의 50개의 사이트를 무료로 확인할 수 있으며 어떤 기술이 어떤 역할로 사용되었는지 구체적으로 알려주는데요, 예를 들어 개츠비와 리액트로 제작한 제 이전 블로그를 확인해 보면 이런 분석 결과를 얻을 수 있습니다. 신기하지 않나요? ..

크롬이나 웨일 등의 최신 브라우저는 다양한 익스텐션을 지원하는데요, 오늘은 리액트로 익스텐션 앱을 빌드하는 방법을 소개하려 합니다. 프로젝트 세팅 먼저 create-react-app 으로 리액트 앱을 빌드한 다음, public 폴더의 manifest.json 파일을 확인합니다. 그럼 아래와 같이 매니패스트 파일이 생성되었음을 알 수 있습니다. { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" }, { "src": "logo192.png", "type": "image/png",..