본문 바로가기

[인프런] 웹 개발 시작해봐요

728x90

 

블로그를 쓴지 어느덧...(언젠지 기억 안 나는거 아님)

 

참 많은 문제를 봤지만... 뭔가 부족한 느낌이 든다...

 

내가 학교를 다니면서 여러 프로젝트를 해보고 수업을 들었지만, 웹에 대한 것은 수업에서 들은 것이 전부라는 것을 다시 한번 깨달았다. 그래서 처음부터 다시 시작한다는 마음으로 강의를 들어보려고 한다.

 

어떤 강의를 들을까 고민하다가 20만원짜리 강의를 아무생각없이 결정하기에는 부담이 갔다. 그래서 인프런에 무료 강의가 있길래 들어보려고 한다.

 

이 강의는 '프로그래밍 시작하기: 웹 입문'이라는 제목을 가진 입문자를 위한 강의이다.

처음으로 프로그래밍을 시작하는 것은 아니지만 웹페이지를 만들어본지는 조금 됐기 때문에 일단 여기서부터 시작하겠다!!

 

 

그럼 바로 GO~~!!


섹션 0. 웹 개발 시작해봐요

 

(World Wide Web): 인터넷 망으로 연결된 사용자 또는 컴퓨터들이 정보를 공유할 수 있는 네트워크를 의미

 

 

 

 

하이퍼미디어: 멀티미디어(글,그림,영상 등) 데이터와 다른 데이터를 연관시켜 연관된 데이터를 탐색할 수 있도록 한 것

즉, 어떤 웹페이지에서 다른 페이지로 이동할 수 있어 정보를 왔다갔다하면서 본인이 탐색을 할 수 있다는 개념

 

웹 환경에서는 웹 페이지 링크가 하이퍼미디어의 한 예이다. 웹도 포괄적으로는 하이퍼미디어의 한 예시가 될 수 있다.

  • 텍스트에 링크가 걸려있으면 하이퍼텍스트
  • 이미지에 링크가 걸려있으면 하이퍼미디어

 

 

웹의 구조

 

웹 브라우저를 켜서 주소(도메인)를 입력

요청전달

데스크탑(클라이언트) ----------> 웹 서버

(정보받기를 원하는 컴퓨터) (정보를 줄 수 있는 컴퓨터)

 

응답(화면들)

 

 

 

 

URL의 구조

웹 서버와 같은 웹 자원에 접근하기 위한 주소

  • 프로토콜: http와 같은 자원 간의 통신 방식을 정의
  • 컴퓨터에서는 서로 주소라는 것을 식별하기 위해 숫자체계를 씀(정보를 보낼때 IP를 통해서 보냄) ->IP: 특정 네트워크 시스템의 위치(172.102.300.10의 형태)
  • 도메인: 입력하기 힘든 IP를 대신해서 사용자 친화적인 시스템 주소(가상의 주소)

 

http:// www.domain.com/ path

프로토콜 /서버/ 서버 안에 있는 세부 주소

http방식으로 이 도메인에 존재하는 서버한테 정보를 보내겠다고 명시하는 것이 url의 구조

 

 

 

웹 개발의 구성

  • 프론트엔드: UI/UX를 개발하는 사용자에게 보여지는 외관을 개발한다.
  • 백엔드: 어떤 데이터가 보여질지 정리하고 가공하는 로직을 개발한다.
  • 데이터베이스: 데이터를 저장하고 꺼낼 수 있는 공간을 구성하고 그 공간을 관리하고 다룬다.(그 데이터가 저장되는 곳)

 

728x90

'' 카테고리의 다른 글

[강의] 학습중...  (0) 2024.04.24
[React] 정리  (0) 2024.04.18
[인프런] 기초 HTML  (0) 2024.03.30