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

임수진님의 프로필 이미지
임수진

작성한 질문수

타입스크립트 시작하기

document.queryselect로 HTML element 작성시 에러

작성

·

177

1

알려주신 리액트강의도 구입해서 리액트 기본부터 다시 한번 공부하고 있습니다. ㅎㅎㅎ감사합니다.

전에 질문 올렸었는데, 알려주신 방식으로 typescript를 run해보고 있습니다. 그런데 브라우저 환경이 아니다보니, document.xxx에 대해 에러가 발생합니다. 혹시 쓰시는 꿀팁같은게 있을까요?

강의와 관련있는 질문을 남겨주세요.
• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)
• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)
서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등)

질문 전달에도 요령이 필요합니다.
• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.
• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.
• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. 
• 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요!

구체적인 질문일수록 명확한 답을 받을 수 있어요.
• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.
• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.
• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다.

기본적인 예의를 지켜주세요.
• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. 
• 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. 
반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 

답변 2

1

임수진님의 프로필 이미지
임수진
질문자

혼자 만들어보고 있는 인터렉티브 웹 프로젝트가 있어서 거기에 타입스크립트 적용해보고 있어요.

그 프로젝트에서 document.querySelector에서 요소를 가져와서 classList.add 를 이용해서 css를 변경하거든요.

code runner 말고, 플레이 그라운드에서 해볼겠습니다.ㅎㅎ

친절한 답변 감사합니다. 

1

이재승님의 프로필 이미지
이재승
지식공유자

말씀하신대로 브라우저 환경이 아니라서 document 는 사용할 수 없습니다.
저는 지금까지 code runner 로 브라우저 환경에서 실행할 니즈가 없었는데요ㅎㅎ
어떤 이유로 
document 를 사용하시려는거에요?

참고로 타입스크립트 플레이그라운드에서는 document 를 사용할 수 있습니다.

https://www.typescriptlang.org/play

임수진님의 프로필 이미지
임수진

작성한 질문수

질문하기