윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 51강 - innerHTML 속성과 sanitization
페이지 정보
- 조회
- 733
본문
※ 영상을 선명하게 보기 안내
- 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
- 팝업목록에서 "품질" 선택하세요.
- 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
윤인성님의 javascript강의 청각장애인을 위한 자막
안녕 티어 모던 웹을 위한 자바스크립트 제이쿼리 입문 3판 51 강대
있구요이번 강의에서는 10.절에 있는 문서 객체 만들기 3번 부터 의
내용을 살펴보도록 하겠습니다
우리가 저번에 인어 html 이라는 속성을 살펴보았는데요 예를 들어서
도큐먼트 객체 바디에 도 인어 html 2인 당연히 있습니다
요 도큐먼트 점 바지도 그냥 이전에 있던 요소 노트와 똑같은 것이기
때문에 뭐 도큐먼트 점
크리에이트
엘리멘트 로 뭐 h1 태그를 만들었을 때 나오는
인어 html 과 큰 차이가 없다고 보시면 됩니다
요건 h1 태그 html 딛고 욕 위에껀 바디 태그 html 드립니다
어쨌거나 여기에다가 그냥 html 형식의 문자를 넣어 주시게 되면 은
그냥 자동으로 태그가 생성이 됩니다
한 번 코드를 저장을 하고 실행해 보도록 할게요 코드를 실행해 보게 되면
이전과 마찬가지로 그냥 헬로 월드 라는 글자가 출력되는 모습을 확인할 수
있습니다
이전과 마치 롱 가지로 반복문을 돌려서 여러개를 만든다면 op 먼트 점
닻 2.2 너 html 다 다감 플러스 이코 를 사용해서
요런 형태로 코드 를 구성해 주실수 있겠죠 뭐 저장을 하고 실행을 하면
이전과 마찬가지로 태그 여러개가 쭉 설정되는 모습을 확인할 수 있습니다
물론 여기서 플러스 이 골로 바꿨다는 점에는 기억을 해 주시면 좋겠습니다
어쨌거나 이렇게 인어 html 로 만들 때 내부 에다가 진짜 요러한
평택에 문자를 넣고 싶을 수도 있어요 예를 들어서
h1 태그 안에 난 진짜 이런 글자를 넣고 싶다 라고 할 수가 있을 때도
있는데요 이때는 html 과 마찬가지로 요거 끔 괄호를 사용할 수
없습니다
이러한 때는 lg 체 멜 입력하는 것 처럼 & 표시 를 사용하라고
크레이터 대응과
밴드 표시를 입력을 하고 레스 댄 을 사용을 해 줘 해줘야 됩니다
레스 대는 5 작다 라는 의미이고 그레이터 대는 크다 라는 의미이기
때문에 잠깐 저도 지금 헷갈리는데
자동완성 기능의 대충 나오기 때문에 이러한 것을 확인해 보시면 되겠습니다
어쨌거나 요러한 녀석들을 사용해서 기호를 사용해주시면 됩니다
한마디로 요 문자를 바로 집어 넣게 되면 은
요기 오드리 적용이 되기 때문에
몰리 플레이스 등을 사용해서
그레이터 데는 전부다 변환을 해 주셔야 되구요
요기 오레 아
천보
그레이터 덴 으로 변환한다. 라는 코드 입력을 해 주시거나
하는 형태로 사용을 해 주셔야 됩니다 참고적으로 지금 저 사용한 요렇게
되어 있는 녀석은 정규 표현식이 라는 녀석인데요
불혹의 정리가 되어 있기 때문에 부록을 확인해 주시면 좋겠습니다
음 얘가 크레이터 드리고 미애가 래 쓰던 이죠
어쨌거나 요러한 형태로 입력을 하고 내부 에다가 텍스트를 입력을 해서
작성을 해 주시게 되면 뭐 조금 상황 확인을 위해서 어를 2로 한 번
텍스를 출력을 하고 넣어 보도록 할게요
저장을 하고 실행을 해 주시게 되면 요렇게 엔드 lsd nh 왕 그레이터
된 헬로 월드 짝대기 0 그리고 레스 댄 h1 그레이터 되니 입력되는
모습을 볼 수 있는데요
요렇게 입력이 되면 요러한 형태로 그냥 글자를 입력하실 수 도 있습니다
참고 조건을 요렇게 html 태그 해서 사용되는 요소를 핍 벨 지체 멜로
인식하지 않게 만드는 것을 세니 타이즈 라고 부르게 되는데요
이후에 뭐 자바스크립트 관련 개발을 하시다 보면 굉장히 용어를 많이 들어
보시게 될 거에요 그래서 html 세니 타이즈 라는 용어를 기억을 해
주시면 좋겠습니다
뭐 앵글러 js 를 할 때나 리 액트 를 하실 때도 굉장히 많이 나오는
녀석 이기 때문에
모이 차매 용어를 기억을 해 주시고 넘어가면 좋겠습니다
조건은 오늘 강의는 조금 짧은 되요 오늘 강의는 여기까지 되겠고 다음
강의에서 뵙도록 하겠습니다 감사합니다.
댓글 0개
등록된 댓글이 없습니다.