bytenari/focusmediakorea_task

Task to apply for a vacancy in FOCUSMEDIAKOREA

Super Bowl 마케팅 이벤트 페이지

Task to apply for a vacancy in FOCUSMEDIAKOREA

기획 이유

동접자가 수천만명에 달할 것으로 예상되는 Super Bowl마케팅 이벤트 페이지의 백엔드 서비스 및 API엔드포인트를 구현하고자 했습니다. 이 페이지는 아래의 정보를 수집해 전달합니다.

• 이름
• 이메일
• 국가코드 + 전화번호
• 개인정보 수집 동의 여부

---

AWS에 서비스를 배포하고 실행하기 위한 절차

1. AWS의 EC2, S3, RDS를 이용해 서버, 정적 페이지, 데이터베이스를 분리합니다.
   • 이 서비스의 서버는 Linux OS 서버에서 구동되고 있음.
   • 데이터베이스는 MySQL를 사용함.
2. EC2에 여러 대의 인스턴스를 만들어 클라이언트와 서버도 분리합니다. 이렇게 하면 웹, iOS, Android 등 여러 플랫폼을 다루기에도 좋습니다.
3. 필요한 만큼 인스턴스를 늘리고 로드밸런서(AWS의 ELB)를 추가하여 트래픽을 처리하도록 합니다.

focusmediakorea_task's Issues

[Develog] 2022-10-30

EC2 - RDS 연결이 안 된다.
EC2 - postman 테스트가 안 된다 ( Error: Request timed out )

프로젝트가 로컬에서는 데이터를 저장하는 것까지 잘 작동하고
EC2에서도 구동되기는 한다.

[Develog] 2022-10-31

새로운 EC2를 부팅했다.
내일은 RDS를 연결하고 (application.properties 파일 작성),
postman으로 서버가 응답하는지 실험하고,
프론트와 연동할 수 있는 방법을 찾아야 한다. (fetch API 방식)

• 밑의 var raw 부분을 어떻게 입력한 것으로 대체할 수 있을지...

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");

var raw = JSON.stringify({
"username": "bytenari",
"email": "[email protected]",
"countryCode": "82",
"phone": "01053163253",
"agreement": "11111"
});

var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
};

fetch("ec2-3-38-182-159.ap-northeast-2.compute.amazonaws.com:8080/main", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));

[Develog] 2022-11-03

생각해보니 과제의 "코드가 동작하는 Endpoint URL"이란 서버만 있어도 충분했다.
왜 클라이언트 부분까지 구현해야 한다고 생각했을까? 백엔드 과제인데..
그래도 공부가 됐다. Javascript와 API통신을 좀 더 깊이 알게 됐다.
그 부분을 놓으니 과제가 수월히 진행됐다.
데이터베이스에 Post 요청이 잘 들어갔는지 확인하기 위해 Get 요청도 추가했다.
모두 잘 작동한다!