𝙵𝚛𝚘𝚗𝚝𝚎𝚗𝚍

웹 애플리케이션에서 클라이언트와 서버 간 데이터를 주고받을 때, 특히 파일 업로드와 JSON 데이터를 함께 처리해야 하는 경우, 올바른 Content-Type 설정이 중요하다. 최근 프로젝트에서 FormData를 사용하여 데이터를 서버로 전송하던 중 HttpMediaTypeNotSupportedException: Content-Type 'application/octet-stream' is not supported 오류를 만났다. 이 오류는 클라이언트에서 보내는 요청의 Content-Type이 서버에서 지원하지 않는 형식일 때 발생한다. 이를 해결하기 위해 클라이언트 코드와 서버 간의 데이터 직렬화 및 전송 방식을 수정했다.    문제 발생클라이언트에서 FormData를 사용해 데이터를 전송할 때, 객체..

1. "Not allowed to load local resource" 오류의 원인로컬 파일을 브라우저에서 열려고 할 때, 브라우저의 보안 정책은 file:/// 프로토콜을 통해 파일 접근을 제한한다.   2. Apache HTTP Server 설치 및 실행https://www.apachelounge.com/download/ Apache Lounge에서 Apache HTTP Server 2.4.x 버전을 다운로드한다.ZIP 파일을 다운로드한 후, 적절한 디렉터리(예: C:\Apache24)에 압축을 푼다.  cd C:\Apache24\bin# Apache bin 폴더로 이동httpd -k start# 서버 실행 실행 후 브라우저에 http://localhost를 입력하면 서버가 실행 중인 것을 확인할 수..

Vue는 무엇인가?MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리이다.  View브라우저에서 사용자에게 비쳐지는 화면이다. 입력박스, 버튼 등이 view에 해당하고,html은 dom을 이용해서 javascript로 조작을 할 수 있게끔 구성이 되어 있다.  Vue 특정 사용자가 키보드를 입력하거나 마우스를 클릭하면 이벤트가 발생하게 된다.그 이벤트를 중간에 view에서 dom listeners로 청취하게 된다.그런 이벤트를잡아서 javascript에 있는 데이터를 갖고와 주거나 혹은 이 javascript에 지정했던 특정 로직에서 실행하게 된다. 그래서 javascript 데이터가 변했을 때는 data Bindings를 하게되는데 만약, 문자열이 바뀌거나 숫자가 ..

Chrome, Visual Studio Code, Node.js, Vue.js devtools(chrome 확장 프로그램) 설치하기. Visual Studio 플러그인 설치총 4개를 설치해야한다.vetur 설치Materal Icon Theme 설치Night Owl 설치Live Server 설치  Vetur 설치  Materal Icon Theme 설치   Night Owl 설치    Live Server 설치       그 외로 추가하면 좋은 것들    Visual Studio 플러그인 적용하기File > Preferences > Theme > File Icon Theme 클릭을 하면     위와 같이 보이는데 Material Icon Theme로 설정해주기     Theme > Color Theme 클..