개발냥발

Web Audio API 사용하기 Boombox 예제를 보고 typescript로 입맛에 맛게 고치는 중에 window.webkitAudioContext에서 빨간 줄이 강렬하게 생겼다. webkitAudioContext가 window에 없는 것 같다. 일단 webkitAudioContext 없애기 애매해서 해결 방법을 찾아봤다. 1. type을 any로 강제(?)하는 타입 표명 방법을 쓰는 것 2. webaudioapi 패키지 사용 참고로 나는 2 시도 안 했다. 1로 해보고 잘 안 되면 2로 해보면 될듯하다.

일단 여기에 이어서 함. 1. axios 모듈을 받아야 함. npm install axios 2. client.ts 파일 생성 touch src/scripts/client.ts 3. client.ts 파일 작성 import axios, { InternalAxiosRequestConfig } from 'axios'; const client = axios.create({ headers: { 'X-Requested-With': 'XMLHttpRequest', 'Cache-Control': 'no-store', }, withCredentials: true, }); export const getData = async ( url: string, params?: any, config?: InternalAxiosReq..

CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유) 란, 보안을 위해 출처가 같을 때만 리소스를 공유할 수 있도록 만든 정책임. 즉, CORS Error가 발생한다는 것은 요청하는 URL과 응답하는 URL이 일치하지 않기 때문임. (MDN 접근 제어 시나리오 예제 참고) 해결하기 가장 좋은 방법은 서버에서 설정해주면 됨. 하지만, 내가 원하는대로 서버를 건들지 못하는 경우들이 있음. 그럴 때 해결하는 방법들을 정리하고자 함. 1. Chrome Extension 사용 많은 사람들이 이용하는 chrome extension 중 하나인 ' Allow CORS: Access-Control-Allow-Origin' 임. 이걸 해도 안 될 때가 있음. 2. Chrome 속성에서 ..