[백준 문제 분석기] ERROR. 01 웹사이트의 불편함

문제 1: 웹사이트의 불편함

처음 웹사이트로 개발을 완료했을 때, 문제를 가져와서 보여주고 분석 내용을 다시 보여주는 것에서 큰 불편함을 느낌.

• 해결 방법:
  • Chrome Extension을 활용하여 사용자가 백준 사이트에서 문제 분석을 진행할 수 있게 함
• 개선 :
  • 불필요한 웹사이트에 들어갈 필요 없음
  • 효율적인 공간 활용 → UX

문제 2: Chrome Extension의 TypeScript 지원 X

TypeScript를 통한 웹사이트 개발을 Chrome Extension으로 변환하는 과정에서 JavaScript만 지원하는 것을 앎

• 📌 해결 방법: 트랜스파일러 설정

(tsconfig.json)
{
  "compilerOptions": {
    "strict": true,
    "module": "commonjs",
    "target": "es6",
    "esModuleInterop": true,
    "sourceMap": true,
    "rootDir": "src",
    "outDir": "dist/js",
    "noEmitOnError": true,
    "typeRoots": ["node_modules/@types"]
  }
}

• tsconfig.json과 webpack.config.json 파일을 통해 TS 설정을 관리하고, 빌드 스크립트를 작성하여 자동으로 TS를 JS로 변환하는 작업 구상