melius

타이어 측면(side wall)에 타이어 코드가 표기되어 있다. 185 / 65 R 14 85 H 타이어 코드의 의미는 아래와 같다. 185 단면폭(mm) 65 편평비(%) R 타이어 섬유 구조 14 림경(inch) 85 하중지수 H 속도지수 1) 단면폭(mm) 타이어 가로 너비(폭) 2) 편평비(%) 단면높이 = (타이어 외경 - 타이어 내경)/2 편평비 = 단면높이/단면폭 x 100(%) 3) 타이어 섬유 구조 R: 레디얼 타이어 B: 바이어스 타이어 D: 다이아고날 타이어 4) 림경(inch) 림경 = 타이어 내경 = 휠 직경 5) 하중지수 타이어의 최대하중을 나타내는 기호 하중지수: 85 => 515kg 6) 속도지수 타이어의 최대속도를 나타내는 기호 속도지수: H => 210km/h https:..

https://handlebarsjs.com/ 1. HTML 파일내에서 사용하기 HTML 파일내에서 Handlebars 템플릿 양식을 생성하려면 아래와 같이 script 태그를 이용하여 생성하면된다. 템플릿 식별을 위하여 id 속성을 사용한다. 2. 외부 템플릿 파일(hbs)로 사용하기 템플릿 양식을 HTML 파일내에서 생성하지 않고 외부의 Handlebars(hbs) 파일을 생성할 수도 있다. {{!-- template.hbs --}} {{key1}} {{key2}} 생성한 템플릿은 파일은 아래와 같이 ajax를 이용하여 접근할 수 있다. let template_file = "./hbs/template.hbs"; $.ajax(template_file).done(function (template_html..

https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation https://developer.mozilla.org/en-US/docs/Web/API/Screen/lockOrientation https://usefulangle.com/post/105/javascript-change-screen-orientation https://www.jotform.com/blog/html5-screen-orientation-api-uses-javascript-to-rotate-the-screen-89639/ https://code-boxx.c..

1. vh 단위 CSS의 vh 단위는 Viewport의 높이값을 기준으로 1%의 높이를 나타낸다. margin-top이나 margin-bottom의 % 단위의 기준은 상위요소의 높이가 아니라 너비이므로 상위요소의 높이를 기준으로 설계시에 vh 단위가 유용하다. 2. 가상 키보드 모바일 디바이스의 경우에는 문자입력시 가상 키보드가 나타나는데, 가상키보드는 뷰포트의 사이즈를 줄이므로 vh 단위를 사용한 경우에 원치 않는 레이아웃이 나타날 수 있다. 3. 모바일 브라우저에서의 해법 가상 키보드에 의해서 뷰포트가 줄어 드는것을 방지하기 위해서 meta 태그에 뷰포트 설정값을 고정값으로 세팅하면 된다. 4. Cordova에서의 해법 Cordova는 meta 태그에 뷰포트 설정값을 인식하지 못하므로, vh 단위를 ..

Keyboard shortcuts for VS Code ctrl + shift + N 새창 열기 ctrl + shift + C Command Prompt 열기 ctrl + J Terminal 열기 alt + shift + up 복사하고 붙혀넣기 alt + (up or down) 줄이동 alt + shift + mouse drag 박스형태로 선택, 여러줄 편집 ctrl + ('+' or '-' or NumPad0) 확대, 축소, 리셋 https://demun.github.io/vscode-tutorial/shortcuts/ Setting 값 변경 방식 설정 https://code.visualstudio.com/docs/getstarted/settings 메뉴에서 File > Preferences > Set..

1. 배열(Array) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array 1) 배열생성 배열은 배열 리터럴(Array Literal)을 이용하여 생성할 수 있다. var arr = [1, null, undefined, function () {}, { x: 2, y: 4 }]; console.log(arr[0]);// 1 delete arr[0]; console.log(arr);// [empty, null, undefined, ƒ, {…}] console.log(arr[0]);// undefined 배열도 객체이며 내장객체 Array 생성자 함수를 이용하여 배열을 생성할 수 있다. var arr1 = ..

1. meta 태그 HTML 문서의 meta 태그는 문서의 정보(metadata)를 제공한다. 해당 metadata는 검색엔진이나 브라우저에서 사용한다. HTML 문서의 head 태그안에 작성된다. 2. 뷰포트(Viewport) 뷰포트란 웹 문서의 내용이 화면에 보이는 영역을 말하면, 단위는 웹문서 기준 픽셀이다. 1) 데스크탑 브라우저 뷰포트 크기는 브라우저에서 웹문서가 보여지는 영역의 크기와 같다. (보이는 영역 == 뷰포트) 문서를 확대하면, 디바이스(데스크탑) 기준 뷰포트의 크기가 고정이므로 웹문서 기준 뷰포트의 크기는 작아진다. meta 태그로 뷰포트를 설정할 수 없다.(해당 태그 무시) 2) 모바일 브라우저 확대/축소 메커니즘이 데스크탑 브라우저와 달라서 뷰포트와 화면에 보이는 영역의 크기가 ..

1. 실행문맥(Execution Context) 실행문맥(Execution Context)은 함수와 같은 코드블록이 실행되는 환경이다. 함수호출시에 실행문맥이 생성되어 콜 스택에 쌓인다. 실행문맥이 생성되면, 1) 변수객체(Variable Object) 생성 코드블록이 사용할 변수를 담는 변수객체(Variable Object)를 생성한다. 변수객체에는 함수의 인수를 담는 변수인 arguments와 코드블록 내에 선언된 지역변수가 생성된다. 전역실행문맥의 변수객체인 전역객체(Global Object)에는 함수과 같이 인수가 없으므로 arguments 객체가 없다. 함수실행문맥의 변수객체를 활성객체(Activation Object)라 한다. 2) 스코프 체인(Scope Chain) 생성 변수의 유효범위를 나..