본문 바로가기
320x100

Projects/matjipfind17

프로젝트 개선사항 및 앞으로의 과제들 부스트캠프를 마치고 이전에 내가 했던 프로젝트를 둘러보았다. 그중 맛집찾아 프로젝트를 다시 보았는데.. 1년전 그당시 정말 처음 개발했던 때였지만 진짜 색도 그렇고 너무 처참한 뷰와 백엔드를 가지고 있었기에 이를 무조건 개선해야겠다고 생각했다. 내가 개선해야겠다고 생각한 사항들을 정리해서 README에 먼저 적어놓았다. 뷰 개선 가장 먼저 해야할 것은 뷰를 개선하는 것이다. 기존에는 스프링에서 Mustache를 사용하여 서버사이드에서 렌더링하고 있었는데, SPA인만큼 프론트에서 React를 사용해보고 싶었다. 이에 더하여 이제부터는 프론트든 백엔드든 기본적으로 Typescript를 적용하려고 한다. 기존 색배열이 너무 별로여서 아예 색을 흰색 + 회색 + 검정색으로 통일시켜서 Figma를 통해 그려보았다.. 2022. 1. 4.
구글,네이버 로그인 API 에 주소 등록, SSL인증서 등록 일단 현상태에서 구글과 네이버로 로그인하려고 하면 다음과 같은 오류가 발생한다. 이는 구글과 네이버 API에 도메인 등록을 하지 않아서 그렇다. 테스트를 위해 localhost:8080 환경에서만 돌아가게 만들어 놨으니 실제 도메인에서는 이런 오류가 발생하는 것이다. 이를 해결하기 위해 도메인을 등록하자. 먼저 구글 API 관리 페이지에 접속해서 OAuth 동의 화면의 앱 수정을 선택한다. 승인된 도메인 란에 도메인을 저장. 이때 Http는 빼야 한다. 그 뒤, API 및 서비스의 사용자 인증 정보에서 자신의 Application을 선택해준다. 승인된 리디렉션 URI에 '도메인/login/oauth2/code/google' 을 추가하면 준비는 끝난다. 이후 구글 로그인을 시도하면 성공적으로 적용되는 모습.. 2021. 2. 10.
AWS EC2에 무료 도메인 등록하기 배포를 성공적으로 마쳤으나, 현재 소셜 로그인 서비스에 주소를 등록해주지 않아서 로그인이 불가능하다. 이는 EC2주소를 등록해주면 사용할 수는 있겠으나, 그러면 도메인을 등록했을때 다시 바꿔줘야 하니 먼저 무료 도메인부터 등록해야겠다. 먼저 freenom.com에 접속해서 도메인 이름을 입력한다. 무료로 사용할 수 있는 도메인은 유명하거나 예쁜건 없지만 그나마 가장 나은 tk로 선택 12개월로 선택하고 Continue. 12개월까지만 무료이고, 12개월이 되기 전에 renew 를 해주면 계속 사용 가능하다고 한다. 이메일 인증도 진행해준다. 인증을 마치고 몇가지 정보를 입력하면(다 입력하지 않아도 된다) 주문 번호를 준다. 이후 My Domains 메뉴를 통해 내 도메인 관리 페이지로 이동 잘 등록된 것.. 2021. 2. 6.
EC2에 프로젝트 파일 배포 먼저 프로젝트에 깃 설치 프로젝트를 넣을 폴더도 생성해주고.. 깃허브에서 클론도 진행해준다. 테스트는 없지만 일단 해보니 성공 ㅋㅋㅋㅋ 배포를 위한 스크립트 파일도 작성 실행해주면..? 이렇게 빌드는 다행스럽게도 성공적으로 되었다. 이제 nohup파일을 확인해본다. 보면 MySQL 드라이버를 설치하지 않아서 실행에 실패한 것으로 보인다. 먼저 RDS에 테이블을 추가해준다. 그리고 의존성에 마리아DB용 드라이버도 등록 RDS환경 전용 properties파일 추가, 그리고 RDS 전용 OAuth 설정 파일 만들고... 실행 한 뒤 로그파일 보면 gitignore 때문에 git에 올라가지 않았던 application-oauth.properties때문에 오류가 난 듯 하다 이를 복사해서 해당 경로에 만들어준다... 2021. 2. 5.