2025/06 3

<select> 태그에서 selected 속성이 무시되는 현상

문제 상황 태그 내부의 옵션 중, 현재 상태값과 일치하는 옵션에 selected 속성을 조건부로 삽입했지만, 페이지가 렌더링 된 이후 항상 "total" 옵션이 선택되어 있었다.예를 들어, 아래와 같은 코드에서 sortBy 값이 "fun"인 경우에도 "total"이 선택된 상태로 나타났다.console을 찍어보면 sortBy는 "fun"으로 정확하게 전달되고 있었지만, 실제 에서는 "total"이 선택된 상태였다.this.template = () => { return ` Total Cost Fun `;}; 원인이 문제의 핵심 원인은 selected 속성이 HTML 파싱 시점에서만 적용된다는 점에 있다.브라우저는 요소가 HTML로 파싱될 때, selected ..

기타 2025.06.12

[ JavaScript ] Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/html" 해결하기

'한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지'라는 강의를 들으면서 마주했던 문제이다.순수 자바스크립트로 SPA를 구현하면서 마주한 문제이다. 분명 다 맞게 작성했다고 생각했는데 실행 후 개발자모드로 콘솔을 보면 제목과 같이 MIME 타입 오류가 발생했다. 이전에 실습한 내용이랑 내용이 일치했기 때문에 더욱 미궁이었다. 원인결과적으론 모듈을 import할 때 확장자명을 붙이지 않아서 일어난 에러였다.리액트에서는 모듈 import 시 .js나 ./를 생략해도 문제가 발생하지 않았기에습관적으로 import 할 모듈 이름만 적고 엔터를 눌러 자동완성을 시켰다.그런데 이 자동완성에선 확장자를 붙여주지 않는 것이었다.... 하지만 순수 자바스크립트에서 모듈 import 할 때에는 리..

JavaScript 2025.06.12

Git에서 추적 해제하는 방법

아~~~~~~~ 오늘의 사고.gitignore을 만들고 push했어야 했는데 깜빡하고 안 해버린 것이다. 이미 깃에 올린 후에 .gitignore에 해당 파일이나 폴더를 작성해도 아무 소용이 없다는 사실...왜!냐! 새로 추가한 파일을 무시하는 것이지 git에 이미 올라간 파일엔 효력이 없기 때문이다. 분명 언젠가 또 이럴 일이 있을 것 같아 미리 정리한다... 1. git의 인덱스에서 제거해 주기 --cached를 통해 Git의 인덱스에서만 삭제하는 것으로 로컬에는 남아있는다. git rm -r --cached node_modules## 동시에 제거도 가능git rm -r --cached node_modules dist 2. 변경사항 커밋git commit -m "Remove node_modul..

Git 2025.06.03