🔌 SPARTA/Courses

웹개발의 기초

eunjiom 2026. 1. 2. 21:19

🔑  Keyword

 웹개발을 이해하기 위한 기초 개념에 대해 알아보았다. 개념들을 설명하며 일상생활에서 볼 수 있는 쉬운 비유로 정리하고자 한다.

 

  • 프론트엔드와 백엔드: 프론드엔드와 백엔드의 관계와 개념을 일상생활에 접목하면 홀과 주방으로 비유할 수 있다. 메뉴판 또는 주문받기등 사용자가 확인하고 조작할 수 있는 영역을 프론드엔드로 볼 수 있고, 주문을 처리하는 영역인 주방을 백엔드로 볼 수 있다. 
  • 웹과 인터넷: 웹은 인터넷을 통해서 공유하는 정보서비스로 가게 자체로 비유할 수 있고 인터넷은 수많은 컴퓨터를 연결하는 물리적 네트워크 즉, 길로 비유할 수 있다. 최초의 웹을 고안할 때 HTTP(규칙) / URL(주소) / HTML(콘텐츠) 3가지 요소가 바탕이 되었으며 웹 서비스의 작동은 클라이언트와 서버의 인터넷을 통한 소통으로 작동한다
  • 클라이언트: 클라이언트는 서버에 요청하는 모든 프로그램을 의미하며 웹 브라우저, 모바일 앱이 있다. 웹 브라우저는 웹에 접속 가능한 프로그램이며 HTML을 화면으로 표시할 수 있다. 모바일 앱은 모바일에 접속이 가능한 프로그램이며 서버와 HTTP 요청을 주고 받는 다는 것과 HTML을 받아 화면에 표시한다는 웹 브라우저와의 공통점이 있지만 대부분 화면에 그리는 코드가 앱 자체에 포함되어 있다는 차이점도 있다.
  • HTML: 웹 페이지의 구조를 정의하는 언어로 태그를 이용하여 텍스트, 이미지, 링크 등을 웹 페이지에 표시할 수 있다. <html> 태그를 시작으로 <head>, <body>, <form> 등의 태그가 있으며 <form> 은 여러 데이터를 하나로 묶을 수 있는 태그이다. <form> 태그 내에서 <input> (데이터 입력 필드), <select> / <option> (선택 입력 필드), <textarea> (여러 줄 입력 필드), <button type="submit"> (제출 버튼) 태그를 이용할 수 있다.

🖍️ 아쉬웠던 점 / 어려웠던 점

캠프의 늦은 참여로 진도가 늦어져 공부를 한다기보다 진도를 따라가야 한다는 생각에 강의가 더욱 어려웠던 거 같다. 개념에 대한 역할 이해는 했지만 표면적으로만 이해한 거 같아 걱정도 된다. 시간이 촉박해 실무적인 테스트 부분을 진행하지 못한 점이 아쉽다.

 

'🔌 SPARTA > Courses' 카테고리의 다른 글

Java 기초문법(2)  (0) 2026.01.08
Java 기초문법(1)  (0) 2026.01.08
GIT  (0) 2026.01.06
HTTP와 REST API  (1) 2026.01.05
웹 개발의 기초(2)  (0) 2026.01.05