웹 개발 - 기초

웹 사이트를 만드는 것

 

정적 사이트

방문자에게 정보를 보여주기만 하는 웹 사이트

 

동적 사이트

화면에 정보를 보여주는 것 뿐만 아니라 여러가지 서비스와 기능을 제공할 수 있는 웹 사이트

 

 

서버와 클라이언트

 

사용자는 웹 브라우저에서 정보를 입력하거나 링크를 클릭하면 웹 사이트는 인터넷에 연결된 컴퓨터에서 정보를 가져와 웹 브라우저에 보여주게 된다. 이때 인터넷에 연결된 컴퓨터를 서버라고 한다. 그리고 사용자가 웹 사이트에 접근하려고 사용하는 PC, 태블릿, 휴대폰 등을 클라이언트라고 한다.

 

정보를 검색하거나 처리하는 일은 서버가 하게 되며, 사용자와 서버 사이에서 화면으로 보여주는 역할을 클라이언트가 하게 된다.

 

 

웹 개발의 프론트엔드와 백엔드

 

프론트엔드

웹 브라우저에 보이는 화면의 디자인과 사용자 동작에 반응하는 기능을 다룬다. 주로 HTML, CSS, JavaScript 를 사용한다.

 

백엔드

웹 사이트의 회원 정보나 게시판의 글과 같은 서버에 데이터베이스 형태로 데이터를 저장하고 처리하는 영역을 다룬다. 주로 Java, PHP, Python 등을 사용한다.

 

 

라이브러리와 프레임워크의 차이

 

프레임워크는 프로그램 구현에 있어 큰 구조를 결정하고 흐름을 제어하는 역할을 한다. 개발자는 그 위에 코드를 기술하고 프레임워크는 개발자가 작성한 코드를 흐름에 맞게 실행시켜준다. 대표적인 프레임워크는 Spring framework, .NET framework, React, Angular, Vue 등이 있다.

 

라이브러리는 자주 사용되는 로직들의 모음을 말한다. 자주 사용하는 메소드 및 함수들을 미리 구현해두고 코드를 작성할 때 불러와서 사용하게 된다. 미리 만들어져 있는 기능을 가져와 재사용 때문에 편리하고 빠르게 코드를 작성할 수 있다. 대표적인 라이브러리는 제이쿼리, 부트스트랩 등이 있다.

한마디로 프레임워크의 큰 구조에 맞춰 개발자가 코드를 작성하고 이때 라이브러리의 모듈화 되어 있는 메소드, 함수 등을 필요에 따라 불러 사용하게 된다.

개발 흐름의 주도권이 프레임워크 > 개발자 > 라이브러리 순서로 있다고 생각하면 편하다.

---

한번 매우 간단한 코드를 구현해보았습니다 !