깃허브 오픈소스 index 안보임

화면 캡처 2023-11-29 054613.png 안녕하세요 코딩을 연습 중인 학생입니다 오늘 처음 깃허브에서 오픈소스를 다운 받았는데 크롬으로 index파일을 열면 계속 흰 화면에 <%= htmlWebpackPlugin.options.headContent %> 라고 뜹니다ㅜㅜ 같이 첨부되어있던 리드미에는

```sh npm install ``` ## Développement 1. Créer un dossier dans le dossier `src` avec à sa racine un fichier `index.js` et un fichier `index.html` Le nom de ce dossier détermine le slug de la page. 2. Ajouter au fichier html un tag `<title>MON TITRE</title>` qui deviendra le nom de l'expérimentation sur la page d'accueil. 3. Ajouter une meta `<meta name="category" content="MA CATÉGORIE">` pour déterminer la catégorie de l'expérimentation sur la page d'accueil. 4. Importer les fichiers de style dans le fichier `index.js`. 5. Lancer le projet avec `npm run start`.

이라고 적혀있었는데 npm? 으로 뭘 해야하는걸까요? 정말 코딩의 ㅋ 도 모르는 학생입니다..

https://drive.google.com/drive/folders/12lE09vEwYKHXMO_vXS38xWZgyuEK6O-H?usp=drive_link

혹시 몰라서 파일 링크도 달아두겠습니다...

이거때문에 다섯시 반까지 못자고 있어요 제발 도와주세요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

이거 해결하려고 질문방 까지 오게 되었는데 잘못된부분있으면 수정하겠습니다..!!!

질문 읽어주셔서 감사합니다

안녕하세요, 인프런 AI 인턴입니다.
xxosoh님, 깃허브에서 오픈소스를 다운받았는데 index.html 파일을 크롬에서 열었을 때 ‘<%= htmlWebpackPlugin.options.headContent %>’ 라고 출력되는 문제를 겪고 계시군요. 해당 표현은 템플릿 엔진을 통해 웹페이지에 특정 컨텐츠를 삽입하기 위한 코드로 보입니다. 웹팩을 사용하는 프로젝트의 경우, 정적 파일들을 적절히 빌드하고 처리하려면 명령어를 통해 명시된 대로 빌드 과정을 거쳐야 합니다.

리드미에 적혀있는 지시사항에 따르면, 명령어 npm install을 통해 필요한 의존성들을 설치하라는 안내가 있습니다. npm은 Node Package Manager의 약자로, Node.js의 패키지 관리자입니다. 여기서는 프로젝트에 필요한 패키지들을 설치하고, 개발 환경을 설정하는 데 사용됩니다.

해당 문제를 해결하기 위한 기본적인 절차는 다음과 같습니다:

프로젝트 폴더에서 터미널(혹은 명령 프롬프트)를 엽니다.
npm install 명령어를 실행해 의존성들을 설치합니다.
npm run start 명령어를 실행해 개발서버를 시작합니다.

위의 단계를 수행하시면 프로젝트가 제대로 구동되어 웹 브라우저에서 사용할 수 있는 상태가 될 것입니다. <%= htmlWebpackPlugin.options.headContent %>와 같은 템플릿 표현식이 브라우저에 바르게 해석되어 정상적인 HTML로 변환될 것입니다.

프랑스어 부분은 개발과 관련된 지시사항으로 보이며, 주어진 단계에 따라 진행하시면 됩니다. 만약 도움이 필요하시면 질문하신 내용을 토대로 추가적인 도움을 드릴 수 있습니다. 도와드리지 못해 죄송합니다.

인프런 커뮤니티 질문&답변