관리 메뉴

SImpAS

시작 :: Web Programming 개요 본문

IT - Programming(시작)/Web Programming

시작 :: Web Programming 개요

SIAS simpas 2018.03.14 09:48

Web Programming 개요


Web Programming 이란? - 웹 프로그래밍이란 무엇인가

웹 프로그래밍 = 웹 + 프로그래밍으로 웹에대한 프로그래밍을 말하는데, 다음과 같이 생각 할 수 있다.


여기서 웹이란 인터넷을 통해 세계 각국의 사람들과 함께 소통하고 연결할 수 있는 공간으로, 현재 인터넷 브라우저(크롬, 익스플로어, 엣지 등)라는 '클라이언트'로 웹 서버와 통신을 하면서 각종 정보를 얻을 수 있는 공간이다.


일반적으로 우리는 브라우저를 통해 네이버, 구글 등 다양한 검색엔진 부터, 간단한 제품 혹은 기업 등 다양한 소개 사이트, 커뮤니티 사이트, 블로그 등 '웹 서버'라는 녀석과 통신하여 다양한 서비스를 이용하고 있다.


프로그래밍

프로그래밍은 C++, C, Python, Html, Go, Ruby 등 다양한 프로그래밍 언어로 컴퓨터 프로그램을 만드는 행위를 말한다.

위 두 개념을 합쳐서 웹 프로그래밍은 프로그래밍 언어를 이용해서 웹 어플리케이션을 만드는 것을 말한다.


웹 프로그래밍을 하기 위해서 - 무엇을 알아야하고, 무엇이 필요한가

웹 어플리케이션을 만들기 위해서는, 프로그래밍을 할 공간: 텍스트 편집기, 웹을 구성하는 언어에 대한 기본적인 이해와 공부, 웹의 작동 방식 등이 필요하다.


텍스트 편집기

텍스트 편집기는, 웹을 구성할 코드를 작성할 때 필요한 도구로, 가벼운 텍스트 편집 프로그램으로도 충분히 코딩을 할 수 있다.

텍스트 편집기 중에서도, 다양한 패키지를 지원하여 코딩 할때의 번거로움을 줄여주는 텍스트 편집기들이 있다.


1. Visual Code : 마이크로 소프트사에서 electron으로 만든 에디터로, 심플한 디자인과, 다양한 패키지를 지원한다.

2. Atom : 비주얼 코드와 비슷한 느낌을 주고, 패키지를 지원하고 Visual Code 같이 electron 으로 만들어 졌다.

3. Sublime Text : python3로 만들어 져서 플러그인 기능이 강력하여 쉽게 확장 할 수 있으며, 커맨드와 파레트를 이용하면 마우스를 지양하는 작업환경을 만들 수 있어, 신속하다고 알려져있다.

4. WebStorm, PHPStorm (Jetbrain 시리즈) : JETbrain 회사에서 만든 IDE로, 위에 소개된 텍스트 에디터 보다 무거운 편이다.

5. bash : 유닉스 기반 운영체제에서 기본으로 지원하는 쉘로, homebrew를 이용해서 다양한 패키지를 이용할 수 있다.


웹을 구성하는 언어

웹 어플리케이션을 만들기 위해서는 브라우저(크롬, I.E 등) 즉, 클라이언트가 요청한 페이지를 만드는 Front-End의 언어와, 사용자가 요청하면서 넘긴 데이터에 따라서 동적으로 페이지를 제공하게 하는 Back-End의 언어가 따로 있다.


Front-End의 언어로는 기본적으로 Html, CSS, Javascript 에서 추가적인 라이브러리 및 프레임워크인 Jquery, Bootstrap, Matereialize 등 을 사용 할 수 있다. 


Back-End의 언어로는 PHP, Node.js, Python라이브러리인 Flask와 Django 등이 있으며, 많은 데이터를 처리해야하는 database 관리해야하는 시스템으로는 Postgre sql, Mysql, Mongo DB 등이 있다.


웹의 작동 방식

웹은 기본적으로 클라이언트와 서버가 통신을 하면서 원하는 정보를 주고 받는데, 유투브를 예로들자면,

클라이언트는 유투브로 들어갈때, 서버에 유투브 페이지를 요청한다. 

서버는 로그인 하지 않은 클라이언트에게 기본으로 제공하는 페이지를 서버에서 찾아서, 클라이언트에게 보여준다.

클라이언트는 로그인하면서 개인정보 즉, 회원정보를 서버에 함께 제공하면서 유투브 페이지를 요청하고,

서버는 제공받은 정보에 따라서 각기 다른 페이지를 제공한다. 

서버에서 제공하는 페이지는 서버 안에 html, css, javascript 등 다양한 Front-End용 언어로 작성된 파일을 적절하게 찾아서 보내준다.


본 강좌에서는 기본적인 html, css, javascript 등을 먼저 익힌 뒤 React.js 혹은 Vue.js 를 사용해보고 Node.js, Laravel을 이용해서 웹 어플리케이션을 개발해볼 예정이다.

'IT - Programming(시작) > Web Programming' 카테고리의 다른 글

시작 :: Web Programming 개요  (3) 2018.03.14
3 Comments
댓글쓰기 폼