유튜브 클론코딩_BASIC

Hazel_Song·2020년 10월 4일
0

CLONE CODING_YOUTUBE

목록 보기
1/1
post-thumbnail

개발 공부를 시작하면서, 가장 많이 추천 받았던 공부법 중 하나가 클론코딩이었다.
즉 기존에 이미 만들어진 서비스를 똑같이 따라 만들어가며 코드 사용법 특히, 이론적인 것이 아닌
실사용법에 익숙해 지는 것이다.

보통 클론코딩을 할 때, 프론트만 똑같이 구현하는 경우가 많은 것 같았다.
하지만 유튜브 클론 코딩으로 서버및 데이터베이스 구현까지 시도해보고자 한다.

클론코딩 하기 전...

사용하게 될 언어 및 라이브러리..

자바스크립트를 기반으로 개발공부를 하고 있는지라, 서버 또한 nodeJs의 Express를 통해 구현해보고자 한다.
그리고 데이터베이스는 기존에 살짝 건드려만 본 적있는 mongoDB를 다시 활용해보고자 한다.
더하여 프론트는 당연히 Java Script언어를 사용하여, vanilla JS 와 React JS를 적절히 섞어서 사용해 보고자 한다.

웹사이트와 웹앱

개발 공부를 하기 전까지는, 웹사이트는 피시로 보는 것, 웹앱은 앱이니까 모바일? 이라고 단순하게 생각했었다.
(잘 몰랐던 시절, 하게되는 너무 단순한 발상...)

웹사이트란 인터랙티브한 요소가 적은, 단순히 클릭하고 정보를 소비하고 이동하고 하는 기본적인 기능이 구현된 곳을 웹사이트라고 한다. 일반적인 뉴스 사이트? 그리고 인스타그램도 인터랙티브한 웹사이트라고 볼 수 있다.

웹앱이란 검색,필터, 저장 등 인터랙티브한 요소들이 있는 경우 웹앱이라고 한다.
우리가 흔히 생각하는 어플리케이션은 모바일 앱으로 더 작은 범위인 것이다.
vanilla JS로는 웹앱을 구현하기가 힘들며, 자연스레 react JS를 활용해야 한다.

유튜브 클론 코딩에선 인터랙티브한 요소가 있는 웹사이트로서 구현해보고자 한다.

profile
코드 한 줄로, 세상의 가치를 만들자🌟

0개의 댓글