비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

클라이언트

1. 핵심 콕콕! HTML, CSS
   • HTML 주요태그
   • CSS Box Model, Position, Flex...
2. 맛집지도 일단 만들어봐요! : HTML, CSS + 카카오맵 퍼블리싱
   
   • HTML, CSS로 맛집지도 뼈대 만들기
   • 카카오맵 API로 지도 넣기
3. 깔끔하게 정리하는 Javascript 문법
   • variable, operator..
   • condition, loop
   • function
4. JS DOM과 비동기처리
   • DOM && Event Handling
   • Asynchronous
5. 카카오맵 API
   • 지도 생성 & 컨트롤러
   • Marker 생성
   • InfoWindow 커스터마이징
   • 카테고리 핸들링

서버

1.  서버를 구축하자! 쉽게 이해하고 만드는 AWS 서버
   • AWS EC2 + Linux Ubuntu
   • Nginx, Node Express.js, MySQL
2. 데이터를 저장하는 공간, MySQL로 배우는 DB 설계방법과 SQL
   • ERD 설계
   • Query
3. 데이터를 깔끔하게 제공하는, Express.js 백엔드와 REST API
   • REST API
   • Express 사용법
   • CRUD API 구현
4. 맛집지도를 완성해볼까요?
   • 프로젝트 완성 과제
5. 배포하기: 전 세계에서 내 맛집지도를 볼 수 있도록
   
   • Git, Github
   • PM2 무중단 배포
   • Domain 적용

Q. 왜 풀스택 기술을 배워야 할까요?
프로그래밍을 입문하시는 분들이 문법 공부만 반복하다가 실제 개발은 해보지 못하고 포기하는 경우를 많이 봤습니다. 프로그래밍 사고력을 요구하는 알고리즘 분야와 실전 개발 분야는 또 차이점이 있습니다. 풀스택 기술을 익히며 프로젝트의 A-Z를 느껴보는 경험을 드리고 싶어요!

Q. 코딩은 처음인데 수강해도 괜찮을까요?
비전공자들도 수강하실 수 있도록 최대한 신경써서 강의를 구성했지만 최소한의 기초지식은 필요합니다. 대학생의 경우 학교에서 기초 프로그래밍 강의를 들어본 적이 있다면 충분히 수강하실 수 있고, 생활코딩을 보고 이해하실 수 있는 정도라면 수강하실 수 있다고 생각합니다. 만약 어려운 점이 있으시다면 언제든 질문해주세요! 빠르게 답변드리겠습니다.

Q. 완강하고 난 다음엔 무엇을 해야 할까요?
제가 추천드리는 것은 프로젝트를 하나 구상하는 것입니다. 어떤 프로젝트라도 일단 만들어보고 싶었던 걸 정하고 부딪혀 보시는 겁니다. 수강하면서 재미있었던 한 분야를 정해 전문성을 쌓아보시면 큰 도움이 될 겁니다.

Q. 수강 시 주의할 사항이 있을까요?
A. 클라이언트 파트를 진행할때는 Chrome 웹 브라우저를 기준으로 진행하며, 전체적인 강의는 Windows OS 기준으로 진행됩니다.

A. 코드를 직접 작성하며 강의를 진행하는 부분이 있기에 키보드 소리가 날 수 있습니다.
소리에 매우 민감하신 분은 반드시 공개된 강의 음량을 확인해주시길 바랍니다.

A. 서버 파트 강의에서는 전체적으로 Top-down 형식의 학습이 진행됩니다.
Express 템플릿을 제공하고, 이를 활용해 RestAPI를 설계하는 방법을 배웁니다.
Express generator가 아닌 강사 본인이 직접 제작한 MVC 패턴 템플릿입니다.
템플릿 구조를 이해하고 활용하여 기능을 구현하는데 초점을 맞추고 있습니다.
학습 스타일면에서, Bottom-up으로 템플릿 제작에 모든 코드를 직접 작성하며 배워야 한다고 생각하시는 분은 참고해주시길 바랍니다.