[혼자 공부하는 얄팍한 코딩 지식] CH02-5. 프론트엔드와 백엔드

프론트엔드와 백엔드

• 프론트엔드: 브라우저, 즉 클라이언트 컴퓨터에서 작동하는 부분 (사용 언어: HTML/CSS, JS,타임스크립트)
• 백엔드: 서버에서 작동하는 부분 (사용 언어: Java, Python, C#, PHP 등)

 

프레임워크

• 프레임워크: 프로그램 제작 키트 (파이썬 - 장고, 플라스크 / 자바 - 스프링 등 / 프론트엔드 - 앵귤러, 뷰, 리액트)
• 라이브러리: 특정 기능을 수행하는 소프트웨어 조각

 

API

프로그램 간의 소통을 위해 만들어진 신호 체계

※ REST API: 보편적으로 공유되는 방식

 

 

<프로그램 간 정보전달>

• XML: 태그로 이루어짐
• JSON: {}, " ", [] 등으로 이루어짐. XML에 비해 구문이 간단하고 높은 가독성을 가지고 있음.

<개발자 간 정보전달>

• YAML: \사람이 이해하기 쉬운 형태로 구성된 표기 방식

 

AJAX (Asynchronous Javascript And Xml)

자바스크립트를 이용해 서버와 브라우저가 데이터를 교환할 수 있는 통신 기능.

서버에 데이터를 비동기 방식으로 요청하는 것.

 

DOM

HTML 문서가 실체화된 API

// DOM 예시

// button과 h1 요소의 DOM 객체를 선택
const button = document.getElementById('button')
const h1 = documnet.getElementById('h1')
// DOM 객체에 명령
button.addEventListener(
	'click',
    () => {h1.innerText = '클릭했습니다.'}
)