본문 바로가기
반응형

Javascript5

[Javascript] error  Expected linebreaks to be 'LF' but found 'CRLF'  linebreak-style 해결 방법 문제 윈도우에서 웹팩으로 번들 만들 때 eslintrc 설정을 빼먹어서 아래와 같은 에러가 나는 경우가 있습니다. error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 원인 eslint에서 linebreak-style 옵션을 명시하지 않는 경우 개행을 체크할 때 ["error", "unix"] 가 사용됩니다. unix에선 개행이 LF 인 반면에 윈도우에선 CRLF를 사용합니다. (LF : line feed ("\n"), CR : carriage returns ("\r")) 그래서 옵션을 안 바꾸 고 윈도우에서 돌리면 에러가 발생합니다. 해결책 그럼 .eslintrc에 rules에 linebreak-style을 설정해주면 해결됩니다. .. 2021. 1. 24.
[Javascript] ajax 라이브러리 사용 방법 (jQuery, axios) ajax를 사용할 수 있는 jQuery, axios 라이브러리에서 성공, 실패, 항상 이 3단계를 어떻게 나타내는지 설명하겠습니다. jQuery jQuery의 ajax 사용 방식은 1.5 이전, 1.5 이후로 나뉩니다. 1.5 이전 1.5 이전엔 success, fail, complete 옵션을 이용한 callback 방식을 사용했습니다. $.ajax({ url : '/member/1', type : 'get', data : data, success : function(data) { // 성공 }, error : function(error) { // 에러 }, complete : function() { // 항상 } }); 1.5 이후 1.5 이후엔 promise 기반으로 변경됐습니다. done (성공).. 2020. 6. 8.
[React] IE 11에서 create-react-app 프로젝트 실행 시 SCRIPT1002 오류 해결법 create-react-app 으로 만든 프로젝트를 IE 11에서 테스트해보니 갑자기 빈화면이 나와 콘솔을 보니 SCRIPT1002 에러가 발생해서 실행이 되지 않았던 것이였습니다. 이게 발생하는 이유는 IE 11에서 개발할 때 필요한 설정을 안해서 그런 것이였습니다. (망할 IE....) 1. react-app-polyfill 설치 npm i --save react-app-polyfill 2. index.js에 import react-app-polyfill/ie11, react-app-polyfill/stable 추가 /* 이 부분 추가 */ import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; /* ---------- */ imp.. 2020. 6. 7.
[Javascript] IE 11 Ajax Caching 끄기 (jQuery, axios) 개발 테스트 중 크롬에서는 괜찮은데 IE 10, 11에서 ajax 결괏값이 안 바뀌는 현상이 발생했습니다. 너무 이상해서 찾아보니 IE 10부터는 ajax caching이 get 요청이면서 요청 URL이 이전과 동일하면 브라우저 자체에서 caching을 한답니다... (망할 IE...) 해결책 찾아보니 총 3가지의 해결책이 있었는데 하나하나 예를 들면서 설명해보겠습니다. ajax 사용할 때 jQuery, axios 2개의 라이브러리를 가장 많이 사용할 거로 생각됩니다. jQuery와 axios 각각 해결방법이 약간 달라 2개를 비교하면서 설명하겠습니다. 1. get 대신 post를 사용한다. 이 방법은 get 요청할 경우에만 캐싱이 되니깐 post를 사용하라는데 사실 restful 하지 않기 때문에 이 .. 2020. 6. 7.
[React] 1분만에 React 프로젝트 구축하기 create-reac-app 라이브러리를 통해 1분만에 React 프로젝트를 구축해보겠습니다. 1. Nodejs 설치하기 Windows Nodejs 공식 홈페이지 접속 -> 내 운영체제에 맞는 .msi 파일 다운로드 후 설치 * LTS : Long-Term Support (Stable 버전) Mac (Linux 도 동일) mac에선 nvm (Node Version Manager) 을 이용해서 설치합니다. nvm 설치 -> nvm install 명령어로 npm LTS ver. 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash nvm install -- LTS Ver. 2. create-react-app 설치 .. 2020. 6. 7.
반응형

티스토리툴바