1) Web
Web 개발자가 되기 위해선 우선 Web을 알아야한다.
일단 Web은 인터넷과는 다르다.
🌍인터넷 : 전 세계의 모든 컴퓨터를 하나의 통신망에 연결한다.
우리는 모두 연결되어 있다.
🕸️Web : 인터넷에 연결된 컴퓨터를 통해 정보를 공유할 수 있는 공간
웹의 특징
- 정보를 Hypertext 형식으로 표현
- Hypertext를 따라 이동하여 다양한 정보 및 문서를 연결
웹의 구조
- 웹 페이지 : 웹을 구성하는 하나의 페이지
- 웹 사이트 : 웹 페이지를 엮어서 웹 사이트를 구성
- 웹 브라우저 : 웹을 서핑하기 위해 사용하는 도구
웹 관련 용어
- 클라이언트 : 서비스를 이용(요청)하는 컴퓨터
- 서버 : 서비스를 제공하는 컴퓨터
- 프로토콜 : 클라이언트와 서버 사이 통신 규약(통신할 때의 약속)
- HTTP : 인터넷으로 연결된 클라이언트와 서버 사이 웹 프로토콜
2) 프론트엔드
사용자(Client) 측면의 GUI(그래픽 사용자 인터페이스) 및 사용자의 상호작용 담당
HTML(구조) + CSS(디자인) + Javascript(기능)
3) 백엔드
서버(Server) 측에서 프론트엔드에서 전달받은 데이터
-> 내부 데이터와 연산을 활용해 처리
-> 결과를 프론트엔드로 전달
i) 백엔드의 구조
웹 서버
- 정적 페이지에 대해 대응
- 동적 페이지는 웹 애플리케이션 서버에 전달
정적 페이지 : 변동이 없는 페이지 (화면 내용, 데이터 ...)
동적 페이지 : 데이터가 변하는 페이지 (데이터 처리, 연산 ...)
웹 애플리케이션 서버
- 동적 페이지 처리
- 필요한 데이터 연산을 위해 데이터베이스와 연결
- 데이터 조회/수정/삭제에 대한 처리 요청
데이터베이스(DB)
- 데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체
- 데이터를 구조화 하여 관리
- 데이터 중복 방지, 효율적이고 빠른 데이터 연산
- DBMS : DB를 운영하고 관리하기 위한 시스템 (Oracle, MySQL, MariaDB ...)
- SQL : DB 연산을 위해 사용되는 언어
ii) Node.js
Javascript를 스크립트 언어 이상으로 프로그래밍 언어 역할을 할 수 있도록 지원하는 플랫폼
Node.js + Javascript -> 백엔드 구현
웹 관련 기초 용어
- URL : 인터넷 상 웹 페이지의 위치를 알려주는 주소
http://localhost:8888 - Server : Request를 받음
- Router : Request의 URL에 따라 루트(route)를 정해준다.
마치며
부트캠프 학습 내용 복습 겸, 웹 개발에 대한 전반적인 것을 정리했다.
IT 관련 직군에 취직을 목표로 하면
프론트엔드와 백엔드 개발자를 가장 먼저 목표로 삼을 텐데,
이를 위한 기본적인 이해가 있어야
관련 공부 및 준비를 할 수 있다 생각한다.
열심히 살고 싶습니다! 일하고 싶습니다 :)