현재 active.js와 map.js 두 개의 파일로 나누어진 두 파일이 공통으로 사용하는 함수를 모듈로 만들어 재사용성을 높이고 무엇보다 코드량을 줄여 가독성을 높이기 위해 모듈시스템을 적용하기로 했다. 1. webpack 설정하기 여러 modules로 쪼개진 js파일들을 합치기 위해 webpack으로 bundling해줄 필요가 있어서 다음과 ...

1. CORS error CORS error는 브라우저에서 다른 도메인(서버)으로 요청을 보낼 때 이것이 브라우저 보안에 위협이 될 수 있다고 판단한 브라우저가 브라우저 보안정책에 따라 해당 요청이 보안에 위협이 될 수 있다고 보내는 에러이다. 백엔드와 프론트엔드의 도메인 주소가 다른 경우 이런 문제가 발생할 수 있다. 여기서 포인트는 '이를...

1. non-boolean attribute warning Warning: Received false for a non-boolean attribute prefetch. If you want to write it to the DOM, pass a string instead: prefetch=”false” or prefetch={value...

1. cookie 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어졌다. 쿠키는 브라우저가 서버로 HTTP 요청을 보낼 때 서버에 누가 요청을 보냈는지를 알려준다. 그래서 서버가 브라우저에서 보낸 요청에 대한 응답을 다시 보낼 곳을 알려준다. 4kb 용량 제한을 가진다. 쿠키가 용량이 크면 매번 왔다갔다 하므로 서버 트래픽을 많...

모듈 시스템 코딩을 하다보면 한 파일의 길이가 길어질 수 있는데 이를 여러 파일로 쪼개서 관리하면 가독성도 높이고 재사용성도 얻을 수 있다. 모듈 시스템은 해당 웹페이지에 필요한 리소스 파일들을 관리하고, 현재 파일이 어떤 패키지를 필요로 하는지 보여주는 의존성을 관리하기 위해 도입되었다. 모듈은 export 방식의 차이에 따라 다르게 import해...

1. EC2 서버에서 JavaScript heap out of memory 문제 발생 AWS에 배포하는 과정에서 용량 때문에 heap이 터지는 문제가 발생했다. FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap o...

프로그래머스에서 문제 확인하기 1. filter를 이용해 각 단계의 실패율을 배열 arr에 담아준다 function solution(N, stages) { let totalNum = stages.length; let arr = []; for (let i = 1; i <= N; i++) { let stage...

프로그래머스에서 문제 확인하기 1. board에서 선택된 인형들을 result 배열에 담기 count = 0 이면 board의 첫번째 열의 값들을 b[m - 1]로 찾을 수 있다. b[m - 1] = 0,0,0,4,3 result에 0이 아닌 값을 가진 첫번째 인형 [4] 가 담기면 b[m - 1] = 0로 board에서 선택된 인형의 값 [4...

이 글은 zerocho blog: 객체의 복사 의 내용을 정리하며 복습하기위해 작성되었습니다. 1. 문자열, 숫자, 불린의 경우 값이 바로 복사된다. let string = 'string'; let copy = string; console.log(copy); // 'string' copy = 'str'; console.log(string);...

cotes2020/jekyll-theme-chirpy에 포스팅을 하는 중 github ACTION tab에서 자꾸 page build error가 발생했다. jekyll-theme-chirpy 설명서를 보면 배포할 때 master branch로 push하면 자동으로 gh-pages가 생성될 것이라 나오는데 나의 경우 _config.yml파일에 문...