분류 전체보기111 (vue3/axios) 서버(백엔드)에서 허용해줬음에도 불구하고 CORS 오류 뜰때 1. 서버에서 허용한 포트 확인2. 서버에서 허용한 메서드 확인 -> "OPTIONS" 꼭 있어야함 (GET, POST. 등)(axios는 OPTIONS 메서드로 프리플라이트 요청을 하기에 이를 허용해주어야함)3. 서버에서 withCredentials: true라면 프론트에서도 axios 요청시 withCredentials: true 옵션 있어야함4. 프론트에서 axios 헤더에 'Access-Control-Allow-Origin': '*' 포함시키면 안됨. 이설정은 프론트에서 해주는게 아님. 2024. 6. 19. 웹 헤더와 호스트 웹 요청 헤더(Header)- 헤더는 HTTP 요청 또는 응답에 대한 메타데이터를 담고있는 부분- 헤더는 키-값 쌍으로 이루어져있다.- 예를들면, 클라이언트의 브라우저 정보, 요청한 리소스의 언어, 콘텐츠 타입등을 나타낼 수 있다. GET /api/data HTTP/1.1Host: localhost:5173User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36Accept: application/json(HTTP 요청 헤더의 예시)- GET / api /data HTTP/1.1요청 라인, 요청메소드(get), 경로(/api/data),.. 2024. 5. 27. vue3(composition API) 에서 chart.js 실시간 차트(chartjs-plugin-streaming) 사용하기 기존에 진행했던 프로젝트를 vue3로 변경하게 되면서 굉장히 많은 난관에 부딪혔다. 그 중 하나가 chart.js 이다. 내가 필요한건 실시간차트 라인 차트였고 기존 프로젝트에서도 chart.js를 사용했었으니 그리 어려운게 아니라 생각했는데,,,, 나의 오산이었고. 바로 시작해보겠슴다. 일단 vue3 최신버전 사용 (composition API / vite 기반) 에서 사용할때 이야기입니다. (글 작성하는 현재 vue3 버전은 v.3.4.21 에서 진행하였습니다.) vue3에서 chart.js를 사용할 경우 필요한 라이브러리는 아래와같다. 1. chart.js (당연함) 2. vue-chartjs (vue에서chart.js를 보다 간단하게 사용하도록 도와준다.) 추가로 실시간차트를 사용할 경우엔. 3... 2024. 4. 18. <!DOCTYPE html> 선언 선언을 추가했을 때 스타일이 깨지는 현상은, 웹 브라우저가 "퀼크스 모드(quirks mode)"에서 "표준 모드(standards mode)"로 전환되었기 때문에 발생할 수 있습니다. 이 전환은 문서의 렌더링 방식에 영향을 미치며, 특히 CSS 해석과 레이아웃 처리에서 차이를 가져올 수 있습니다. 퀼크스 모드(Quirks Mode)와 표준 모드(Standards Mode) 퀼크스 모드: 과거의 웹 표준이나 비표준적인 동작을 에뮬레이션하여, 오래된 웹 사이트가 현대의 브라우저에서도 "예상대로" 작동하도록 합니다. 선언이 누락되었거나, 구식의 doctype이 사용되면, 브라우저는 퀼크스 모드로 렌더링을 시도할 수 있습니다. 표준 모드: 웹 브라우저가 가능한 한 표준에 가깝게 문서를 렌더링하려고 시도하는 모.. 2024. 3. 20. 이전 1 2 3 4 ··· 28 다음