본문 바로가기

내일 배움 캠프/정예반 일지

정예반 일지 OT 백엔드/프론트엔드

728x90

프론트 : 디바이스에서 해석하는 프로그램

백엔드 : 서버에서 해석하는 프로그램

 

프론트와 백은 언어로 나뉘지 않는다. 어디에서 해석하느냐가 관건!

ex 1) javascript

이 언어로 디바이스에서 해석할 수 있게 만들래 > 프론트

서버에서 해석하게 만들래 > 백엔드

 

ex 2)

iOS Android > 프론트입니다! (디바이스에서 해석하기 때문에)

java, kotlin > 프론트엔드 언어이자 백엔드 언어

 

백엔드에서 중요하게 생각해야 하는 개념

  1. 정보를 제한적으로 제공 > 보안! 
  2. 내가 가진 정보를 최대한 빠르게 준다.
  3. 정보를 접근해서 쓰고 수정하고 삭제하는 것까지 우리의 역할 (백엔드)

왜 서버를 거쳐서 데이터를 받을까? : 보안!

( 클라변조 : 클라이언트가 데이터를 변조할까봐 )

 

백엔드 개발자 > json을 내보냄

 

통신 : 요청과 응답에 의해서 정보를 주고 받는 것 

 

요청 하는 컴퓨터 : 클라이언트

응답하는 컴퓨터 : 서버

 

HTML 형식으로 준다!

 

엑셀 : 스프레드시트를 해석해 주는 프로그램

포토샵 : pdf라는 이미지 파일을 해석해서 그림처럼 보여 주는 프로그램

 

브라우저 : HTML을 해석해 주는 프로그램 (자바스크립트를 해석)

 

*  요청 : 브라우저 말고 썬더 클라이언트 등도 할 수 있음

 

 

ES6 문법

예전에 프론트에서는 못썼음

백엔드에서는 출시하자마자 씀

 

프론트 > 모든 유저 즉, 클라이언트의 브라우저의 버전을 고려해야 함

백엔드 > 개발자의 컴퓨터, 즉 서버에만 보이므로 괜찮음

 

 

요청 / 응답

header / body

 

DB는 그냥 데이터 베이스 프로그램

 

 

## 웹프로그램에에서 큰 틀로 설명한다면?

 

1. 프론트 엔드에서 백엔드로 제공되는 정보를 요청한다.

2. 백엔드는 데이터 베이스 프로그램에게 데이터를 요청하여 받는데

3. 데이터베이스에서 받은 정보를 백엔드는 프론트 엔드로 응답한다.

 

## 기억해보며 개념을 정리해 볼것

 

- 언어에 새로운 기능이 나왔을때 프론트엔드는 바로 그 기능을 사용할 수 없었던 이유는 무엇일까?

- 백엔드의 역할 3가지 (수업시간에 금고 제공 사장님으로 예를 들었습니다)

- 브라우저는 어떤 역할을 하는 프로그램인가?

- 웹에서 요청을 할때 아무렇게나 요청을 하면 응답이 올까?