[vue] Failed to change read-only flag for

File > File Properties > Make file ... 우측자물쇠 눌러도 실패할 경우 ls -hal # 경로에 대한 소유자 확인 sudo chmod -R yourName /경로 # 경로에 대한 소유자 변경

• format_list_bulleted ┝ framework
• · 2023. 9. 12.
• textsms

[aws] amplify와 CI/CD

amplify에는 서버리스백엔드 기능과 호스팅 기능이 두가지 있다. 이 포스팅에서는 amplify 호스팅에 대해 말해본다.git에서 push하면 pipeline(불확실)을 통해 CI/CD가 수행된다. SPA의 경우 S3에 정적파일이 저장되고 cloud front(CDN:contents delivery Network)를 통해 인증서가 붙은 뒤 배포된다고 볼 수 있다. 이후 amplify에서 설정한 도메인에 대하여 주어진 url을 route53을 통해 호스팅하여 유저가 접속할 수 있게 된다.url을 구매할 경우 가비아 같은 업체를 통해 호스팅한다.

• format_list_bulleted 【 개발 이야기 】
• · 2023. 9. 12.
• textsms

[aws] amplify와 severless

서버리스의 수단으로 사용되는 amplify AWS AmplifyAWS Amplify는 클라우드 개발 플랫폼입니다.UI 컴포넌트 라이브러리: Amplify는 React, Vue, Angular 등과 통합되는 UI 컴포넌트 라이브러리를 제공하여 개발자가 인증, 스토리지, 데이터베이스, 머신러닝, 웹 소켓 등의 기능을 간단하게 추가할 수 있도록 합니다.백엔드 서비스 통합: Amplify는 AWS의 다양한 백엔드 서비스와 통합됩니다. 사용자 인증 및 권한 부여, 데이터베이스 관리, 파일 및 이미지 저장, 실시간 데이터 동기화 등을 위한 서비스를 쉽게 설정하고 사용할 수 있습니다.CLI: Amplify CLI를 사용하면 애플리케이션을 초기화하고 관리할 수 있으며, 백엔드 리소스를 프로그래밍 방식으로 구성할 수 있..

• format_list_bulleted 【 개발 이야기 】
• · 2023. 9. 11.
• textsms

[vue] 렌더링 된 DOM에 개입하는 Vue.js

DOM(Document Object Model)이란 DOM은 웹 개발에서 사용되는 개념이다. DOM은 HTML 문서의 구조를 프로그래밍적으로 조작하고 상호작용하기 위한 모델이라고 할 수 있다. DOM은 HTML 문서의 요소들을 표현하고, 이들 간의 관계를 나타낸다. DOM은 HTML 문서의 구조를 트리 구조로 표현한다. HTML 문서의 각 요소는 DOM에서 노드로 표현된다. 웹 페이지의 텍스트, 이미지, 링크 등도 모두 각각의 노드이다. 이러한 노드들은 계층 구조로 이루어져 있어, 부모 노드와 자식 노드 사이의 관계를 가진다. 자바스크립트와 같은 프로그래밍 언어를 사용하여 DOM을 조작할 수 있다. (웹 페이지의 내용을 변경하거나, 새로운 요소를 추가하거나 삭제할 수 있다.) 예들 들어 설명해보자면, H..

• format_list_bulleted ┝ framework
• · 2023. 9. 11.
• textsms

[ruby] 테이블 3개 조인

Inner join과 left join INNER JOIN은 두 개의 테이블 간에 공통된 값을 가진 행만을 반환한다. LEFT JOIN은 첫 번째 테이블의 모든 행과 두 번째 테이블에서 조건을 만족하는 행을 반환한다. 따라서 LEFT JOIN은 첫 번째 테이블의 모든 행을 포함하며, 두 번째 테이블과 일치하는 행이 없으면 NULL 값을 반환한다. 3개 테이블 조인 외래키 조건 user.id == order.user_id ordder.id == receipt.order_id 모델 클래스 정의. 각 모델은 데이테베이스의 테이블과 연결된다. class User < ActiveRecord::Base has_many :orders end class Order < ActiveRecord::Base belongs_t..

• format_list_bulleted ┝ 개발 언어/┝ ruby
• · 2023. 9. 8.
• textsms

[amazon] ec2와 s3의 차이점

1. Amazon EC2 (Elastic Compute Cloud) - Amazon EC2는 가상 서버를 제공하는 서비스이다. 이 서버는 AWS 클라우드에서 실행되며, 필요에 따라 확장하거나 축소할 수 있다. 이러한 가상 서버를 "인스턴스"라고 부른다. - EC2를 사용하여 애플리케이션을 호스팅하고 실행할 수 있으며, 다양한 운영 체제를 지원한다. 사용자는 이 인스턴스를 시작, 중지, 종료, 크기 조정 등을 할 수 있으며, 원하는 용도에 맞게 커스터마이징할 수 있다. 주로 애플리케이션 실행, 웹 호스팅, 데이터베이스 호스팅 등에 사용된다. 2. Amazon S3 (Simple Storage Service) - Amazon S3는 객체 스토리지 서비스로, 파일, 이미지, 비디오, 문서 등 다양한 유형의 데..

• format_list_bulleted ┝ 웹서비스 인프라
• · 2023. 9. 1.
• textsms