본문 바로가기

분류 전체보기

(118)
S3 정적 호스팅 (Cloudfront, Route 53) S3버킷 이름을 꼭 Route53에 등록한 도메인이랑 동일하게 생성해야 함 S3버킷 만들기 -> 퍼블릭액세스 차단 해제 버킷 선택 후 속성 탭 -> 정적 웹 사이트 호스팅 편집 권한 탭에서 정책 생성기로 S3 Action "GetObject" 생성 후 Resource 경로 맨 뒤에 /* 추가 ==> 속성탭에 endpoitn생성 Cloudfront 접속 시에 Console.aws 메인에서 "북부버지니아"를 선택한 상태에서 접속을 해야 내가 생성한 Certification이 보인다. 그렇게 안하면 Custom SSL Certificate 라디오 버튼이 활성화 되지 않는다. 참고 velog.io/@leejh3224/AWS-https%EB%A1%9C-%EC%A0%95%EC%A0%81-%EC%9B%B9%EC%82..
Serverless 프레임워크로 AWS Lambda 시작하기 ( GraphQL포함) npm으로 serverless 프레임워크 설치 npm install -g serverless 프로젝트 생성 sls create --template aws-nodejs --path first-lambda 아래 Open Source Page 확인 www.serverless.com/framework/docs/providers/aws/cli-reference/create/ Serverless Framework Commands - AWS Lambda - Create Creates a new Service in your current working directory www.serverless.com 템플릿 활용 프로젝트 생성 시 아래 두 파일이 중요 handler.js : 실행할 소스코드 serverless.yml..
RDS - MySQL 생성 및 Workbench 연결 RDS DB생성 -> 암호설정 후 생성 -> 추가 보안그룹 생성 시 Workbench에서 연결할 Inbound 규칙( IP ) 설정 엔드포인트는 워크벤치에 VPC보안그룹과 서브넷은 Serverless.yml에 설정
Typescript Serverless Project 서버리스 프레임웍 활용 sls create --template aws-nodejs-typescript 타입스크립트용 설치 npm install --save-dev serverless-offline @types/node ts-loader typescript webpack-node-externals serverless-plugin-typescript GraphQL 개발을 위해 아폴러 서버 설치 npm install --save apollo-server-lambda graphql type-graphql npm install --save subscriptions-transport-ws utf-8-validate bufferutil reflect-metadata
Async & Network Throttling 서버 API 호출 부분 axios 및 async & await 활용 search () { axios.get('API 호출') .then(res => { console.log(res.data) } } //위 내용을 아래처럼 변경 가능 async search () { const res = await axios.get('API 호출') console.log(res.data) } 크롬 브라우저에서 강제로 네트워크 느리게 조정 하는 방법 개발자 도구>Network>아래 Throttling 조절
FMOD Project 시작하기 www.fmod.com/download 위 Site에서 FMOD Studio Suite을 다운로드 후 설치 하면 FMOD Studio를 실행할 수 있고 Save As 로 Unity Project안에 저장 (저장 시 Build 필수) Unity Asset Store에서 FMOD 패키지 다운로드 후 프로젝트 내 Import assetstore.unity.com/packages/tools/audio/fmod-for-unity-161631 Unity Editor에서 FMOD > Edit Setting 에 들어가 Studio Project Path 를 지정 (Inspector창에서 Browse 누르고 앞서 저장한 폴더 내에 *.fspro 파일을 연결 스튜디오에서 Loop 설정 및 Spatializer 설정 후 E..
Vue Project 생성 Vue Cli 설치 후 프로젝트 생성 -> default 설치 npm install -g @vue/cli vue --version vue create movie-app // 설치 완료 후 cd movie-app //dev 모드가 serve npm run serve http://localhost:8080/ 접속 완성~ Vue GUI 사용 시 아래 명령어 입력 후 http://localhost:8080/ 에서 열림 vue ui vuetify 및 vuex 설치 작업목록에서 serve선택 후 실행~ public>index.html에 icon 링크 변경 링크 변경하고 아래와 같이 v-icon 사용하면 Google Icon 쓸 수 있음 search 추가로 manifest.json 에러발생 시 Generate 해주는..
Unity 내 영상 Display pixabay.com/videos/city-france-paris-europe-32115/ Pixabay에서 무료 영상 다운로드 Plane 에 Video Player Component 추가 하고 Video Clip에 영상 추가