티스토리

뭉지일지

검색하기

블로그 홈

뭉지일지

moongji-record.tistory.com/m

뭉지야 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

Proxy 브라우저에서 기본적으로 API를 요청 할 때에, 브라우저의 현재 주소와 API 의 주소의 도메인이 일치해야만 데이터를 접근 할 수 있게 되어 있습니다. 만약 다른 도메인에서 API를 요청해서 사용할수있게 해주려면 CORS 설정이 필요하다. # CORS 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. # 출처 웹 콘텐츠의 출처(origin)는 접근할 때 사용하는 URL의 스킴(프로토콜), 호스트(도메인), 포트로 정의됩니다. 두 객체의 스킴, 호스트, 포트가 모두 일치하는 경우 같은 출처를 가졌다고 .. 공감수 0 댓글수 0 2023. 4. 4.
Github Action 실습 # 클론 한 파일의 github폴더의 workflows에서 client.yml 파일을 생성한다. # .github/workflows/client.yml name: client on: push: branches: - jobs: build: runs-on: ubuntu-20.04 steps: - name: Checkout source code. uses: actions/checkout@v2 - name: Install dependencies run: working-directory: ./my-agora-states-client - name: Build run: working-directory: ./my-agora-states-client - name: SHOW AWS CLI VERSION run: | - n.. 공감수 0 댓글수 0 2023. 4. 3.
YAML -Yet Another Markup Language의 약자. 사람이 읽을 수 있는 데이터 직렬화 언어 -YAML을 YAML ain’t markup language(재귀 약어)로 생각하는 사람도 있습니다. 후자는 YAML이 문서가 아닌 데이터용임을 강조하는 말이라고 생각하시면 됩니다. -파일로 작성시 확장자는 .yaml 혹은 .yml 확장자를 가집니다. -YAML은 사람이 읽을 수 있고 이해하기 쉬워 프로그래밍 언어 중에서도 인기가 높습니다. 또한 다른 프로그래밍 언어와 함께 사용할 수도 있습니다. YAML은 그 유연성과 접근성으로 인해 자동화 프로세스를 생성하는 데에도 사용됩니다. //yaml파일 name: Bare Minimum Requirements on: [push, pull_request] job.. 공감수 0 댓글수 0 2023. 4. 3.
Github Actions -Github가 공식적으로 제공하는 빌드, 테스트 및 배포 파이프라인을 자동화할 수 있는 CI/CD 플랫폼 -레포지토리에서 Pull Request 나 push 같은 이벤트를 트리거로 GitHub 작업 워크플로(Workflow)를 구성할 수 있습니다. 워크플로는 하나 이상의 작업이 실행되는 자동화 프로세스로, 각 작업은 자체 가상 머신 또는 컨테이너 내부에서 실행됩니다. -워크플로는 .yml (혹은 .yaml ) 파일에 의해 구성되며, 테스트, 배포 등 기능에 따라 여러개의 워크플로도 만들 수 있습니다. -생성된 워크플로는 .github/workflows 디렉토리 이하에 위치합니다. # 기존 나만의 아고라 스테이츠 서버 레퍼런스 클론 git clone git@github.com:codestates-seb/.. 공감수 0 댓글수 0 2023. 4. 3.
CI/CD 파이프라인 -한번의 클릭 혹은 명령어 입력을 통해 전체 배포 과정을 자동으로 진행하는 것. -배포 자동화를 통해 전체 배포 과정을 매번 일관되게 진행하는 구조를 설계하여 휴먼 에러 발생 가능성을 낮출 수 있습니다. #필요한 이유 -먼저 수동적이고 반복적인 배포 과정을 자동화함으로써 시간이 절약됩니다. -휴먼 에러(Human Error)를 방지할 수 있습니다. 여기서 휴먼 에러란 사람이 수동적으로 배포 과정을 진행하는 중에 생기는 실수들을 뜻합니다. 그 전에 했던 배포 과정과 비교하여 특정 과정을 생략하거나 다르게 진행하여 오류가 발생하는 것이 휴먼 에러의 예로 볼 수 있습니다. -수없이 진행되는 배포 과정을 자동화시키는 방법을 구축하게 되는데, 그것을 CI/CD 파이프라인이라고 합니다. -개발자가 코드를 원격 저장.. 공감수 0 댓글수 0 2023. 4. 3.
CI/CD # CI -개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미. -CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 리포지토리에 통합되므로 여러 명의 개발자가 동시에 애플리케이션 개발과 관련된 코드 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할 수 있습니다. # CD -지속적인 서비스 제공(Continuous Delivery) 및/또는 지속적인 배포(Continuous Deployment)를 의미 #두 용어는 상호 교환적으로 사용됩니다. 두 가지 의미 모두 파이프라인의 추가 단계에 대한 자동화를 뜻하지만 때로는 얼마나 많은 자동화가 이루어지고 있는지를 설명하기 위해 별도로 사용되기도 합니다. -.. 공감수 0 댓글수 0 2023. 4. 3.
DevOps -DevOps는 소프트웨어 개발(Development)과 IT 운영(Operations)의 합성어입니다. -전통적인 IT 조직 구조로는 개발팀(Dev)과 운영팀(Ops)이 소프트웨어의 개발과 관리 및 유지보수를 담당해왔습니다. DevOps는 특정한 업무라던지 부서가 아닌 일종의 개발 문화입니다. 만약 서비스가 중단된다면, 누구든지 문제점을 진단하고 시스템을 복구하여 운영할 수 있는 절차를 알고 있어야 합니다. 이를 위한 기술과 지식이 제공되기 위해서 훈련과 효과적인 협업체계를 마련하는 것이 매우 중요합니다.그러나 실제 실무에서는 업무의 분리를 위해 DevOps팀, 혹은 부서를 두고 있을 수 있습니다. DevOps는 개발에서 운영까지 하나의 통합된 프로세스로 묶어내고 사용하는 툴과 시스템을 표준화하여 의사.. 공감수 0 댓글수 0 2023. 4. 3.
개발 프로세스 # 개발 프로세스 - 소프트웨어 시스템이나 애플리케이션 개발 및 유지보수할 목적으로 수행되는 활동의 절차를 뜻합니다. -목적은 개발에 대한 전체적인 가이드라인을 제공하는 데에 있습니다. -소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어졌습니다. 1.요구분석 및 시스템 명세 작성 -문제분석 단계라고도 하며, -개발할 소프트웨어의 기능과 제약조건, 목표 등을 사용자와 함께 정확히 정의하는 단계입니다. -개발하고자 하는 소프트웨어의 성격을 정확히 이해하여 이를 토대로 개발 방법과 필요한 자원 및 예산 예측 후 요구명세를 작성합니다. 2.설계 -앞서 정의한 기능을 실제로 수행하기 위한 방법을 논리적으로 결정. -크게 .. 공감수 1 댓글수 1 2023. 4. 3.
[AWS] 프론트엔드 배포 실습 1. aws 콘솔홈에서 S3에 들어간다. 2.버킷에서 자신의 github id를 검색한다. 3. vs code들어가서 배포할 파일에 .env 파일을 생성한다. REACT_APP_API_URL=dlkjfdlkjflkdjlfjd REACT_APP_API_URL=http://ec2-3-39-232-68.ap-northeast-2.compute.amazonaws.com (.com뒤에 /안들어가게 주의하자!!!!) EC2 서버의 주소를 넣는다. 터미널에서 npm install, npm run build 를 실행한다. 그럼 build파일이 생성될것이다. 4.build의 파일을 업로드한다. build 폴더 자체를 넣지 않도록 주의합니다. build속의 파일들과 static은 폴더로 추가하.. 공감수 0 댓글수 0 2023. 4. 2.
[AWS] 백엔드 배포 실습 1.로그인한다. 현재 리전을 서울로 설정한다. 1. EC2가 미리 생성되어있을것이다.(설정방법 따로 잇는듯......) 2.EC2 대시보드로 이동하자 리소스-인스턴스(실행중) 들어가서 자신의 githubid를 검색한다 i-ㅇ리ㅏ이ㅓ링널 써잇는 부분 들어가서 연결누르자. 거기서 Session Manager들어가서 연결누르자 그럼 웹브라우저 환경에서 터미널이 실행될것이다. $ bash $ cd ~ 이렇게 실행하자 1. 인스턴스에 개발 환경 구축하기 $ sudo apt update #nvm 설치해야한다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash wget -qO- https://raw.githubusercont.. 공감수 0 댓글수 0 2023. 4. 2.
[AWS] Deploy # 배포 - 개발한 서비스를 사용자들이 이용 가능하게 하는 일련의 과정. -기본적으로 4단계를 거쳐서 개발한 서비스를 배포하게 됩니다. #Development 단계 -각자의 컴퓨터에서 코드를 작성하고 테스트하는 과정 -개발 단계이기 때문에 실제 데이터를 이용하지 않고 더미 데이터를 이용해서 테스트합니다. #Integration 단계 - 각자의 컴퓨터에서 작성한 코드를 합치는 과정 -내가 작성한 코드가 다른 코드를 침범해서 오류를 일으키지 않는지, 코드 간에 conflict가 있지는 않은지 확인하는 과정을 거칩니다. #Staging 단계 -실제 출시 단계인 Production 단계와 가장 유사한 환경에서 테스트를 진행합니다. -실제 데이터를 복사해서 문제가 있지 않은지 등 다양한 환경에서 테스트를 진행합니.. 공감수 0 댓글수 0 2023. 4. 2.
[AWS] 배포 전략 # 배포: 개발한 서비스를 사용자가 이용할 수 있도록 하는 것 AWS에서 제공하는 서비스인 S3라는 서비스를 통해 사용자들에게 Client를 제공할 수 있습니다. 클라이언트 앱을 정적 파일로 빌드하여 제공합니다. 따라서 S3를 이용해서 클라이언트를 배포합니다. 이때 필요한 것이 빌드입니다. #빌드 -불필요한 데이터를 없애고, 여러 갈래로 퍼져있는 데이터들을 통합/ 압축하여 배포하기에 최적화된 상태를 만드는 것. -빌드 과정을 진행하기 전과 비교했을 때 데이터의 용량이 줄어들고, 웹 사이트의 로딩 속도가 빨라진다는 장점이 생깁니다. -일반적인 의미의 빌드는, 소스코드를 실행 가능한 번들로 변환하는 컴파일 과정을 의미합니다. 웹 앱에서와같이 HTML, CSS, JS의 형태로 배포하는 경우는 조금 다릅니다. .. 공감수 0 댓글수 0 2023. 4. 2.
[AWS] S3 # 클라우드 스토리지 -인터넷 공간에 데이터를 저장하는 저장소. -구글의 Google Drive, 네이버의 MYBOX, 마이크로소프트의 Onedrive -장점 뛰어난 접근성.(웹환경이라면 ok. 다른 전자기기 ok.) # S3(simple storage service) -AWS에서 제공하는 클라우드 스토리지 서비스 #S3 이점 1. 뛰어난 접근성 2. 높은 확장성: 데이터를 무한히 저장 가능하다. - 확장성이 높으면 많은 시간과 수고를 들이지 않고 스토리지 규모를 확장/축소할 수 있습니다. -스토리지의 용량을 무한히 확장할 수 있습니다. 그리고 사용한 만큼만 비용을 지불하면 되기 때문에 비용적인 측면에서 매우 효율적입니다. 3. 강력한 내구성 -저장된 파일을 유실할 가능성이 적어집니다. 4. 높은 가용성.. 공감수 0 댓글수 0 2023. 4. 1.
[AWS] RDS # RDS (Relational Database Service) -AWS에서 제공하는 관계형 데이터베이스 서비스 # RDS 사용의 이점 -EC2 인스턴스를 사용하면 데이터베이스와 관련해서 자동으로 관리를 담당하는 부분이 매우 적기 때문에, 사용자가 일일이 시간을 투자하여 데이터베이스 엔진의 설치와 버전 관리, 데이터 백업을 해야 합니다. 게다가 가용성과 내구성이 확보되지 않기 때문에 데이터베이스에 저장된 데이터가 유실되거나 정상적으로 사용하지 못할 확률이 커지며, 후에 필요에 따라 데이터베이스의 규모를 확장하기 어렵습니다. -RDS를 이용하는 것은 렌터카 회사에서 차량을 대여하는 것과 비슷합니다. -RDS를 이용하면 데이터베이스 유지 보수와 관련된 일들을 RDS에서 전적으로 자동 관리합니다. 사용자가 해.. 공감수 0 댓글수 0 2023. 4. 1.
[AWS] Amazon EC2 # Amazon EC2(Elastic Compute Cloud) -아마존 웹 서비스에서 제공하는 클라우드 컴퓨팅 서비스 -클라우드 컴퓨팅은 인터넷(클라우드)을 통해 서버, 스토리지, 데이터베이스 등의 컴퓨팅 서비스를 제공하는 서비스입니다. -아마존에서 가상의 컴터를 한대 빌리는거다. -사용한 만큼비용을 지불하기 때문에 '탄력적인'이라는 의미의 Elastic이라는 단어가 붙어있습니다. -Elastic은 비용적인 부분뿐만이 아니라 필요에 따라 성능, 용량을 자유롭게 조절할 수 있다는 의미도 가지고 있습니다. -정리하자면 EC2 서비스는 AWS에서 비용, 성능, 용량 면에서 탄력적인 클라우드 컴퓨터를 제공하는 서비스라고 할 수 있습니다. -아마존 EC2를 통해서 할 수 있는 가장 기본적인 일은 웹서버를 설치하.. 공감수 0 댓글수 0 2023. 4. 1.
[AWS] 클라우드 컴퓨팅 cloud computing #기존 서버의 방식 -클라우드 등장 이전에는 흔히 말하는 전산실 등에 컴퓨터를 배치하고 인터넷을 연결하여 서비스를 제공했습니다. -같은 공간에 더 많은 컴퓨터를 제공하여 한 대가 해결할 수 있는 요청을 여러 대가 나누는 방식을 사용할 수 있습니다.혹은 컴퓨터 한 대의 성능을 높이는 방식을 사용할 수도 있습니다. #기존방식의 한계 1. 주기적인 관리가 필요합니다. -점차 관리해야 하는 컴퓨터 및 다른 전자기기의 수가 많아지는 만큼 투입되어야 하는 인력 및 비용도 증가하기 시작했습니다. 2.공간의 한계가 있습니다. -예전의 방식은 서버실이라는 공간에 컴퓨터를 배치해 두고 필요할 때마다 추가적인 컴퓨터를 추가하는 방식으로 수용 능력을 향상해 왔습니다. 하지만 이런 방식은 공간이 부족하여 컴퓨터를 더는 배치할 .. 공감수 0 댓글수 0 2023. 4. 1.
AWS # 아마존 웹 서비스(AWS) - 아마존이 자사의 노하우를 살려 제공하고 있는 ‘클라우드 컴퓨팅 서비스’ -AWS에는 컴퓨팅, 스토리지, 데이터베이스, 분석, 네트워킹, 모바일, 개발자 도구, 관리 도구, IoT, 보안, 엔터프라이즈 애플리케이션 등 다양한 서비스가 준비되어 있으며, AWS의 다양한 서비스를 조합하여 모든 애플리케이션과 인프라를 구축할 수 있기도 합니다. -일전에는 여러 사업자에게 각각 빌려야 했던 인프라를 일괄로 빌릴 수 있게 됐으며, 필요에 따라 운영체제(OS), 웹 서버, DB 서버 등 필요한 소프트웨어까지 통째로 사용할 수 있는 편리한 서비스이기도 합니다. -AWS는 165개 이상의 서비스를 제공하고 있으며, 목적에 따라 다양한 서비스를 사용할 수 있습니다. 그 중 유명한 서비스로.. 공감수 0 댓글수 0 2023. 4. 1.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.