CODE_PLAN

-리전이란 화면에서 내모상자를 나타내며

전 세계에 그 하나 이상의 데이터 센터가 있는 물리적인 위치를 말합니다.

- 하나의 리전안에는 여러가지 가용영역 availability zone = az로 표기됨 , 즉 여러가지 az로 구성이 되어있습니다.

az는 데이터 센터라고 생각하면 됩니다. -> 더 안정적인 서비스 운영가능  = 고가용성라고함(백엔드 서버에서 중요)

- aws에서 서비스를 만들때 리전을 선택해야 해줘야하는데 가까이 있을수록 당연히 더빠릅니다

but 특정한 서비스들은 Region 별로 되는게 아니라 Region 선택없이 해야할것들이 있습니다.

이런 경우에는 강제로 미국 NorthEast로 선택해서 해야하는 경우도 있습니다. 

- Region은 그 지역을 이야기하고 이 안에 여러개의 AZ가 있을수 있습니다. 

- 특정지역(ex.서울)에서 되는 서비스도 있고 안되는것도 있다

(AWS Regional Services List 에서 확인가능)

- 만약 서울에서 개발을 하더라도 일본사람들을 위해서 만들고있다-> 도쿄or 일본에있는 데이터 센터를 사용해줘야함
미국이 고객이다하면 미국에서 서비스를 배포해줘야 합니다. ( 사용자가 기준)

- Routes 53 처럼 DNS 서비스는 서울사용못하고 Global 서비스  

======

- IAM ( ==Route53 과 같은 글로벌 서비스)

액세스 권한 관리 

(User, Groups, Policies)

- 회원가입시 만들어진 계정 => Root Account 

사용/공유되지 않아야 한다. 

보안위험성이 존재 (카드정보 해킹등)

그러면 어떻게해야하냐면 =>  IAM에 들어오셔서  User와 Group을 만들어서 사용해야합니다.

- User/Group 만들어서 보완관리

- 최소한의 권한 원칙을 부여 

aws 키 깃허브에 올리지않게 조심해서 관리해주기 

Axios의 Instance를 활용하면 API 요청에서 반복되는 구조를 줄이고 함수명을 통해 어떤 요청인지 직관적으로 파악할 수 있습니다

Instance의 핵심 개념은 기본 URL, 헤더, 시간 초과 및 기타 기본 매개 변수와 같은 미리 구성된 설정으로 인스턴스를 생성할 수 있다는 점입니다. 더 이상 API 요청을 만들 때마다 반복되는 설정을 지정할 필요가 없으므로 시간을 절약하고 코드를 효율적으로 작성할 수 있습니다.

2. Interceptor

Axios의 Interceptor는 요청이나 응답이 응용 프로그램에 의해 처리되기 전에 인터셉트하는 데 사용할 수 있는 함수입니다.

Interceptor를 활용하면 요청 또는 응답 데이터를 수정하거나 오류 또는 인증을 처리하는 데 사용할 수 있습니다.

NOTE

별칭 메소드를 사용하면 설정(config)에서 url, method 및 data 속성을 지정할 필요가 없습니다.

// axios() 사용 시

axios({
  url: '/user/12345',
  method: 'put',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
})

// axios.put() 별칭 메서드 사용 시

axios.put('/user/12345', {
  firstName: 'Fred',
  lastName: 'Flintstone'
})

참고>

https://kimyouknow.github.io/fe/Axios%20Instance%EC%99%80%20Interceptor:%20HTTP%20%EC%9A%94%EC%B2%AD%EA%B3%BC%20%EC%9D%91%EB%8B%B5%20%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0

https://yamoo9.github.io/axios/guide/api.html#http-%EB%A9%94%EC%84%9C%EB%93%9C-%EB%B3%84%EC%B9%AD

대표적인 사용법은

pull -> commit -> push 입니다.
이걸 최대한 자주하는게 소스트리에서 충돌안날 가능성이 높고, 늦게할수록 안좋다고 합니다.

따라서, 풀 커밋 푸쉬를 자주할수록 일의 효율성을 높이고 소스트리 자체가 협업할때 소통을 자주하게 만들어주는 장치인것 같습니다.

+tip) 중간중간 npm install 을 해줘야할때가 있습니다. (협업시 새로운것이 변동 됬다든지의 경우)

1. VSCode 확장프로그램(Extensions)에서 'ESLint'를 검색합니다

2. 명령어 팔레트(shift + alt + P)를 열어서 setting.json에 들어갑니다.

3. setting.json에 아래코드를 추가하고 저장합니다.

"editor.codeActionsOnSave": {
	"source.fixAll": true,
},
"editor.formatOnSave":true,

참고> https://ek12mv2.tistory.com/223 

위와같이 소스트리가 갑자기 연결이 끈긴것처럼 보이고 실제로 끈겼는데 이건 git remote -v 를 해서 끊긴것같다.. 조심하자

에러상황

소스트리를 사용하는도중 내 프로젝트를 github에 등록할려고 했으나 전체 공용 프로젝트에 내 코드가 올라가는 오류가 발생.. 

프로젝트 등록부터

시작부터 already exist 라는 문구가 보여서 이상했고,

또한, 아래와같은 에러가 나오기도했다.

➜ test git:(master) git push -u origin master To ex) https://github.com/~~~
! [rejected] master -> master (fetch first) error: failed to push some refs to '   ex) https://github.com/~~~
hint: Updates were rejected because the remote contains work that you do hint: not have locally.
This is usually caused by another repository pushing hint: to the same ref.
You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details.

이부분에 대한 해결방법을 찾았는데 적용해서 아래 명령으로 강제로 푸쉬를 해주니 

$ git push origin +master

결국, 클론을 받았던 부모 프로젝트가 변경됬다ㅠ

해결방법

원인을 찾아보니 이미 존재하는 주소인데 강제 푸쉬를해서 원래 부모 프로젝트에 새롭게 갱신됨..  ( 같이 프로젝트한 현업자분에게 들은건데 git init을 했어도 따로 설정을 해주면 해결이 가능하다고 한다? - 이부분은 나중에 좀 더 알아봐야겠다)

- 근본적인 해결방법은 아래와 같은것같다.

즉, 연결고리를 제거후 다시 연결해주면 된다 

cf) 또한 git origin add에서 add를 빼먹었는데 이부분도 조심하자!

소스트리를 처음 배우고 협업을 하면서 처음부터 오류가 나오는데 해결해서 다행이다ㅎㅎ 

 1. github에서 code url 복사 -> 2. vscode에서 F1 누르고 git clone 검색후 복사한 주소 붙여넣기 or 레포지토리 선택후 실행
 2. vscode 에서 저장후 실행

우선 코드를 주석후 다시 실행하니까 실행되었는데 원초적인 문제는 있는듯하다.