Chapter 01. 웹 개발 시작하기

1. 웹 개발 알아보기

  Def) 웹 개발: 웹 사이트를 만드는 것

  - 정적 사이트(static site): 정보를 보여주기만 하는 웹 사이트

  - 동적 사이트(dynamic site): 사용자에서 제공할 기능과 서비스를 담은 사이트

 

  Def) 서버(server): 인터넷에 연결된  컴퓨터, 정보 검색 또는 처리를 한다. 

  Def) 클라이언트(client): 사용자가 웹 사이트레 접근하기 위해 사용하는 PC, 태블릿 PC, 스마트폰 등

  - 사용자와 서버 사이에서 화면으로 보여주는 역할을 한다.

 

  Def) 프론트엔드(front end):  사용자 앞에 보이는 영역, 웹 브라우저 화면에 보이는 것을 다룬다. 

  - HTMP, CSS, 자바스크립트를 사용한다.

 

  Def) 백엔드(back end): 사용자 뒤에서 보이지 않는 영역을 다룬다.

  - 회원정보, 게시판 같은 들은 서버에 데이터 베이스 형태로 저장된다.

  - 이러한 DB를 설계하거나 데이터를 처리하는 것이 백엔드 개발의 영역이다.

  - Java, PHP, 파이썬 등의 프로그래밍 언어가 사용된다.

 

 

2. 웹 개발 시작하기

  Note)  웹 개발을 크게 기본 / 프론트엔드 / 백엔드 3가지로 나눌 수 있다.

  - 기본영역: HTMP, CSS, 자바스크립트

  - 프론트엔드: 다양한 라이브러리. 프레임워크

  - 백엔드: 리눅스 서버, 네트워크, DB구축 기술, 서버 언어, 프레임 워크

 

  Def) HTML: 웹 문서의 뼈대를 만든다.

  - 웹 브라우저의 제목, 본문, 이미지, 표와 같은 웹 요소를 알려준다. 

 

  Def) CSS: 웹 문서를 꾸민다.

  - HTML로 만든 내용을 사용자가 알아보기 쉽도록 꾸미거나 편리하게 배치한다.

 

  Def) 자바 스크립트: 사용자의 동작에 반응한다.

  - 팝업 창을 보여주거나 상품 목록을 자동으로 스크롤 하는 것처럼 동적인 효과를 사용하려면 필요한다.

 

  Def) 깃(Git): 소스와 수정 내용을 계속 저장하고 관리해주는 도구이다.

  Def) 깃허브(GitHub): 온라인에서 깃을 사용할 수 있게 만든 서비스