[MEIT] 약자를 위한 키오스크 - 키워드 전달받아 메뉴 출력하는 웹

🚀계획

• JSON형태로 메뉴와 키워드에 관한 데이터를 저장하고, HTML/CSS로 웹을 만들고, 자바스크립트로 데이터를 웹 창에 추출된 메뉴를 출력할 것이다.

• 만들어야 하는 것

  1. index.html : 실행 시 초기 화면, 버튼을 누르면 음성인식이 시작된다. 키워드가 추출되고 JSON형으로 저장해놓는다. + index.css, index.js
  2. Key_.html : 키워드를 변수에 저장해놓고, 그 키워드가 포함된 메뉴를 추출하여 창에 출력한다.
  3. Key_.css, MenuData.js(전체 메뉴 데이터를 저장), Key_Search.js(메뉴 추출)

🚀문제

• index.js에 저장한 keyword를 Key_Search.js에서 사용해야하는데,
  Unexpected token u in JSON at position 0에러가 발생한다.

• 추출한 메뉴 이미지 요소를 클래스 이름이 Search_m인 div안에 appendChild()로 추가하고 싶은데, 계속 에러가 발생한다.
  appendChild()에는 노드만 들어갈 수 있어서 createElement('div')로 안에 이미지를 넣고 그 div를 appendChild()로 Search_m에 넣으려고 했는데 계속 안된다.

  document.body.append()는 되는데 말이다.