JavaScript 2

[react]리액트 sass-loader 설정시 prependData 오류

새로운 프로젝트 제작을 위해 리액트 서적을 구매하여 공부를 하는 중에 sass-loader 설정을 커스터마이징 하는 챕터에서 계속 prependData 항목이 없다며 에러를 출력했다. 오타 없이 제대로 입력했고 구글에 prependData라고 검색을 하니 제대로 리액트를 설명하는 다른 블로그도 보였다. 그래서 조금 찾아보니 이전에는 prependData가 data에서 변경이 되었다는 글을 확인하였다. 위 에러 화면을 보면 마지막 줄에 object의 내용을 보면 option 항목에 사용되는 프로퍼티를 알려주고 있다. 그리고 세번째를 보면 'additionalData'라고 되어있다. 이름에 Data가 들어가서 저걸로 변경을 해 보니 에러 없이 적용이 되었다. { test: sassRegex, exclude:..

JavaScript/React 2021.02.27

[JavaScript]바닐라 JS로 ajax 사용하기(XMLHttpRequest)

현재 가지고 있는 자바스크립트 책들이 jquery를 사용하는 것을 기준으로 설명이 되어 있어서 $.ajax 함수만 설명이 되어 있다. 공부를 겸해서 바닐라 JS로만 프로젝트를 작성하는 연습을 하고 있기에 조금 찾아 보았다. 자바스크립트에는 XMLHttpRequest라는 API가 있다. XML이라는 이름 처럼 원래는 XML을 전송하는 목적이었지만 json이나 일반적인 텍스트는 물론 파일까지도 전송이 가능하다. ajax라는 이름도 비동기 자바스크립트와 XML(Asynchronous JavaScript And XML)다. ajax를 통해 웹사이트와 서버간에 비동기적으로 통신이 가능하다. 페이지 새로고침이나 변경 없이 통신이 가능하다는 것이다. 몇년 전부터 계속 화두가 되고 있는 싱글 페이지 애플리케이션(Sin..