[회사랜딩페이지] 배포, AWS 호스팅, 도메인변경

1. json-server를 client 폴더와 함께 넣고
   heroku로 배포하려는 시도 => 실패하였다
   참고한 블로그: https://whwl.tistory.com/276
   여기에서 server 폴더 안에 index.js와 db.json을 파일을 만들고
   procfile 이라는 폴더도 만들고 해주어봤지만 안되었다.
   백엔드 서버를 만드는 것을 배워야 더 여러가지를 할 수 있겠구나 생각했다.

2. firebase database에 json-server를 옮겨주었다.
   firebase는 realtime database와 firebase database
   두가지를 지원해주는데 두번째 것이 최근 나온것이라 그래서 그걸로 사용하였다.
   => 1) 데이터를 fetch하는 것에는 성공
   이 과정에서 useParam을 사용하여 제품상세페이지로 가는 것에서
   사진제목, 본문제목, :제목 => 이 세 개가 모두 일치하게 저장되어야지만
   하도록 코드를 짯기 때문에 다음에는 절대 이렇게 하면 안되겠다는 생각이 들었다.
   앞으로 데이터가 늘어날 수도 있는데 저 세가지 규칙을 꼭 지켜야지만
   돌아가는 프로그램은 좋은 프로그램은 아닌 것 같다. 게다가 대문자 소문자를 안지켜서 써서
   파일명을 바꿔도 git add .도 안되고 다음엔 더 생각해서 만들어야겠다.

2) vercel 배포 시도 => npm 오류를 내며 실패하였다.
그래서 다시 heroku로 배포 시도 => 다행히 성공하였다.

3.주소가 너무 길어서 도메인변경에 대해서 공부해봐야한다.
일단 포크번이라는 곳에서 2불을 주고 싸게 도메인을 구매하였다.
이제 밑에 블로그를 읽어보면서 aws에 호스팅하는 방법부터 따라해보려고 한다.

https://velog.io/@jangsebari/AWS-%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EC%A0%95%EC%A0%81-%EC%9B%B9-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%8F%84%EB%A9%94%EC%9D%B8-%EC%97%B0%EA%B2%B0

Dns 레코드: 도메인 이름과 IP주소 간의 대응 정보를 저장하는 데이터
사람이 이해하고 있는 도메인이름을 컴퓨터가 이해할 수 있는 숫자로 된 IP 주소로
변환하는 역할을 한다.

A 레코드:
https://pusha.tistory.com/entry/Vercel-%EC%BB%A4%EC%8A%A4%ED%85%80-%EB%8F%84%EB%A9%94%EC%9D%B8Custom-Domain

다행히 저 두 가지의 블로그를 보고나서
1. aws s3에 호스팅 2.route53에서 레코드 생성 3. 포크번에서 구입한 도메인에 NS 4개 바꾸기 (route53에서 보고 씀) 4. vercel에서 받은 CNAME을 route53에 등록하기
위의 과정을 거치면서 일단 사진파일과 라우터기능밖에 없는 정적 한국어페이지의
도메인을 바꾸는 것에는 성공하였다. www.xion.lol

이제 다음은 서버리스지만 firebase의 데이터를 fetch해서 쓰고 있는 heroku로 배포된 영문사이트로
도전해보려고 한다.