웹앱과 웹어플리케이션의 차이

노마드코더 유투브 클론 코딩 을 공부한 기록입니다.

---

수업을 시작하기에 앞서

1. 우리가 빌드하는 것이 무엇인가?
2. 왜 바닐라 자바스크립트를 선택했는가?

위의 두 가지를 알기 위해서는 웹사이트와 웹 어플리케이션의 차이를 알아야 한다.

 

Websites vs Webapps

Websites

웹사이트는 내가 컨텐츠를 생산하는 것이 아니라 소비하는 경우이다. 내가 뭔가를 클릭하여 작성된 글을 보고, 다시 뒤로가고 정도를 의미한다. =인터랙티브 ❌
각종 프레임워크나 라이브러리 가이드 사이트에 방문했을 때 우리는 작성된 도큐멘트를 확인만 할 수 있다. 이런 것을 웹사이트라고 한다.

Webapps

어플리케이션은 내가 페이지를 이동하고 클릭하고 검색을 할 수 있는 것이다. 예시로 넷플릭스가 있으며 영화가 보여지고 필터링과 검색을 할 수 있다.=인터랙티브 ⭕️
웹앱은 리액트 네이티브로 주로 하지 않는다. 인터랙티브한 요소는 바닐라 JS로 구현하기 힘들기 때문이다.

 

✏️ 정리

우리가 빌드할 것

이 수업에서는 웹앱인 유투브를 바닐라 JS를 사용하여 인터랙티브한 웹사이트로 만들 것이다. =웹앱과 비슷한 웹사이트
클릭하여 플레이하고 녹화할 수 있는 기능을 구현한다. 그러나 웹앱처럼 🔥슈퍼 인터랙티브🔥하진 않음!

왜 바닐라 JS를 쓰는가?

바닐라 JS가 인터랙티브한 웹앱에는 그닥 좋지 않음을 보여줄 것이다. 그러나 웹사이트 빌드, 작은 인터랙티브 요소를 추가하는 것에는 좋음을 배울 수 있다.
앞으로 어떤 웹사이트를 만드는 프로젝트를 시작할 때 바닐라 JS의 사용 기준을 알 수 있다.