웹 개발을 하다 보면 항상 마주치는 순간이 CORS(Cross-Origin Resource Sharing) 에러이다. 클라이언트 서버와 API 서버의 포트가 다르면 자주 발생하는 에러이다. 그래서 에러가 발생하는 순간 '아! 이건 서버에서 처리를 해주어야겠다' 생각이 들 것이다. 간단한 해결 방법으로, Access-Control-Allow-Origin을 이용해 서버 측에서 클라이언트의 포트를 열어주면 된다. 하지만, 우리가 원하는 것은 로그인 이후의 동작 등과 같이 인증과 관련된 데이터를 담거나 받고 싶을 때이다. withCredentials Option 기본적으로 브라우저가 제공하는 요청 API 들은 별도의 옵션 없이 인증과 관련된 데이터를 함부로 요청 데이터에 담지 않도록 되어있다. 이는 응답을 받..
입사할 때에는 프론트엔드 개발자(리액트)였지만, 이번 프로젝트에서는 앵귤러 + 자바(스프링 부트)로 된 프로젝트를 개발하게 됐다. 프론트를 시작하면 package.json을 먼저 살펴보듯이 application.yml을 먼저 살펴보았다. 파이썬처럼 Indent로 구분하나 보군.string은 큰 따옴표("")로 묶지 않아도 되는구나.대시(-) 있는 것과 없는 것의 차이는 뭘까?... 문법이 궁금해졌다. YAML 파일이란? YAML 파일은 .yml 또는 .yaml 확장자를 사용하며 특정 구문 규칙을 따른다.[.yaml 과 .yml 차이점]결론부터 말하자면 yaml과 yml파일 확장자는 모두 해석 및 구문이 동일하다.이렇게 분리된 이유는, 옛날 Windows에서 Extensions는 파일확장자가 3자로 제한되..
- Total
- Today
- Yesterday
- useMemo
- this
- yml
- 리액트
- React Native
- jdk
- button
- jenv
- zoom
- custom hooks
- 상태관리
- touchableopacity
- css
- yaml
- React
- javascript
- Pressable
- useState
- background-attachment
- window.location
- bind
- useReducer
- withcredentials
- 고정
- React Hooks
- 스크롤
- CORS
- useRef
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |