분류 전체보기 29

GitHub와 AWS를 사용한 협업 사례

협업에서 기획이 끝난 후 개발에 들어가기 전GitHub와 branch, 배포환경 등의 초기 세팅을 하고 들어가게 된다   GitHub제일 기본적인 github의 레포지토리를 생성하고 연결해준다이 후 git branch 전략을 통해 develop를 추가해주는 등의 설정을 한다  · git branch 전략? 브랜치 생성에 규칙을 만들어 개발자들간의 혼란을 방지하는 방식 main → 사용자들에게 배포한 최종 상태develop → 배포하기 전 최종 개발 상태feature → 개발자들 각자의 개발 공간 위는 제일 심플하고 기본적인 규칙이다더 큰 회사에서는 좀 더 복잡한 branch 규칙을 정하는 등의 예시가 있다   · feature 생성 개발하기 위해 feature branch를 생성할 때도 규칙이 존재한다g..

OZ 2025.02.19

[AWS] CI/CD 배포자동화

I AM, 사용자 생성 (외부보안키)콘솔창에서 "IAM" 검색 후 이동* I AM: 외부에서 AWS 접근 허용을 위한 인증   사용자로 이동 후 사용자 생성   사용자 이름은 하고자 하는 임의의 이름으로 하면 된다   권한 설정에서 "직접 권한 연결"을 클릭하면권한 정책 설정이 추가로 열린다S3full, CloudFront 각각 검색하여 FullAccess 체크 후 생성   이제 생성한 사용자를 클릭하여"보안 자격 증명" 탭으로 이동 후 액세스 키 만들기   액세스 키 사용 사례를 "외부 실행 애플리케이션" 체크만 하고나머지는 스킵하여 액세스 키 만들기   만들면 위처럼 액세스 키와 비밀 액세스 키를 보여주는데이 값들은 해당 창을 나가면 다시 볼 수 없다 (까먹으면 재생성 해줘야한다)액세스 키이기 때문에..

OZ 2025.02.18

[AWS] 도메인 연결

도메인 발급검색창에 "내 도메인" 검색 후 내도메인한국으로 이동https://xn--220b31d95hq8o.xn--3e0b707e/ 내도메인.한국 - 한글 무료 도메인 등록센터한글 무료 도메인 내도메인.한국, 웹포워딩, DNS 등 무료 도메인 기능 제공xn--220b31d95hq8o.xn--3e0b707e   하고자 하는 도메인 입력 후 "등록하기" 클릭   CNAME 체크 CloudFront 도메인 입력 (앞에 http:// 지워줘야한다)보안코드 입력 후 "수정하기" 기본적으로 A, CNAME을 설정하는데현재로썬 CloudFront의 도메인밖에 모르기때문에 CNAME만 설정A: 숫자로 이루어진 IP 주소 입력CNAME: 문자로 이루어진 도메인 주소 입력   인증서 (SSL)AWS - CloudFron..

카테고리 없음 2025.02.17

[AWS] CloudFront

배포 생성콘솔홈 > CloudFront 검색 > 배포 생성 클릭  생성한 버킷 중에 적용할 버킷 지정 후에 나오는 노란박스 "엔드포인트 사용" 클릭  기본 캐시 동작 에서뷰어 프로토콜 정책 - "Redirect HTTP to HTTPS" 선택* 사용자가 HTTP로 통신해도 HTTPS로 자동 통신 하게끔 조정하는 것   웹 애플리케이션 방화벽을 비활성화 선택* 컴퓨터 보안에 지장 없음!  거의 마지막가격 분류는 아시아로기본값 루트는 index.html 그대로 입력하면 된다 가격 분류에서 지역을 선택하는 이유?복사본 데이터를 전송할 임시저장소 지역을 한정하여 비용절감 / 성능향상 할 수 있어서불필요한 데이터 전송을 제한하는 것한국에서만 서비스하겠다! 하면 아시아 관련으로 선택하면 된다  설정을 끝내고 생성 ..

OZ 2025.02.13

[AWS] S3 배포하기

S3로 이동AWS에 로그인을 한 이후에우측 상단 "콘솔에 로그인"을 클릭하여 콘솔 홈으로 이동  콘솔 홈에서 좌측 상단 "검색"에서 "S3"를 검색하여 S3로 이동   버킷 만들기그러고 나오는 화면에서오른쪽 주황색버튼의 "버킷 만들기"를 눌러 생성에 들어간다  버킷의 이름을 지정해준다(본자는 tstory-blog-iun라고 지었다) "모든 퍼블릭 액세스 차단"을 해제한 후에 나오는노란 박스에서 체크박스에 체크해준다  이후 맨 아래에 있는 "버킷 만들기" 버튼을 눌러주면 생성은 끝난다  화면처럼 나오면 잘 된거다!지정한 버킷 이름으로 목록에 추가된 걸 볼 수 있다   3. 권한 설정하기이제 생성한 버킷을 눌러 들어와준 뒤에 "권한"탭으로 이동해준다  권한 설정들 중 "버킷 정책"을 찾아 편집으로 들어간다 ..

OZ 2025.02.12

[OAuth2.0] 카카오 / 네이버 로그인

기본설정npm install express cors axiosexpress, cors, axios 패키지 설치//server.jsconst express = require('express')const cors = require('cors')const axios = require('axios')// 서버 생성const app = express()// URL/메소드 제한app.use(cors({ origin: ['http://127.0.0.1:5500', 'http://localhost:5500'], // 본인 localhost 도메인|포트 입력 methods: ['OPTIONS', 'POST', 'DELETE']}))// json데이터를 JS객체로 파싱하여 자동 변환app.use(express...

OZ 2025.02.10

[OAuth2.0] 개념

OAuth? 사용자의 정보를 이미 가지고 있는 서비스에서 정보를 가져와 접근할 수 있게 해주는 인증 프로토콜이다예로 구글, 네이버, 카카오... 등 간편로그인으로 많이 접해본 것들이다   구성 요소 클라이언트: 사용자가 접근하려는 앱이나 웹사이트 (예: 다른 앱에서 Google 계정으로 로그인)리소스 서버: 데이터를 저장하는 서버 (예: Google 이메일, 사진)인증 서버: 사용자 인증을 처리하고, 클라이언트에게 접근 권한을 주는 서버사용자: 데이터를 소유한 사람 (예: Google 계정 소유자)   흐름 과정 사용자 요청 (Authorization Request) 사용자가 애플리케이션(클라이언트)에서 "Google로 로그인"과 같은 버튼을 클릭합니다.클라이언트 애플리케이션은 인증 서버(예: Googl..

OZ 2025.02.09

[Node.js] 네트워크와 HTTP / HTTPS

네트워크 종류LAN (Local Area Network) 작은 단위의 네트워크로주로 가까운 네트워크끼리 쓰인다MAN (Metropolitan Area Network)중간 단위의 네트워크로주로 도시마다의 네트워크끼리 쓰인다 WAN (Wide Area Network)가장 큰 단위의 네트워크로주로 나라마다의 네트워크끼리 쓰인다  택배로 비유하면 LAN(직접배송) MAN(차 배송) WAN(비행기/선박 배송) 으로 보면 된다   네트워크 계층대표적인 네트워크 계층 모델로는 OSI 7계층이 있다데이터를 보내거나 받을 때 위의 계층을 따르게 되는데택배마냥 데이터도 변환하고 포장하고를 거쳐 전송하고 받게된다    HTTP / HTTPSHTTP?  Hyper Text Transfer Protocol웹에서 데이터를 전송하..

OZ 2025.02.04