1. JSP, 동기, 비동기, 프레임워크, 라이브러리

지금까지 프로젝트를 진행하는 게 너무 재밌어서 개념에 관해 듣기만 하였지 제대로 알려고 하지 못 했던 거 같다. 그래서 궁금했던 용어나 제대로 알지 못하는 내용에 관해 정리를 해보려고 한다.

모든 부분은 구글링을 하여 나온 블로그를 보고 이해한 내용만 정리했습니다.

---

JSP란 무엇인가?

---

JavaServer Pages 약자이며 HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다.

동기와 비동기의 차이 ⇒ 데이터 처리 모델(동기, 비동기)

---

데이터 처리 모델

데이터 처리 모델을 쉽게 표현하면 데이터를 받는 방식이라고 말할 수 있다.

데이터를 받는 방식은 동기식 처리와 비동기식 처리 모델이 존재한다.

동기 (synchronous: 동시에 일어나는)

• 동기는 말 그대로 동시에 일어난다는 뜻
• 요청을 하면 시간이 얼마나 걸리던지 요청한 자리에서 결과가 주어져야 한다.
  즉, 브라우저를 실행시키는 시간이 10분이 소요된다고 가정하면, 브라우저가 10분이라는 시간동안 사용자는 컴퓨터의 다른 프로그램들을 동작시키지 못하고 브라우저가 켜지는 그 순간만을 기다려야한다.
  ⇒ 한 개의 데이터 요청에 대한 서버의 응답이 이루어질 때까지 계속 대기해야한다.

비동기 (Asynchronous: 동시에 일어나지 않는)

• 비동기는 말 그대로 동시에 일어나지 않는다는 뜻
• 요청한 결과는 동기와 다르게 동시에 일어나지 않는다.
  즉, 비동기는 서버에게 데이터를 요청한 후 요청에 따른 응답을 기다리지 않아도되며 다른 프로그램들을 동작시켜도되고 다른 요청사항을 보내도 상관없다.

동기와 비동기 장단점

동기

• 장점: 설계가 매우 간편하고 직관적이다.
• 단점: 결과가 주어질 때까지 아무것도 못하고 대기해야한다.

비동기

• 장점: 요청에 따른 결과가 반환되는 시간 동안 다른 작업 수행 가능
• 단점: 설계가 매우 복잡하다.

프레임워크와 라이브러리 공통점과 차이점

공통점

• 재사용 가능한 코드의 모음
• 프로그래밍을 쉽게 할 수 있도록 도와주는 역할

차이점

프레임워크 (Framework)

• 프레임워크는 정해진 메뉴얼, 룰을 제공한다. 개발 시 필수적인 코드와 알고리즘 같은 기능을 제공하는데 이룰을 지켜야한다.
• 클래스와 라이브러리가 합쳐진 구조이여, 이러한 협업 형태를 제공하는 것이다.
• 개인이 라이브러리로 이러한 규칙을 구축하는데 시간과 돈이 필요하므로 이미 구축되어 있는 프레임워크를 사용하여 제작에만 집중하는 것이다.

💡프레임워크: Tailwind CSS, Bootstrap, Angular

라이브러리 (Library)

• 어떤 특정한 기능을 구현하기 이해 미리 만들어진 함수들의 집합
• 필요할 때만 자유롭게 사용할 수 있는 일종의 도구이다.

💡라이브러리: React, jQuery