웹 페이지, 열심히 공부했는데

아직도 여러분 컴퓨터에서만 확인할 수 있나요?

이제 사이트 배포도 해봅시다!

HTML, CSS 학습에서 멈추실 건가요? 웹 개발을 공부했다면, 배포까지 해보셔야 합니다. 배포하지 않은 웹 사이트는 내 컴퓨터에서만 확인할 수 있는 하나의 파일에 불과합니다.

여기서 말하는 '배포'란, 웹사이트 'class101.net' 주소가 있으면 어느 브라우저에 입력을 해도 클래스101에 들어올 수 있는 것처럼, 전 세계 사람들에게 나만의 도메인을 만들어 홈페이지를 공개하는 것을 말합니다.

홈페이지 공개에서 끝?

내 사이트에 누가 오는지 분석해보자!

웹 사이트 개발과 배포만큼 중요한 것은 '내 사이트에 누가 오는가? 왜 오는가?'입니다. 사용자의 행동을 분석할 수 있는 구글 애널리틱스 코드를 심어 1) 사람들이 무엇을 통해 웹사이트에 접속하는지, 2) 무엇을 보고 이탈하는지, 3) 얼마나 오래 머무는지 등을 직접 확인하고 분석해봅니다.

📍 FAQ 1. HTML, CSS를 배웠습니다. 사이트를 만들 수 있나요? - 가장 많이 듣는 질문입니다. 서버, 즉 백엔드 개발을 하지 않았는데 사이트가 될 수 있는가? 네, 될 수 있습니다. 정적파일(HTML, CSS)만 가지고도 도메인을 갖는 사이트가 될 수 있습니다.

📍 FAQ 2. Node.js도 배웠습니다. 배포하고 싶어요! - 본 클래스를 들으면 AWS(아마존 웹 서비스)를 통해 배포할 수 있습니다. 여러분들이 열심히 공부한 Node.js 서버를 이용한 웹 사이트를 전 세계 사람들과 공유해봐요!

웹 개발자 단과반 3교시!

배포/운영 방법을 배웁니다

▶ 웹 개발자 사관학교

여러분들이 프론트와 백엔드를 공부해보셨다면, 반드시 이를 배포해보셔야 합니다. 배포함으로써 도멘인을 갖는 웹사이트를 만들어, 내 페이지를 세상에 알리고 분석까지 경험해봅시다. 단순히 프론트엔드 - 백엔드를 배우는 것만을 넘어서, 배포까지 경험해보며 풀스택 개발자에 한 발자국 더 가까워질 수 있습니다.

📍 전체 단과는 세 개의 반으로 구성되어 있습니다.

• 1교시: HTML, CSS, JS
• 2교시: Node.js, Mysql, API
• 3교시: AWS 배포와 GA 분석

자! 이제 열심히 공부한 프론트,

백엔드를 배포할 때입니다

"어려워 보이는데 할 수 있겠죠?"

1,2교시를 저랑 같이 공부하셨던 분들은 아시겠지만, 오!해! 입니다. 이번 3교시는 더더욱 쉬울 겁니다. 마치 조립 설명서를 보면서 하나하나 맞춰가듯이 천천히 따라오시면 어느새 도메인을 가진 "내 웹사이트"를 갖게 됩니다.

📍우린 이 순서대로 배웁니다.

1️⃣ IP, 도메인에 대한 개념을 배우고 아마존 웹서비스에선 어떤 기능들을 사용할 수 있는 지 알아봅니다.

• 배포란 무엇인지, 흔히 들은 IP, 도메인, 네임 서버들에 대해 배웁니다.
• 가장 중요한! 웹사이트를 배포한다는 것은 무엇을 뜻하는지! 같이 고찰해봅니다.

2️⃣ HTML,CSS 파일을 드립니다. 이 파일만 가지고 서버 없이도 회사 소개 페이지정돈 도메인을 갖는 웹사이트 배포를 바로 해봅니다.

• 제공되는 HTML, CSS 파일 즉, 웹 페이지를 가지고 도메인을 갖는 웹사이트 배포를 바로 진행해봅니다.
• 이를 통해 아마존 웹 서비스랑 친해집니다.
• 이제 회사 소개 페이지는 껌일 걸요?

📍 이런 웹사이트 코드를 드려요!

3️⃣ Node.js 프로젝트 코드를 드립니다! 아주 잠시 리뷰 후, 아마존 웹 서비스 기능들을 사용하여 서버를 같이 구축해봅니다.

• 서버를 배포한다는 것은 무엇인지, 아주 찐하게 배웁니다
• 아마존에서 컴퓨터를 빌려도 보고, 데이터베이스도 빌려봅니다.
• 아마존 웹서비스에서 중요한것만 쏙쏙 배웁니다.

4️⃣ 도메인을 구매합니다. 2,3에서 공부하여 얻은 IP 주소에 도메인을 연결해봅니다.

• 도메인은 어디서 구매하는 걸까요? 도메인 구입부터 여러분 웹사이트에 연결까지 진행합니다.
• 드디어 여러분들이 열심히 공부한 웹 페이지, 웹 개발이 웹사이트가 되는 순간입니다.

5️⃣ 끝나지 않았어요! 구글 애널리틱스 코드를 여러분 웹 사이트에 심고 어디서 유저들이 들어오는 지 분석해봅니다

• 여러분들이 열심히 만든 웹 사이트, 누가 접속하고, 어디서 접속하는지 궁금하지 않으세요?
• 네이버에 웹사이트를 등록도 해보고, 같이 분석해봅시다!

📍AWS하면 뭐가 떠오르세요?

• 일단 아무것도 안 떠올랐다! 정답입니다. 이제 막 개발 배운 분들이 안다는 것도 신기한 거예요! 웹사이트를 배포하는 "수단" 정도로만 아시고 출발해도 충분합니다
• 실무 가서 배우는 거 아닌가? => 아닙니다. 웹사이트 개발을 배웠다면 무조건 알아야 합니다. 가장 쉬운 방법으로 알려드릴게요.

HTML, CSS, JS를 마치 수학의 정석 집합 챕터처럼 계속 공부만 하셨나요?

이제 공부한 웹 페이지를 지인들에게 공개할 때입니다.

웹사이트 공부의 마침표를 찍으세요!

하루 30분만 투자하면 해결됩니다.

📍 개발자 사관학교에서 실습형 개발PT 시작하세요!

더 이상 재미없게 개발 공부하지 마세요! 처음부터 끝까지 실습형 개발 공부로, 직접 완성본을 만들어가며 배울 수 있습니다. 현업 개발자들이 사용해도 전혀 무방한 기초 코드 모두 제공해드리니, 나중에 이 '코드'로 여러분만의 프로젝트 또한 쉽게 만들 수 있습니다.

"풀스택 개발자" 남 일이 아닙니다. 여러분 차례입니다