[DevCourse] 생성형 AI 활용 백엔드 데브코스 8일차

오늘은 jQuery를 활용한 이벤트 처리, 폼 제어, 그리고 AJAX 비동기 통신까지 배웠다.

처음엔 다소 복잡해 보였지만, 예제를 직접 따라 하면서 손에 익히니 생각보다 흐름이 자연스럽게 이해됐다.

---

💡 오늘 배운 내용을 짧게 정리하면

• .click(), .hover(), .keydown() 같은 다양한 이벤트 메서드 사용법
• .val(), .prop() 등을 활용한 폼 입력 제어
• $.ajax()를 이용해 서버에서 데이터 받아오기 (JSON 처리)

복잡한 개념보다는 “어떤 상황에서 어떤 메서드를 써야 할지” 위주로 감을 익혔다.

 

특히 AJAX 부분에서는 JSON 파일을 불러와서 테이블로 그려보는 실습을 했는데,

진짜로 내 코드가 서버에서 데이터를 받아 화면에 그려주는 모습을 보니 재밌었다.

---

🧡 느낀 점

오늘 배운 것들은 "사용자와의 상호작용”을 다루는 기술들이었고,

드디어 정적인 웹 페이지가 아닌, 사용자의 행동에 반응하는 살아 있는 웹을 만들 수 있게 된 느낌이었다.

 

예제를 직접 따라 치면서 어렵지 않은 문법인데도 사용자 경험에 큰 차이를 만들 수 있다는 점.

버튼 하나에 이벤트를 붙이고, 입력값을 읽고, 클릭하면 외부에서 데이터를 가져오는 이 일련의 흐름이 꽤 매력적으로 느껴졌다.

 

다음엔 실제로 이 기능들을 어디에, 어떻게 써볼 수 있을지 고민해 보면서 조금씩 내가 만들고 싶은 서비스의 형태를 구체화해보고 싶다.