전체 글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. 이미지 변경 적용 안됨 / css 변경 적용 안됨 (style 변경) / 자바스크립트 변경 적용 안됨 이슈 수정해도 적용이 안되는 이유는 브라우저에 캐시가 남아있기 때문. 따라서 강력새로고침 혹은 브라우저의 캐시를 삭제하면 적용이 됨. 그러나 매번 유저에게 강력새로고침 혹은 캐시 삭제를 요구할 수 없기때문에 css, js 파일의 경우 ver을 추가하고, 업데이트 해주는 것이 좋다. 또한 이미지의 경우 변경시, 이미지의 파일명을 변경해주는 것이 좋다. 2024. 3. 14. air-datepicker(2.2.3ver) datepicker 의 년도값만 변경시, selectDate() 적용안됨 오류 air-datepicker 2.2.3버전을 사용중에 이슈사항이 있었음 datepicker 의 view(기본보이는화면)이 days 형식일떄 (캘랜더처럼 나올때 맞음) 해당 val 값이나, selectDate 로 해당값을 바꾸려 할때 년도값만 바뀌면 적용이 되지 않는 문제가 있었음 이게 무슨말이냐? 함은 나 경우엔 년도 ▼ (select) 월 ▼ (select) yyyy-mm-dd (datepicker) ~ yyyy-mm-dd (datepicker) 위와 같은 형식으로 사용하려고 했음. yyyy-mm-dd ~ yyyy-mm-dd 는 오늘날짜 기준으로 한달 단위로 기본 세팅을 해놓고 년도와,월 선택이 그 선택한 값에 따라 datepicker에 값을 적용시켜주기로했음.. 근데 년도만 바뀌면 datepicker에.. 2024. 2. 23. 이전 1 2 3 4 ··· 19 다음