Recent Posts

jquery reference wrap 01

jQuery .wrap(): Wrap Each Element Separately

Give each selected element its own wrapper, check the returned selection, and avoid duplicate IDs or repeated nesting.

jquery reference before 01

jQuery .before(): Insert Content as the Previous Sibling

Insert or move content immediately before a target, and compare before with inside insertion and insertBefore syntax.

jquery reference attr 01

jQuery .attr(): Read and Set HTML Attributes

Read and set attributes, distinguish them from current field properties, and understand Boolean and ARIA handling in jQuery 4.0.

중앙 데이터 블록과 연결된 화면 구성 요소, 커서로 개별 요소를 선택하는 화면을 나란히 표현한 일러스트

What Is React? Key Concepts and Differences from jQuery

Understand components, JSX, props, and state, then compare how React and jQuery update a page. Run equivalent counter examples and learn which approach fits your project.

jquery reference after 01

jQuery .after(): Insert Content as the Next Sibling

Insert or move content immediately after a target, and compare after with inside insertion and insertAfter syntax.

키보드 초점이 표시된 웹페이지와 휠체어 사용자 일러스트

HTML Tutorial / Accessibility Basics: Headings, Links, Images, and Keyboard

Review the meaning and keyboard use of headings, links, images, and forms. Practice manual testing on a small page with a skip link, persistent field instructions, and visible focus.

세 개의 웹페이지가 링크로 연결된 작은 사이트 일러스트

HTML Tutorial / Build a Small Multipage Website

Build Home, About, and Contact pages with shared navigation and distinct metadata. Separate contact-input practice from a receiving service and check navigation, validation, and keyboard completion criteria.

웹 문서를 돋보기와 점검표로 살펴보는 일러스트

HTML Tutorial / Find Errors and Validate an HTML Document

Find markup issues with the Nu HTML Checker and distinguish validation from browser behavior. Compare a complete duplicate-ID example with its correction and test each label association.

닫힌 항목과 펼쳐진 항목이 쌓여 있는 일러스트

HTML Tutorial / Create Expandable Content with details and summary

Create keyboard-operable expandable content with details and summary, and decide when to start it open or show content directly.

오디오 파형과 빈 비디오 화면을 나란히 놓은 일러스트

HTML Tutorial / Embed Audio, Video, and External Content

Use audio, video, iframe, captions, and alternative links appropriately. Responsive CSS and a local iframe exercise help you check paths, aspect ratios, and narrow-screen layout.