카테고리: JavaScript

길게 늘어선 문자 블록에서 양쪽 탐색 빛이 같은 색의 첫 블록과 마지막 블록을 찾는 모습

JavaScript / 문자열 indexOf()와 lastIndexOf()로 위치 찾기

String.indexOf()와 lastIndexOf()가 찾은 문자열의 첫·마지막 인덱스를 반환하는 방법을 설명합니다. 시작 위치와 겹치는 일치, -1·0 판정을 입력 예제로 비교합니다.

큰 투명 공간 안에 작은 경계 상자들이 겹쳐 있고 데이터 구슬의 접근 범위가 구분되는 모습

JavaScript / 전역변수와 지역변수 차이, 스코프 이해하기

JavaScript 전역·지역 변수의 접근 범위와 섀도잉을 설명합니다. let·const와 var의 블록/함수 범위, 클로저가 지역 값을 유지하는 경우를 실행 예제로 확인합니다.

여러 색의 문자열 리본과 작은 값 조각이 하나의 긴 리본으로 조합되는 모습

JavaScript / 문자열 만들기, 따옴표와 템플릿 리터럴 사용법

JavaScript 문자열을 작은따옴표·큰따옴표·백틱으로 만드는 방법을 설명합니다. 따옴표, 역슬래시, 줄바꿈과 템플릿 리터럴의 실제 값을 예제로 비교합니다.

작업 줄들이 경계 표시와 블록 묶음에 따라 가지런히 정리되는 모습

JavaScript / 명령문·세미콜론 작성법과 줄바꿈 주의점

JavaScript 명령문을 세미콜론과 줄바꿈으로 구분하는 규칙을 설명합니다. 자동 세미콜론 삽입과 return 뒤 줄바꿈의 결과를 실행 가능한 예제로 비교합니다.

브라우저 페이지와 별도의 스크립트 파일 모양 카드가 연결되는 모습

JavaScript / HTML에 스크립트 넣기와 외부 JS 파일 연결하기

HTML 문서에 JavaScript를 직접 쓰거나 외부 파일로 연결하는 방법을 설명합니다. 실행 가능한 두 예제로 파일 경로, defer·async의 실행 시점과 오류 확인 방법을 살펴봅니다.

서로 다른 색의 프로퍼티 서랍을 가진 하나의 입체 객체 상자가 열린 모습

JavaScript / 객체 만들기와 프로퍼티 읽기·수정하기

JavaScript 객체를 리터럴과 빈 객체로 만드는 방법을 설명합니다. 점·대괄호 표기, 속성 존재 검사, 새 객체의 참조 차이를 실행 가능한 상품 예제로 확인합니다.

가지런한 콘텐츠 줄 옆에 반투명 메모 카드와 접힌 주석 표시가 놓인 모습

JavaScript / 한 줄·여러 줄 주석 작성법과 주의점

// 한 줄 주석과 /* */ 블록 주석의 문법을 설명합니다. 한 줄을 주석 처리하거나 해제하는 전체 예제로 실행 차이를 확인하고, 중첩·문자열·공개 소스의 주의점도 살펴봅니다.

입력 구슬이 하나의 작은 처리 장치를 통과해 새로운 출력 블록으로 나오는 모습

JavaScript / 함수 선언과 호출, 매개변수와 반환값 사용법

함수 선언문·표현식, 매개변수와 인수, return 및 기본값을 설명합니다. 입력 검사·계산·출력을 분리한 전체 HTML 예제로 호출 시점과 이벤트 등록의 차이도 확인합니다.

규칙적인 데이터 큐브 사이의 불규칙한 큐브를 검사 렌즈로 구분하는 모습

JavaScript / isNaN()과 Number.isNaN() 차이와 NaN 검사

isNaN()과 Number.isNaN()의 검사 범위를 구분합니다. 나눗셈 버튼 예제로 정상 값·NaN·Infinity를 비교하고 빈 값과 숫자 입력을 검증할 때의 주의점도 설명합니다.

숫자를 상징하는 구슬들이 검사 게이트를 통과하고 예외 블록은 옆으로 분리되는 모습

JavaScript / isFinite()와 Number.isFinite()로 유한한 수 검사

isFinite()와 Number.isFinite()의 형 변환 차이를 표와 입력 실습으로 비교합니다. 빈 문자열·null·NaN·Infinity의 처리와 정수·범위 검사가 별개인 이유도 설명합니다.