본문 바로가기
728x90

Studying Web Development/Free Memo13

CORS에 대처하는 방법과 우회하는 방법 CORS에 대처하는 방법과 우회하는 방법 외부 서버로 ajax 요청이 안될 경우 아래와 같은 단계로 처리를 생각해 볼 수 있습니다. 개발자가 테스트 혹은 개발단계에서 쉽게 요청하기: 웹 브라우저 실행 옵션이나 플러그인을 통한 동일 출처 정책 회피 CORS구현이 안되어 있는 서버로 ajax요청을 해야하지만 서버 쪽 컨트롤이 불가능할 경우: jsonp방식으로 요청 Ajax요청을 해야 하는 다른 도메인의 서버를 클라이언트와 같이 개발하거나 서버 개발 쪽 수정 요청이 가능한 경우: 서버에서 CORS 요청이 허용되도록 구현 HTML 삽입 미리보기할 수 없는 소스 🛠 용어 공부 ⚙️ CORS CORS(Cross-Origin Resource Sharing)란? 웹 브라우저에서 외부 도메인 서버와 통신하기 위한 방식을.. 2022. 6. 17.
깨끗한 코드(Clean Code)를 위한 5가지 방법 코드스테이츠 교육과정을 수강하며 팀 프로젝트를 진행할 때에는 제한된 시간에 맞춰 기능을 구현하느라 제대로 신경 못 썼던 것이 있습니다. 상대방도 읽기 편한 깔끔한 코드를 작성하지 않았던 것인데요. 나름 코드 규칙을 세워가며 프로젝트를 진행하긴 했지만 각자의 코딩스타일이 너무나도 다른 것 때문에 나중에 리팩토링할 때에 조금 더 힘들었던 경험이 있습니다. 제 코드를 읽는 팀원들도 많이 애먹었을 것을 생각하며.. 요즘에는 최대한 남이 읽기 편한 코드를 작성하기 위해 노력 중입니다. 항상 머릿 속에 생각하고 실행하려 하고 있지만 언제든 잊어버릴 수 있기에 유튜브에서 봤던 클린 코드에 관련된 좋은 영상들의 내용을 정리하여 기록해보려 합니다. 좋은 코드란 무엇인가? 좋은 코드란 것은 일단 돌아가기만 하면 되는 코드.. 2022. 6. 16.
[Error Handling] TS2307: Cannot find module '.png' or its corresponding type declarations. (이미지 import 에러) [Typescript] TS2307: Cannot find module '.png' or its corresponding type declarations. React와 TypeScript를 사용하여 과제를 하던 중에 .png 확장자명을 가진 image파일을 import하려는데 자꾸 위와 같은 에러가 나면서 import가 되지 않았습니다. 검색해서 찾아보니 타입이 정의되어 있지 않아서라고 했습니다. // tsconfig.json ... "typeRoots": ["src/types"], ... tsconfig.json 파일에 위와 같이 추가해주고 // src/types/images.d.ts declare module '*.png'; declare module '*.jpg'; declare module '*... 2022. 6. 6.
var, let, const의 차이점 var, let, const의 차이점 var는 변수 재선언, 재할당 모두 가능합니다. let은 변수 재선언 불가능, 재할당은 가능합니다. const는 변수 재선언, 재할당 모두 불가능합니다. var는 function-scoped이고, let, const는 block-scoped입니다. var의 재선언, 재할당이 가능하기 때문에 생긴 문제점 // 이미 만들어진 변수이름으로 재선언했는데 아무런 문제가 발생하지 않습니다. var a = 'test' var a = 'test2' // hoisting으로 인해 ReferenceError에러가 나지 않습니다. c = 'test' var c es2015에 추가된 let, const는? // let let a = 'test' let a = 'test2' // Uncau.. 2022. 5. 10.