[기술조사] 웹앱(WebApp) 제작을 위한 환경 (입문자)

WebApp 제작을 위한 입문자의 환경

1. 개발도구 Tool : VS Code, Node.js

 - VS Code(Visual Studio Code), 다양한 분야에서 기본으로 사용하는 것으로 보임

2. 핵심기술 : JavaScript(JS)와 Node.js

 - JavaScript: 웹페이지에 생동감을 불어넣는 언어입니다. 버튼을 클릭했을 때 팝업이 뜨거나, 새로고침 없이 데이터를 받아오는 등 사용자와 상호작용하는 모든 시각적 기능의 기반이 됩니다.

 - Node.js: JavaScript를 브라우저가 아닌 컴퓨터(서버)에서 직접 실행할 수 있도록 해줍니다. 이를 통해 데이터베이스 관리, 로그인 처리, 서버 구축 등 백엔드 영역까지 JavaScript로 개발할 수 있게 되었습니다.

 * 즉, JS 문법으로 Node.js까지 사용하는 것임

3. 추가적으로 알아야 할 언어 : HTML, CSS

 - HTML : 뼈대 & 디자인

 - CSS : 디자인 

4. Frontend(프론트앤드 - 화면개발), Backend(백엔드 - 서버 및 데이터처리) 

 - Frontend : HTML5, CSS3, JS

 - Backend : Node.js (+ 프레임워크 등), DB(데이터베이스)

5. 서버 호스팅 

 - AWS, CloudFlare 등..

6. 프레임워크(Framework) : Next.js

 - Next.js는 현재 웹 개발 트렌드에서 가장 뜨거운 관심을 받고 있으며, 많은 기업들이 메인 웹 서비스를 만들 때 필수적으로 선택하는 JavaScript(TypeScript) 프레임워크입니다. React(리액트)를 기반으로 만들어졌으며, React의 아쉬운 점들을 완벽하게 보완하여 웹앱을 더 빠르고 검색에 잘 걸리도록 만들어줍니다. 

 - 첫 로딩 속도가 생명인 웹앱을 만드신다면 Next.js는 선택이 아닌 필수입니다.

7. 정리

 - VSCode + JavaScript + Node.js + Next.js