소소한 코딩일지

Vue 프로젝트를 빌드할 때 제목과 같은 개행 문자 오류가 발생하는 경우가 있다. 윈도와 UNIX 계열 OS들의 줄 바꿈을 처리하는 방식이 달라서 발생하는 오류이다. OS에 따라 개행문자는 다음과 같다. Windows \r\n UNIX(Linux 및 Mac OS X 이상) \n Classic Mac OS 9 이하 \r 그리고 개행 문자를 원어로 쓰면 CR ( Carriage Return ) 현재라인의 커서를 맨 앞으로 옮기는 동작 - \r LF ( Line Feed ) 커서의 위치를 그대로 두고, 한 라인 아래로 내리는 동작 - \n 따라서 윈도우의 경우 CRLF 방식, UNIX의 경우 LF 방식으로 개행 문자를 표현하고 있다. 이런 오류가 발생 했을 경우, 아래처럼 .eslintrc.js 파일의 rul..

영화 사전 웹을 만들면서 메인 페이지의 검색 바에서 검색어를 Submit 했을 때, Search 페이지에서 값을 받아 결과를 반영해주고자 했다. 값은 잘 넘어오지만 Reload 되지 않은 화면만 나왔다. 위 코드로 메인 페이지에서 값은 잘 받아지지만 reload 되지 않는 이슈가 있다. 해결 방식을 구글링해보니 다음과 같다. 1. react-router-dom 과 history라이브러리의 버전을 맞추어주는 것 2. 내가 해결한 방법 1번 방식을 시도했지만 프로젝트를 시작하면서 history를 따로 설치해주었던 기억이 없었고, 좀 더 간단한 방법이 있을 것 같아 다른 방법을 찾아보았다. 내가 해결한 방법은 다음과 같다. 시행착오 끝에 생각보다 단순하게 이슈가 해결되었다. 메인 화면에서 값을 받아 searc..

Full Code const getHtml = async (url) => { try { return await axios.get(url); } catch (error) { console.error(error); } }; getHtml(url) .then(html => { db.collection('top10').drop(); var urlobj = [] var $ = cheerio.load(html.data); var $movieList = $('div.lst_wrap ul.lst_detail_t1').children('li'); $movieList.each(function (i) { if (i > 9) { return urlobj} var detail_url = 'https://movie.naver.c..