이번 프로젝트 하면서 발생한 아무거나

역할 : Front-End (React) 개발

 Front-End 역할을 맡았지만, React 를 아예 모르는 상태로 시작했다. 아예 모른다기엔 해커톤 전에 한 3일 정도 공부한 이력이 있긴 하지만... 3일은 무에서 시작한 거 아닐까? 기존에 HTML, CSS 는 조금 알고 있었다. 그렇지만 웹 개발을 주로 해온 것은 아니기 때문에 교육비로 CSS 를 신청해서 들었다. CSS 는 근본이 없기 때문에 좀 더 확실히 알아둬야 했다. 처음으로 피그마로 와이어 프레임, 디스크립션 작성하고 디자인 외주 넣었다.(약 15 페이지, 간단한 페이지가 많음) 결과 받자마자 2~3일만에 CSS 작업 끝냈지만 해상도 대응은 안 된다. 나중에 리팩터링 해야겠다.

 nginx 와 개인 AWS EC2 이용해서 React 서버를 배포해 봤다. 기존에 github 기반으로 배포했던 프로젝트라 에러가 발생했는데, github pages 관련 설정을 지워 주니까 정상 작동했다. 원래 처음에는 jenkins + gitlab CD/CD 이용해서 배포하려고 했으나 생각보다 준비해야할 게 많았고, 대부분의 호스팅 대행 사이트에서 gitlab 을 지원하긴 하나 내 프로젝트는 gitlab 온프레미스(?)에 올라간 것 같다. 평범한 방법으로는 안 된다는 뜻... 일단은 AWS 에 수동으로 git pull 명령어 때려서 배포했는데 CI CD 빨리 구축해야겠다.

2021.08.06. 로컬에서 React 띄우고 서버 API 호출(axios)하는 과정에서 CORS 문제 발생. Post man 으로 정상 작동.
1. pakage.json 에 "proxy" 필드로 해결 시도 -> 실패 (CORS -> 403 Forbidden)
2. http-proxy-middleware 로 해결 시도 -> 실패 (CORS -> 403 Forbidden)