[Web Development] 파이널 프로젝트 - YelpCamp

Udemy에서 Web development bootcamp를 오랜 시간에 걸쳐...! 끝낸 후,

code along한 final project를 아주 간략하게 소개한다.

 

여기에 course에서 다루지 않은 몇 가지 기능을 차차 추가해보려 한다.

 

앱 소개 - YelpCamp

- Campsite 소개 페이지.

- JavaScript + Express + MongoDB (Atlas) with Node.js

- seeding을 통해 생성한 base campsites가 있고

- Register하여 생성된 User가 직접 campsite를 만들어 올릴 수 있다.

- Created campground / reviews는, 권한이 있는 User만 Edit / Delete할 수 있다.

- Passport, Helmet, Express-Mongo-Sanitize 모듈들 이용해 보안을 강화했다.

- Mapbox를 이용하여 Cluster Map과 각 campground의 위치를 알려주는 Map을 보여준다.

- User가 업로드하는 이미지, 그리고 앱 생성에 사용된 이미지들은 모두 Cloudinary 클라우드에 저장, fetch

- Heroku를 이용해 deploy함

Home Page

Index Page (showing all campgrounds) and Cluster Map

Sign Up Page

Log In Page

Create a New Campground

Show Page of a Campground. ColT로 로그인 했기에, 이 유저가 생성한 campground와 review를 Edit &/ Delete할 권한만 주어진다.

 

 

 

 

정말 오랜 시간에 걸쳐 차근차근 배웠지만, 아직 개선하고 싶은 부분들이 있고, 개념들도 계속 다시 복습하고자 한다.

실제 수강 시간은 강의 자체 시간의 몇 배가 걸렸지만, debugging, documentation 읽는 것들을 포함한 거니 후회하지 않는다.

 

더불어 한국 시장에서는 Java + Spring이 사용 빈도에서는 상당히 우위를 차지하는 것 같아서, 이 쪽도 얼른 공부해야 겠다.

 

Slow and Steady! 오래 걸려도, 제대로 배우자.