코딩하는 둥둥

파일 File 의미있는 정보를 담고 있으며, 이름을 가지고 있는 저장 장치상의 논리적인 단위 바이너리 파일(binary file)과 텍스트 파일(text file) 두 종류로 나뉜다. 바이너리 파일 binary file 데이터의 저장과 처리를 목적으로 한 0과 1의 이진 형식으로 인코딩 된 파일 프로그램이 이 파일의 데이터를 읽거나 쓸 때는 데이터의 어떠한 변환도 일어나지 않는다. 엄밀히 따지면, 모든 data 혹은 파일은 binary data이다. 모든 텍스트 파일은 바이너리 파일이다. 하지만 모든 바이너리 파일이 텍스트 파일인 것은 아니다. 텍스트 파일 text file 사람이 알아 볼 수 있는 문자열로 이루어진 파일 프로그램이 이 파일의 데이터를 읽거나 쓸 때는 포맷 형식에 따라 데이터의 변환이 일..

[vue-router] Router must be called with the new operator. Uncaught TypeError: Cannot read properties of undefined (reading 'install') vue create 프로젝트명으로 개발 환경 구현중 발생한 오류이다. 결론적으로 말하면 vue2를 사용할 경우에는 vue-router3버전을 사용해야 한다. vue2로 프로젝트를 만든 후에 npm install vue-router을 사용해 vue-router을 설치했는데, 이 과정에서 자동적으로 vue-router4버전대가 설치되었다. References. https://velog.io/@k_jihye92/Vuevue-router-cannot-read-propertie..

[Violation] 'setInterval' handler took 158ms Chrome 위반은 Chrome 또는 자체 웹 앱의 오류를 나타내지 않고, 앱을 개선하는데 도움이 되는 경고이다. 이 경고가 발생할 경우 스크립트 속도를 높일 수 있는 기회가 있다. 오래 걸리는 스크립트의 경우 무조건 비동기 메서드(promise 등) 쓰라는 가이드 setTimeout과 같은 비동기 함수 내부에서 중단점을 사용해 코드를 디버깅할때도 이러한 종류의 메세지가 표시될 수 있다. 이 경우 숫자는 비동기 함수에서 멈추는 시간에 따라 다르다. 나의 경우 setInterval 함수를 중단하는 과정에서 발생하는 경고였다. okky에서 본바에 따르면 실 사용시 추천하지 않는다고,,,? DOM 이벤트 사용? Re..

Undefined attribute name Eclipse에서 HTML5 콘텐츠로 awesome-font의 CDN을 삽입했을때 발생한 경고이다. 기능이 돌아가는데에는 문제가 없지만 경고표시가 계속 떠 있는것이 살짝 눈에 거슬려서 어떤 경고인지 알아보았다. 해당 오류는 Eclipse에서 HTML5 요소와 속성을 검증하는데 문제가 있기때문에 발생한 경고로, HTML에서 지정하지 않은 속성을 사용하고 있을때 발생한다. 추가 속성을 사용해야 하는 경우라면 어쩔수 없이 이 경고를 무시해줘야한다. 경고 무시하는 방법 Window > Preferences > Web > HTML Files > Validation > Attributes >Undefined attribute name: Ignore References. ..

crossorigin 요청 모드를 HTTP CORS 요청으로 설정 요소에 따라 속성은 CORS 설정 속성이 될 수 있다. CORS (Cross-Origin Resource Sharing) 웹페이지의 리소스를 자체 도메인 외부의 다른 도메인에서 요청할 수 있도록 하는 메커니즘 교차 출처 요청을 허용하는것이 안전한지 여부를 결정하기 위해 브라우저와 서버가 상호 작용하는 방법을 정의한다. CORS를 통해 서버의 자산에 액세스할 수 있는 사람 지정 가능 교차 출처 요청 동일 출처 요청을 제외한 나머지 다른 도메인의 리소스(스타일시트, iframe, 이미지, 글꼴 or 스크립트)에 대한 요청 웹 페이지는 동일한 서버에 있는 다른 문서와만 상호작용할 수 있다. 서로 상호 작용하는 문서가 동일한 출처(도메인)을 가져..

호출 스케줄링 scheduling a call 일정 시간이 지난 이후에 원하는 함수를 실행(호출)할 수 있게 하는것을 말한다. 자바스크립트 명세서에는 해당 내용이 명시되어 있지 않지만, 시중에 나와있는 자바스크립트 호스트 환경 대부분이 이와 유사한 메서드와 내부 스케줄러를 지원한다. setTimeout let timerId = setTimeout(func|code, [delay], [arg1], [arg2], ...) func/code 실행하고자 하는 코드로, 함수 또는 문자열 형태 대개 함수가 들어가며, 하위 호환성을 위해 문자열도 받을수 있지만 추천하지 않는다. delay 실행 전 대기 시간. 단위는 밀리초(millisecond, 1000밀리초 = 1초)이며 기본값은 0이다. arg1, arg2.....

호출 스케줄링 scheduling a call 일정 시간이 지난 이후에 원하는 함수를 실행(호출)할 수 있게 하는것을 말한다. 자바스크립트 명세서에는 해당 내용이 명시되어 있지 않지만, 시중에 나와있는 자바스크립트 호스트 환경 대부분이 이와 유사한 메서드와 내부 스케줄러를 지원한다. setInterval let timerId = setInterval(func|code, [delay], [arg1], [arg2], ...) func/code 실행하고자 하는 코드로, 함수 또는 문자열 형태 대개 함수가 들어가며, 하위 호환성을 위해 문자열도 받을수 있지만 추천하지 않는다. delay 실행 전 대기 시간. 단위는 밀리초(millisecond, 1000밀리초 = 1초)이며 기본값은 0이다. arg1, arg2...

Math.floor 숫자를 항상 가까운 정수로 반올림한다. Math.floor(1.6); // 1 Math.floor(2.2); // 2 References. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor https://www.w3schools.com/jsref/jsref_floor.asp

scrollY window 문서가 현재 세로로 스크롤 된 픽셀 수를 반환한다. (세로 스크롤 정보를 가져온다.) 현재 viewport 상단 가장자리의 Y좌표를 반환하며, viewport가 없으면 반환된 값은 0이다. 문서가 위/아래로 전혀 스크롤되지 않으면 scrollY 0 이다. 읽기 전용 속성이다. 브라우저 호환성 : Internet Explorer(IE)를 제외하고 모두 지원하며, 일부 모바일 환경에서는 ?(알수없음)으로 표시된다. pageYOffset scrollY 속성과 동일하며, 브라우저간 호환성을 위해 scrollY대신 사용할 수 있다. 오래된 브라우저의 경우 scrollY대신 window.pageYOffset만 지원 할 수 있기때문에 pageYOffset 사용을 권장한다. 웹 문서가 수직으..

overflow 요소 내의 컨텐츠가 너무 커서 요소 내에 모두 보여주기 힘들때, 그것을 어떻게 보여줄지를 지정한다. 컨텐츠를 포함하고있는 요소의 크기가 고정되어있지 않다면 컨텐츠를 모두 포함할 수 있도록 크기가 커진다. 크기가 고정되어있다면 overflow 프로퍼티에 지정된 값에 따라 보여지게 된다. overflow에서 사용할 수 있는 값 visible : 기본값. 넘칠 경우 컨텐츠가 상자 밖으로 보여진다. hidden : 넘치는 부분은 잘려서 보여지지 않는다. scroll : 스크롤바가 추가되어 스크롤 할 수 있다. (가로, 세로 모두 추가 가능) auto : 컨텐츠 양에 따라 스크롤바를 추가할지 자동으로 결정.(필요에 따라 가로, 세로 별도로 추가 가능) References. https://offby..