자바 예외 처리 완전 정리자바를 공부하다 보면 문법보다 더 먼저 부딪히는 것이 있다.바로 에러다.분명 문법은 맞는 것 같은데 실행이 안 되거나,실행은 되는데 중간에 갑자기 프로그램이 멈추는 경우가 있다.이럴 때 자주 등장하는 개념이 바로 예외 처리(Exception Handling)다.예외 처리는 단순히 에러를 피하는 기술이 아니다.프로그램이 예상하지 못한 상황을 만났을 때어떻게 반응할지를 미리 정해 두는 방식이다.즉, 정상 흐름만 생각하는 것이 아니라실패할 수 있는 상황까지 고려해서 코드를 짜는 태도와 연결된다.그래서 자바에서 예외 처리는 문법 파트이면서도,동시에 프로그램의 안정성을 만드는 핵심 요소라고 볼 수 있다.1. 예외란 무엇인가예외는 프로그램 실행 중 발생하는 문제 상황이다.예를 들어 0으로 ..
자바 컬렉션 프레임워크 완전 정리자바를 공부하다 보면 배열만으로는 부족하다는 순간이 꼭 온다.처음에는 숫자 몇 개, 문자열 몇 개 저장하는 정도라서 배열로도 충분해 보이지만,실제로 프로그램을 만들기 시작하면 데이터의 개수가 계속 바뀌고,중복을 막아야 하거나, 빠르게 찾거나, 순서를 유지해야 하는 상황이 자주 생긴다.이럴 때 사용하는 것이 바로 컬렉션 프레임워크(Collection Framework)다.컬렉션은 쉽게 말하면 여러 데이터를 다루기 쉽게 만들어 놓은 도구 모음이다.자바에서는 단순히 "값을 담는 통" 정도가 아니라,데이터를 어떤 방식으로 저장하고,어떤 속도로 추가하고,어떤 방식으로 검색하고,중복을 허용할지 말지까지 구조적으로 나누어 제공한다.그래서 컬렉션을 제대로 이해하면단순 문법을 아는 수준을..
[jQuery] 05. Ajax(비동기 통신) 완전 정리 (GET / POST / JSON / $.ajax)웹에서 “로그인”, “게시글 목록 불러오기”, “댓글 등록”, “검색 자동완성” 같은 기능은페이지를 새로고침하지 않고도 서버와 데이터를 주고받아야 합니다.이때 많이 쓰는 방식이 Ajax입니다.이번 글은 $.ajax()를 중심으로,GET/POST 차이, JSON 처리, 자주하는 실수까지 “깊게” 정리합니다.1. Ajax가 뭐예요?Ajax는 한 문장으로 정리하면 이렇습니다.페이지를 새로고침하지 않고 서버와 통신해서 데이터를 가져오거나(조회) 보내는(저장) 방식예를 들어, 게시글 목록을 불러올 때 전체 페이지를 다시 불러오면 느리고 불편합니다.Ajax를 쓰면 “필요한 데이터만” 받아서 화면 일부만 바꿀 ..
[jQuery] 04. 이벤트(Event) 완전 정리 (click / on / this / preventDefault / 이벤트 위임)jQuery에서 가장 “실무처럼 보이는” 구간이 바로 이벤트(Event)입니다.화면에 있는 버튼을 클릭했을 때, 입력창에 글을 썼을 때, 폼을 제출했을 때처럼사용자 행동(또는 브라우저 동작)에 반응해서 코드를 실행하는 개념입니다.이번 글은 단순히 .click()만 소개하는 게 아니라,왜 on()을 많이 쓰는지, 이벤트 위임이 왜 필요한지까지 “깊게” 정리합니다.1. 이벤트(Event)란 무엇인가?이벤트는 “어떤 일이 발생했다”는 신호입니다. 예를 들면 다음이 전부 이벤트입니다.클릭: click더블클릭: dblclick키보드 입력: keydown / keyup입력값 변경: ..
[jQuery] 03. DOM 조작 완전 정리 (text / html / val / attr / prop)jQuery를 배우는 이유는 딱 한 문장으로 정리됩니다.“원하는 HTML 요소를 선택하고 → 내용을 바꾸고 → 상태를 바꾸기 위해서”입니다.이번 편은 그중에서도 가장 많이 쓰는 DOM 조작을 깊게 정리합니다.특히 처음에 많이 헷갈리는 text() vs html(), attr() vs prop() 차이를 확실히 잡고 갑니다.1. DOM 조작이 뭐예요?DOM 조작은 쉽게 말하면 화면에 있는 HTML 요소의 “내용/속성/스타일/상태”를 바꾸는 것입니다.예를 들어 아래는 전부 DOM 조작입니다.글자 내용 바꾸기 (text, html)input 값 넣기/읽기 (val)이미지 src 바꾸기 (attr)체크박스 ..
[jQuery] 02. 선택자(Selector) 완전 정리 (깊게)jQuery는 결국 “원하는 HTML 요소를 찾고 → 조작하는 것”이 핵심입니다.그 시작이 바로 선택자(Selector)입니다.선택자는 CSS 선택자와 거의 같은 문법을 쓰지만, jQuery만의 확장 선택자도 존재합니다.이번 글에서는 단순히 “#은 id, .은 class” 수준이 아니라실전에서 실수하지 않는 기준으로 깊게 정리합니다.1. 선택자 기본 문법 (가장 중요)기본 형태는 아래 한 줄입니다.$("선택자")그리고 이 선택이 성공하면, 결과는 DOM 자체가 아니라 jQuery 객체로 반환됩니다.즉, 하나를 선택하든 여러 개를 선택하든 결과는 “묶음”으로 생각하는 게 안전합니다.$(".item") // 여러 개 선택 가능$("#..
[jQuery] 01. jQuery가 뭐예요?jQuery는 JavaScript를 더 쉽고 간결하게 사용하기 위해 만들어진 라이브러리입니다.HTML 요소를 선택하고, 이벤트를 등록하고, 화면을 바꾸는 작업을 훨씬 짧은 코드로 작성할 수 있습니다.예전에는 JavaScript 코드가 길고 복잡했기 때문에, 개발자들이 더 간단하게 작성할 수 있도록 jQuery가 등장했습니다.1. 왜 jQuery가 필요했을까?순수 JavaScript로 버튼 클릭 이벤트를 만들면 다음과 같습니다.📌 순수 JavaScriptdocument.getElementById("btn").addEventListener("click", function() { alert("클릭됨");});같은 기능을 jQuery로 작성하면 더 짧아집니다.📌..
[HTML] 13. HTML 마무리 체크리스트 (접근성 + 시맨틱 + 폼)이번 글은 HTML을 “끝내는” 글입니다.태그를 많이 아는 것보다 중요한 건, 구조가 좋은 HTML을 작성하는 것입니다.특히 아래 3가지는 초보/실무를 가르는 기준이 됩니다.① 시맨틱 구조(문서 역할이 보이는가?)② 접근성(누구나 사용 가능한가?)③ 폼 작성(서버로 제대로 전송되는가?)1. 시맨틱 구조 체크리스트시맨틱 태그는 “디자인”이 아니라 “의미”입니다.화면은 비슷해도 문서 품질이 달라집니다.✅ 권장 구조...... ... ... ...❌ 자주 하는 실수상단메뉴본문하단div는 틀릴 건 없지만, 문서 의미가 사라집니다.가능하면 의미 있는 태그 → 애매한 부분만 div로 보완하는 방식이 좋습니다.2. 제목(h1~h..