웹 개발 개념 기초정리
웹개발 개념에 있어 중요한 부분인 프론트엔드 와 백앤드가 존재한다.
프론트엔드는 클라이언트, 백앤드는 서버이다.
클라이언트는 사용자들이다. 프론트엔드는 사용자가 보는 화면을 관할하는 부분이다.
백앤드는 사용자가 보이지않는 부분 (데이터관리, 제공 등) 이다.
프론트는
- html : 틀
- css : 꾸미기
- javascript : 기능으로 나뉜다.
프론트랑 백엔드에는 프레임워크들이 존재한다.
프레임워크 : 웹개발을 보다 쉽고 간편하게 만들어주는 플랫폼
프레임워크는 회사(취업), 구조화(유지보수), 시간단축 등의 장점들이 존재해 프레임워크를 사용해야한다.
백엔드 프레임워크는 각 언어마다 존재한다.
- java : spring
- javascript : express
- go
- php : laravel
- python : django, flask
- kotiln 등등 이존재한다.
프론드엔드 프레임워크는 대표적3가지이다.
- React.js
- Vue.js
- Angular
그럼 웹개발은 어떻게 할까?
먼저 프론트 프레임워크를 사용하여 홈페이지를 만든다.
그럼 홈페이지를 사용자들에게 보여줘야한다.
어떻게? 방법은 두가지가있다.
1. 내컴퓨터를 서버로 공개하기
2. 외부 서버를 빌리기
첫번째 방법은 내 컴퓨터가 서버가 되기 때문에 항상 가동시켜야하고 보안에도 문제가 될 수 있다.
또한 많은 클라이언트가 접속시 하드웨어가 과부화가 될 수 있다.
그러니 두번째 방법인 외부서버를 빌리도록하자
외부서버에 내가 만든 html파일을 올리면 된다.
대표적으로 외부서버에는 aws, Mrcrosoft, Google cloud, Netilfy 등 이 존재한다.
그럼 여기서 백엔드는 왜 존재할까 라는 의문도 존재한다.
외부서버가있으면 백엔드는 사용하지않아도 잘돌아가지않나? 라고 의문이 존재할 수 있다.
하지만 아니다!
왜냐 우리는 간단한 웹사이트를 만들지않기 떄문이다.
주로 웹사이트는 회원가입이 존재한다.
회원가입에는 로그인, 비밀번호 를 입력해서 가입하고 로그인해서 들어간다.
그럼 이 회원가입한 정보들은 어디에있나 바로 백엔드이다.
프론트를통해 회원가입은 하지만 데이터는 백엔드에 존재한다.
또한 백엔드는 서버라고 했다. 만약 내컴퓨터로 서버를 직접구축한다면
프레임워크를 사용해 가상환경을 만들고 서버를 구축해야한다.
정리하자면 백엔드에서 따로 저장된
프론트엔드 파일을 불러와 웹사이트를 사용자에게 보여주고
프론트엔드에서 데이터를 백엔드에 전송하여 저장한다.