자바스크립트 기초 공부를 해오다가 오픈 프로젝트 공모전이 생겨 완전 회사 위치를 지도에 표시해 주는 웹서비스로 참여했다. 첫 프로젝트라 바닐라 자바스크립트를 사용했는데, 이제 리액트도 공부하고있다.🎉 얼떨결에 도커, aws로 배포도 했는데 배포의 배 자도 몰라서 이것저것 검색하다가 유튜브에서 나의 웹서버를 도커 파일로 이미지 만들기 영상을 보고 도커 파일로 이미지를 만들어서 도커허브에 올리고 aws ec2 우분투 컴퓨터에서 다운받아 실행시키고 ip주소와 포트를 연결해서 배포했다. 유지보수를 하면서 코드 수정할 일이 꽤 있었는데 배포 자동화가 필요하다는걸 느꼈다.🥺
워크맵 👉 2021년 12월까지만 들어갈 수 있다 .. 🥺
깃허브 주소: https://github.com/42-Workmap/workmap42
인프런에서 도움이 될만한 강의가 있는지 찾아보다가 코로나맵 개발자와 함께하는 지도서비스 만들기 1, 2를 발견했고 많은 도움을 받았다. 🙇
dcho님 도움으로 node.js 게시판 만들기 블로그에서 많은 도움을 받았다. 🙇 전반적인 node.js 설명, mvc패턴, restful api등에 대해 잘 정리되어있다.
결과물
주요 기능
- 페이지에 처음 접속하면 지도 위 데이터베이스에 등록된 회사들의 위치가 나타납니다.
- 회사는 카테고리별로 분류되어 있어 카테고리를 클릭하면 해당 분류에 해당하는 회사만 지도에 나타납니다.
- 회사 마커를 클릭하면 회사 로고, 주소 그리고 홈페이지 버튼이 나타납니다.
- 홈페이지 버튼을 클릭하면 회사 홈페이지로 이동합니다.
- 워크맵 페이지에 로그인을 하면 게시판에 글을 쓸 수 있게 됩니다.
- 원하는 회사를 제안할 수 있습니다.
Development and deployment environment
| Part | Environment |
|---|---|
| FrontEnd | Javascript |
| BackEnd | NodeJS |
| Publishing Server Hardware | AWS ec2 |
Team Information
| Name | Github | Major Part |
|---|---|---|
| jiholee | https://github.com/zittoooo | Front |
| selim | https://github.com/seohl16 | Back |
회사 로고, 주소, 홈페이지는 팀원 selim이가 파이썬 크롤링으로 해결해주었다. 정말 배울게 많은 친구다.🥰
다양한 it 회사들을 알게 되어서 여러모로 도움이 많이 되었던 프로젝트다.
