프론트 : 디바이스에서 해석하는 프로그램
백엔드 : 서버에서 해석하는 프로그램
프론트와 백은 언어로 나뉘지 않는다. 어디에서 해석하느냐가 관건!
ex 1) javascript
이 언어로 디바이스에서 해석할 수 있게 만들래 > 프론트
서버에서 해석하게 만들래 > 백엔드
ex 2)
iOS Android > 프론트입니다! (디바이스에서 해석하기 때문에)
java, kotlin > 프론트엔드 언어이자 백엔드 언어
백엔드에서 중요하게 생각해야 하는 개념
- 정보를 제한적으로 제공 > 보안!
- 내가 가진 정보를 최대한 빠르게 준다.
- 정보를 접근해서 쓰고 수정하고 삭제하는 것까지 우리의 역할 (백엔드)
왜 서버를 거쳐서 데이터를 받을까? : 보안!
( 클라변조 : 클라이언트가 데이터를 변조할까봐 )
백엔드 개발자 > json을 내보냄
통신 : 요청과 응답에 의해서 정보를 주고 받는 것
요청 하는 컴퓨터 : 클라이언트
응답하는 컴퓨터 : 서버
HTML 형식으로 준다!
엑셀 : 스프레드시트를 해석해 주는 프로그램
포토샵 : pdf라는 이미지 파일을 해석해서 그림처럼 보여 주는 프로그램
브라우저 : HTML을 해석해 주는 프로그램 (자바스크립트를 해석)
* 요청 : 브라우저 말고 썬더 클라이언트 등도 할 수 있음
ES6 문법
예전에 프론트에서는 못썼음
백엔드에서는 출시하자마자 씀
프론트 > 모든 유저 즉, 클라이언트의 브라우저의 버전을 고려해야 함
백엔드 > 개발자의 컴퓨터, 즉 서버에만 보이므로 괜찮음
요청 / 응답
header / body
DB는 그냥 데이터 베이스 프로그램
## 웹프로그램에에서 큰 틀로 설명한다면?
1. 프론트 엔드에서 백엔드로 제공되는 정보를 요청한다.
2. 백엔드는 데이터 베이스 프로그램에게 데이터를 요청하여 받는데
3. 데이터베이스에서 받은 정보를 백엔드는 프론트 엔드로 응답한다.
## 기억해보며 개념을 정리해 볼것
- 언어에 새로운 기능이 나왔을때 프론트엔드는 바로 그 기능을 사용할 수 없었던 이유는 무엇일까?
- 백엔드의 역할 3가지 (수업시간에 금고 제공 사장님으로 예를 들었습니다)
- 브라우저는 어떤 역할을 하는 프로그램인가?
- 웹에서 요청을 할때 아무렇게나 요청을 하면 응답이 올까?
'내일 배움 캠프 > 정예반 일지' 카테고리의 다른 글
정예반 일지 20230626 (0) | 2023.06.27 |
---|---|
정예반 숙제 연습 - map (20/20) : 완료 (0) | 2023.06.24 |
정예반 숙제 연습 - express 암기 (20/20) : 완료 (0) | 2023.06.24 |
정예반 일지 20230623 (0) | 2023.06.24 |
정예반 일지 20230619 서버, 함수와 조건문과 반복문 (0) | 2023.06.19 |