JavaScript Set과 Map 사용하기
Set으로 중복 없는 값을 관리하고 배열의 중복을 제거합니다. Map의 key/value 저장·조회·갱신과 두 자료구조의 차이, 배열·객체와의 선택 기준을 살펴봅니다.
태그
글 검색
JavaScript 배열과 정렬 사용하기
map·filter로 배열을 가공하고 find·some·every로 조건을 확인합니다. 숫자·객체 배열 정렬과 localeCompare, 원본을 보존하는 복사 방법을 살펴봅니다.
JavaScript URLSearchParams 사용하기
URL query parameter를 읽고 수정하는 방법을 살펴봅니다. 같은 key의 여러 값, query string 생성과 자동 인코딩, URL 객체의 searchParams 활용까지 설명합니다.
JavaScript FormData 사용하기
form 입력값과 checkbox, 파일을 FormData로 다루는 방법을 살펴봅니다. get·getAll·append·set·delete의 차이와 fetch multipart 전송 시 Content-Type 처리까지 설명합니다.
JavaScript localStorage 사용하기
localStorage 문자열·JSON 저장, form 복원과 목록 관리를 살펴봅니다. Web Storage API의 sessionStorage 사용법, 두 저장소의 유지 기간·공유 범위와 storage 이벤트 차이를 설명합니다.
JavaScript fetch 사용하기
fetch의 GET·POST와 JSON 처리, 요청 헤더, HTTP 상태 검사를 살펴봅니다. 네트워크 오류와 HTTP 오류를 구분하고 AbortController로 요청 취소·시간 제한을 처리합니다.
jQuery에서 selector 사용하기
id·class·태그, 부모·자식 관계, 속성과 현재 상태로 요소를 선택하는 방법을 jQuery와 JavaScript로 비교합니다. find·filter·not으로 범위를 좁히는 차이도 확인합니다.
jQuery event 다루기
click·change·input, 이벤트 등록과 제거, 동적 요소의 이벤트 위임을 jQuery와 JavaScript로 비교합니다. 기본 동작 차단과 버블링·전파 중단의 차이도 확인합니다.
jQuery로 table 제어하기
table 행 추가·삭제, 단일 행과 checkbox 선택, 셀 읽기·수정을 jQuery와 JavaScript로 비교합니다. 동적으로 추가된 행에 이벤트 위임을 적용하는 방법도 살펴봅니다.
jQuery로 radio 제어하기
선택된 radio 값 읽기, 선택과 초기화, 비활성화, 그룹별 동작을 jQuery와 JavaScript로 비교합니다. checked 변경과 change 이벤트의 차이도 실행 예제로 확인합니다.
jQuery로 checkbox 제어하기
선택된 checkbox 값 읽기부터 체크·해제, 전체 선택, 비활성화까지 jQuery와 JavaScript로 살펴봅니다. checked 변경과 change 이벤트의 차이도 확인합니다.
jQuery로 select 제어하기
jQuery와 순수 JavaScript로 select 값 읽기·설정, change 이벤트, option 추가·삭제와 비활성화를 비교하고 7개 실행 예제로 확인합니다.