프로젝트/WEB (3) 썸네일형 리스트형 Codemap 프로젝트 (소프트웨어 마에스트로 13기) - 아키텍처 구축 현재 소프트웨어 마에스트로에서 진행하고 있는 개발 프로젝트의 아키텍처에 대해 포스팅하려한다. 우리는 크게 세 가지 부분으로 나누었다. 1. Frontend 2. Main Server(BE) 3. Judge Server 프론트는 한 팀원이 Vue.js 프레임워크를 이용해 맡고 있고, 나는 메인 서버 개발 그리고 나머지 한 팀원은 채점서버를 구현하고 나와 같이 메인 서버 개발을 같이하고 있다. 아키텍처 구성 최종 아키텍처는 위와 같다. 앞으로 구성들을 하나하나 추가해보며 어떻게 전체 아키텍처가 구성되었는지 알아보자. 1. 메인서버 메인서버는 Spring Boot 프레임워크를 이용했다. MVC패턴을 사용하려고 했으나 한 팀원이 프론트를 전담하고 있기 때문에 굳이 View를 사용하지 않고 REST API 서버만.. Codemap 프로젝트 (소프트웨어 마에스트로 13기) - 개요 현재 소프트웨어 마에스트로에서 13기 연수생으로 활동 중이다. 나는 두 명의 고수들과 함께 프로젝트를 진행하고 있다. 소프트웨어 마에스트로에서는 팀원끼리 자유롭게 팀을 꾸려서 자유주제를 정해 약 6개월간 프로젝트를 진행하는데, 나는 내가 팀원을 직접 모았다. 처음에는 코딩테스트 대비를 위한 모의고사 전용 플랫폼이 부족하다고 느껴서 해당 주제로 타겟을 잡고 알고리즘 고수들을 영입했다. (두명 다 다이아에 코포 퍼플) 그러나 여러 멘토님들과 기획에 대한 멘토링을 진행하면서 현재 존재하는 여러 플랫폼들(백준, 프로그래머스, 코드트리 등)을 이길 수 있는 차별성이 부족했다. 따라서 코딩테스트 모의고사 플랫폼은 잠깐 접어두고 올림피아드나 ICPC같은 프로그래밍 대회를 준비하기 위한 플랫폼으로 노선을 바꿨다. 현재.. <FINDER> 카카오 MAP API를 이용해 목적지 주변 검색 사이트 만들기 Kakao MAP API 사용 우선 https://developers.kakao.com에 접속하여 가입을 해주자. 그리고 애플리케이션을 생성하면 APP KEY를 얻을 수 있다. 나는 웹(JS)로 구현할거기 때문에 JavaScript키가 필요하다. 이후 플랫폼설정하기로 들어간다. 나는 WEB에서 구현할거기 때문에 WEB 도메인만 설정해주었다. 이제 JS에서 밑 코드를 통해 API를 불러올 수 있다! 이 API안의 기능들에 대한 사용법과 설명은 https://apis.map.kakao.com/web/guide/ 여기에 아주 잘 설명되어 있어서 좋았다. 특히 Sample탭에 코드로 구현하는 법까지 나와있어서 따라하기가 매우 좋았다. 역시 대기업이 좋다 근데 한가지 아쉬운점은 길찾기 기능을 제공해주지 않고, 카.. 이전 1 다음
