프로그래머스에서 ChatGPT AI 서비스를 활용하여 웹사이트를 만드는 강의를 듣고 배운 내용과 구현 과정을 정리하여 작성한 글입니다.
링크 - AI서비스와 함께 누구나 만드는 웹 프로젝트! feat. ChatGPT
웹 서비스의 이해
- 웹 서비스?
- 네트워크 상에서 서로 다른 종류의 컴퓨터들 간에 상호작용을 하기 위한 소프트웨어 시스템
https://ko.wikipedia.org/wiki/%EC%9B%B9_%EC%84%9C%EB%B9%84%EC%8A%A4 - 요청과 응답
- 요청을 보낼 대상 : 클라이언트 (ex : 브라우저)
- 요청을 받는 대상 : 서버
- 네트워크 상에서 서로 다른 종류의 컴퓨터들 간에 상호작용을 하기 위한 소프트웨어 시스템
HTML / CSS / JavaScript 소개
- HTML
- 웹 페이지의 구조를 정의하는 마크업 언어
- 다양한 태그를 이용하여 골격을 디자인할 수 있음
- CSS
- 웹 페이지의 디자인과 레이아웃을 제어하는 스타일시트 언어
- CSS만 단독으로 존재하는 건 의미가 없음
- JavaScript
- 웹 페이지에 동적 기능을 추가하는 프로그래밍 언어
웹 페이지 기본 설명 및 이벤트 정의
- 웹 페이지를 방문했을 때 화려한 디자인, 실시간 정보 업데이트, 특정 영역을 클릭하면 변경되는 요소들이 있음
- 이러한 동적인 기능들은 자바스크립트로 구현할 수 있음
- 이벤트
- 웹 페이지 내에서 발생하는 다양한 사건
- 사용자의 행동에 따라 발생하는 모든 사건
- 개발자는 이벤트가 발생할 때 어떤 동작이 수행될지 결정해야 함
~ 하면 ~ 한다.
- 웹 사이트는 사용자와 상호작용을 하는데 이 상호작용의 중심에 있는 것이 이벤트
안녕하세요, 웹 개발자 이하영입니다!