컨텐츠로 건너뛰기

Card News Note

  • HOME
  • 코딩이란?
  • 프로그래밍 언어
    • JAVA
    • HTML
    • JavaScript
    • jQuery
  • 함수 레퍼런스
  • 개발자 이야기
  • 문의하기
    • 사이트 소개
    • 개인정보처리방침
    • 면책조항
    • 이용약관

프로그래밍 언어

JAVA, HTML, JavaScript, jQuery 입문 강좌를 한곳에 모았습니다.

자바스크립트 변수 — var·let·const와 타입이 헷갈리는 이유

8월 12, 2026 작성자: thorns

var, let, const의 차이와 선택 기준을 표로 비교하고 원시 타입 여섯 가지를 정리했습니다. 문자열과 숫자가 뒤섞일 때 생기는 자동 형 변환의 함정, ==와 ===의 차이도 예제로 확인합니다.

카테고리 JavaScript

자바스크립트 함수 — 선언식·화살표 함수와 스코프의 규칙

8월 12, 2026 작성자: thorns

중복된 코드를 함수로 묶는 과정을 단계별로 따라가며 매개변수와 반환값, 기본값 매개변수를 익힙니다. 화살표 함수의 this 함정과 스코프, 호이스팅, 콜백 개념까지 예제로 정리했습니다.

카테고리 JavaScript

자바스크립트 DOM — HTML 요소를 골라서 바꾸는 방법

8월 12, 2026 작성자: thorns

DOM이 무엇인지부터 querySelector로 요소를 고르는 방법까지 실습 문서 하나로 설명합니다. textContent와 innerHTML의 차이와 보안 주의점, classList, 요소 생성과 삭제도 함께 다룹니다.

카테고리 JavaScript

자바스크립트 이벤트 — 클릭에 반응하는 화면 만들기와 버블링

8월 12, 2026 작성자: thorns

버튼이 반응하지 않는 흔한 증상을 진단하며 addEventListener 사용법과 이벤트 객체를 익힙니다. click, input, submit, keydown과 preventDefault, 버블링을 이용한 이벤트 위임까지 정리했습니다.

카테고리 JavaScript

HTML이란 무엇인가 — 마크업 언어의 뜻과 브라우저가 화면을 그리는 순서

8월 12, 2026 작성자: thorns

HTML은 계산하는 프로그래밍 언어가 아니라 내용에 의미를 표시하는 마크업 언어입니다. 브라우저가 파일을 받아 화면을 그리기까지의 다섯 단계와 CSS·자바스크립트의 역할 분담을 정리합니다.

카테고리 HTML

HTML 문서 구조 — 골격 한 줄씩 뜯어보고 시맨틱 태그로 뼈대 세우기

8월 12, 2026 작성자: thorns

DOCTYPE부터 head와 body까지 문서 골격을 한 줄씩 해부하고 태그·요소·속성 용어를 구분합니다. 블록과 인라인의 차이, header와 main 같은 시맨틱 태그로 뼈대를 세우는 법도 다룹니다.

카테고리 HTML
이전 글
새 글
← 이전 페이지1 페이지2 페이지3 페이지4 다음 →

Recent Posts

  • 자바스크립트 문자열 함수 총정리 — 찾고, 자르고, 바꾸는 메서드 사전
  • 자바스크립트 배열 함수 총정리 — 원본을 바꾸는 메서드와 새 배열을 주는 메서드
  • 자바스크립트 Math 함수 총정리 — 반올림부터 랜덤, 숫자 변환까지
  • 자바 String 메서드 총정리 — 바뀌지 않는 문자열을 다루는 사전
  • 자바 Math 클래스 총정리 — 계산 메서드와 정수 나눗셈의 함정
Card News Note
운영자 소개 문의 개인정보처리방침 이용약관 면책조항

상호 : Card News Note|대표 : 김병진|이메일 : [email protected]

© 2026 Card News Note. All rights reserved.

© 2026 Card News Note • 제작됨 GeneratePress