2023 - 06 - 18 프론트엔드와 백엔드

 

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

 

프론트엔드 언어 : 디바이스에서 해석할 수 있는 언어

백엔드 언어: 서버에서 해석할 수 있는 언어

iOS /  Android > 프론트엔드입니다! (디바이스에서 해석하기 때문에)
java, kotlin > 프론트엔드 언어이자 백엔드 언어

 

express 프레임워크

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

요청(request) 하는 컴퓨터 : 클라이언트 (client)
응답(response) 하는 컴퓨터 : 서버 (server) => HTML 형식으로 준다

 

엑셀 : 스프레드시트를 해석해 주는 프로그램
포토샵 : pdf라는 이미지 파일을 해석해서 그림처럼 보여 주는 프로그램
브라우저 : HTML을 해석해 주는 프로그램 (자바스크립트를 해석)
요청 : 브라우저 말고 썬더 클라이언트 등도 할 수 있음

 

백엔드 개발자 > json을 내보냄
ES6문법은, 예전에 프론트엔드에서는 못썼음 / 백엔드에서는 ES6문법이 출시하자마자 씀

프론트엔트 > 브라우저에 띄워야 하므로 모든 유저의 컴퓨터의 버전을 고려해야 함
백엔드 > 개발자의 컴퓨터에만 보이므로 괜찮음

클라이언트가 데이터를 변조할까봐 (클라이언트 변조) 보안상의 이유로 서버를 거쳐서 데이터를 받는다.

서버에서는 보안을 위해 정보를 제한적으로 제공한다.

정보를 접근해서 쓰고 수정하고 삭제하는 것까지 우리의 역할 CRUD (백엔드)

요청(request)는 header에서 하고, / 응답(response)은 body에서 한다.