스코프 와 실행 문맥 by 우영 주 297 views 
 JavaScript Promises by 우영 주 3742 views 
 기억 했 다가 잘 사용 할게요 . 감사 합니다 . 
 jeong - sic Yoo 
 좋 은 내용 잘 보 았 습니다 ^^ 감사 합니다 . 
 Minwoo Park , Software Engineer - LINE at Realm Inc 
 hyeseon gwon , Bucketplace 개발자 at Bucketplace 
 문규 임 , . at Coupang 
 홍 근 한 , Web developer ( beginner ) at SeoulAuctionBlue 
 1 . 아재 가 젊은이 에게 사랑 받 는 마크업 을 하 는 방법 
 2 . 아저씨 가 젊은이 들 에게 사랑 받 기 위한 현대 적 인 HTML / CSS 마크업 
 4 . 왜 시맨틱 한 마크업 을 해야 하 는가 ? 
 5 . 접근성 대다수 사용 자 에겐 별로 중요 하 지 않 음 SEO 시맨틱 해야 만 검색 결과 상위 에 노출 되 는 게 아님 이것 이 중요 하 지 않 다는 게 아니 라 상대 를 설득 하 거나 동기 부여 하 는데 다소 논리 적 빈약 함 이 있 다는 뜻 
 6 . 코딩 규칙 과 유지 보수성 글로벌 기준 의 코딩 규칙 확보 , 유지 보수성 을 높임 의도 의 명확성 개발자 가 의도 한 요소 의 뜻 을 명확 하 게 드러냄 협업 개발자 간 커뮤니티 를 위해 변수 명 하나 도 허투루 짓 지 않 듯 마크업 역시 동일 한 관점 에서 시맨틱 을 바라봐야 한다 . 
 7 . 匠人 마크업 하 는 한 인간 으로써 작가 ( Editorial writer ) 나 디자이너 의 의도 를 정확히 이해 하 고 코드 로 명확히 표현 해야 할 책임 이 있 다 
 8 . 강조 에 는 여러 가지 의미 가 있 다 . < b > … </ b > 문서 또는 문장 에서 다른 글자 와 의 문체 가 다른 키워드 , 테마 등 을 나타냄 < em > … </ em > 문장 의 주 된 뉘앙스 와 관련 된 키워드 나 내용 을 강조 함 < strong > … </ strong > 문장 에서 가장 주요 한 항목 이나 심각 한 문제 임 을 드러내 고 강조 함 < mark > … </ mark > < dfn > … </ dfn > 검색 과 같 은 특정 액션 에 따라 결과 적 으로 주목 이 필요 한 부분 을 나타냄 고유 명사 나 전문 용어 , 서비스 이름 등 특정 정의 어 를 나타냄 
 9 . EXAMPLE - < mark > https : / / codepen . io / SitePoint / pen / QNLyLV 
 10 . EXAMPLE - < dfn > https : / / codepen . io / njbair / pen / bxcdu 
 11 . 강조 외 에 부차 적 인 문 의 상태 는 ? < small > … </ small > 면책 사항 , 주석 등 문서 속 의 부차 적 인 내용 을 나타냄 < del > … </ del > 과거 에 작성 했 지만 이제 참조 할 필요 가 없 는 내용 을 나타냄 < ins > … </ ins > 새롭 게 추가 된 문자 나 변경 된 내용 을 나타냄 < s > … </ s > 정보 가 낡 아 관련 없 는 정보 가 됐 거나 정확 성 이 보장 되 지 않 는 내용 을 나타냄 
 12 . EXAMPLE - < ins > https : / / codepen . io / pcwebschools / pen / wGVBNJ 
 13 . EXAMPLE - < s > https : / / codepen . io / SitePoint / pen / dMbGoO 
 14 . 문장 의 상태 구별 을 더욱 명확 하 게 ! - 1 < i > … </ i > 소설 속 등장인물 의 생각 이나 대사 , 관용구 , 속담 , 고유 명사 등 평범 한 글자 구분 됨 을 나타냄 < q > … </ q > 짧 은 인용문 을 나타냄 , 인용문 이 길 다면 < blockquote > 을 사용 < u > … </ u > 분명 하 게 발음 할 수 없 는 텍스트 ( 타이포 , 심볼 , 오 탈자 , 한자 등 ) 를 나타냄 < time > … </ time > 시각 , 일시 등 의 시간 정보 를 나타냄 
 15 . 문장 의 상태 구별 을 더욱 명확 하 게 ! - 2 < abbr > … </ abbr > 준말 을 나타내 며 title 속성 으로 그 준말 의 원형 을 명시 < cite > … </ cite > 책 이나 신문 , 텔레비전 , 노래 , 영화 등 과 같이 참조 ( 인용 ) 하 고 있 는 창작물 의 제목 이나 작가 명 또는 참 조원 URL 등 을 나타냄 < kbd > … </ kbd > 사용 자 에게 제공 하 고 있 는 입력 키 ( 단축키 나 명령 키 ) 를 나타냄 < address > … </ address > 제작자 나 책임자 등 의 개인 / 조직 의 연락처 정보 를 나타내 며 " 주소 " 를 뜻 하 는 게 아님 
 16 . EXAMPLE - < u > https : / / codepen . io / tutorialio / pen / ryWZWR 
 17 . EXAMPLE - < time > https : / / codepen . io / tutorialio / pen / YZpOPy 
 18 . EXAMPLE - < cite > https : / / codepen . io / w 3 tr / pen / bVWQvq 
 19 . EXAMPLE - < kbd > https : / / codepen . io / tutorialio / pen / VpKPoj 
 20 . 보편 적 인 이름 으로 각 폼 의 이름 을 정한다 . https : / / developer . mozilla . org / en - US / docs / Web / HTML / Element / input # attr - autocomplete https : / / html . spec . whatwg . org / multipage / forms . html # auto ﬁ ll 
 22 . EXAMPLE - < template > https : / / codepen . io / wolf - w / pen / ZGLdPr 
 23 . EXAMPLE - < details > https : / / codepen . io / tutorialio / pen / QpwKOO 
 25 . EXAMPLE - < datalist > https : / / codepen . io / tutorialio / pen / OpPXrP 
 27 . EXAMPLE - < dialog > https : / / codepen . io / SitePoint / pen / XNaLOg 
 31 . EXAMPLE - < picture > https : / / codepen . io / olivier - c / pen / QNYRPG 
 32 . 감사 합니다 . 
 스트리밍 과 디지털 권리 관리 
 스트리밍 과 플레이어