코딩하다 현타올 때

질문 : Value으로 JavaScript 객체에서 키를 얻는 방법은 무엇입니까? 연관 배열로 사용하는 아주 간단한 JavaScript 객체가 있습니다. 값에 대한 키를 얻을 수있는 간단한 기능이 있습니까? 아니면 객체를 반복하여 수동으로 찾아야합니까? 답변 function getKeyByValue(object, value) { return Object.keys(object).find(key => object[key] === value); } ES6, 프로토 타입 변형 또는 외부 라이브러리 없음. 예, function getKeyByValue(object, value) { return Object.keys(object).find(key => object[key] === value); } const map..

질문 : Html.Partial vs Html.RenderPartial & Html.Action vs Html.RenderAction ASP.NET MVC에서 다음의 차이점은 무엇입니까? Html.Partial 및 Html.RenderPartial Html.Action 및 Html.RenderAction 답변 Html.Partial 은 문자열을 반환합니다. Html.RenderPartial 은 Write 내부적으로 void 반환합니다. 기본 사용법은 다음과 같습니다. // Razor syntax @Html.Partial("ViewName") @{ Html.RenderPartial("ViewName"); } // WebView syntax 위의 스 니펫에서 두 호출 모두 동일한 결과를 생성합니다. 하나의 ..

질문 : JavaScript에서 배열 요소 삭제 - delete vs splice Array.splice 메서드를 사용하는 것과 반대로 배열 요소 에서 delete 연산자 를 사용하는 것의 차이점은 무엇입니까? 예를 들면 : myArray = ['a', 'b', 'c', 'd']; delete myArray[1]; // or myArray.splice (1, 1); 객체로 할 수있는 것처럼 배열 요소를 삭제할 수 있는데 왜 splice 방법이 있습니까? 답변 delete 는 객체 속성을 삭제하지만 배열을 다시 인덱싱하거나 길이를 업데이트하지 않습니다. 이렇게하면 정의되지 않은 것처럼 보입니다. > myArray = ['a', 'b', 'c', 'd'] ["a", "b", "c", "d"] > delete..

질문 : Notepad++에서 JSON을 다시 포맷하는 방법은 무엇입니까? 여기에서 json 문자열을 가져 오려면 메모장 ++이 필요합니다. {"menu": {"id": "file","value": "File","popup": {"menuitem": [{"value": "New", "onclick": "CreateNewDoc()"},{"value": "Open", "onclick": "OpenDoc()"},{"value": "Close", "onclick": "CloseDoc()"}]}}} 이에... {"menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {..

질문 : Node.js와 함께 jQuery를 사용할 수 있습니까? Node.js를 사용하여 서버 측에서 jQuery 선택기 / DOM 조작을 사용할 수 있습니까? 답변 업데이트 (27-Jun-18) jsdom 에 대한 주요 업데이트로 인해 원래 답변이 더 이상 작동하지 않는 것 같습니다. 지금 jsdom 을 사용하는 방법을 설명하는 이 답변을 찾았습니다. 아래 관련 코드를 복사했습니다. var jsdom = require("jsdom"); const { JSDOM } = jsdom; const { window } = new JSDOM(); const { document } = (new JSDOM('')).window; global.document = document; var $ = jQuery = req..

질문 : Node.js 빠른 파일 서버 (HTTP를 통한 정적 파일) HTTP를 통해 폴더 콘텐츠를 파일 서버로 노출하는 데 도움이되는 Node.js 즉시 사용 가능한 도구 ( npm 예, 내가 가진 경우 D:\Folder\file.zip D:\Folder\file2.html D:\Folder\folder\file-in-folder.jpg D:\Folder\ node node-file-server.js 에서 시작하여 다음을 통해 파일에 액세스 할 수 있습니다. http://hostname/file.zip http://hostname/file2.html http://hostname/folder/file-in-folder.jpg 내 노드 정적 파일 서버가 요청을 삭제하는 이유는 무엇입니까? 신비로운 참조 표..

질문 : 동적 너비와 동일한 높이 (CSS 유동 레이아웃) 너비와 동일한 높이 (비율 1 : 1)를 설정할 수 있습니까? 예 +----------+ | body | | 1:3 | | | | +------+ | | | div | | | | 1:1 | | | +------+ | | | | | | | | | | | +----------+ CSS div { width: 80%; height: same-as-width } 답변 jQuery를 사용하면 다음과 같이 할 수 있습니다. var cw = $('.child').width(); $('.child').css({'height':cw+'px'}); 출처 : https://stackoverflow.com/questions/5445491/height-equal-to-..

질문 : Unix 타임 스탬프를 JavaScript의 시간으로 변환MySQL 데이터베이스에 Unix 타임 스탬프로 시간을 저장하고 있으며 일부 JavaScript 코드로 전송됩니다. 시간을 어떻게 얻을 수 있습니까?예를 들어 HH/MM/SS 형식입니다.답변 let unix_timestamp = 1549312452 // Create a new JavaScript Date object based on the timestamp // multiplied by 1000 so that the argument is in milliseconds, not seconds. var date = new Date(unix_timestamp * 1000); // Hours part from the timestamp var hou..

질문 : CSS 미디어 쿼리 : 최대 너비 또는 최대 높이 CSS 미디어 쿼리를 작성할 때 "OR"논리로 여러 조건을 지정할 수있는 방법이 있습니까? 나는 다음과 같은 것을 시도하고 있습니다. /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... } 답변 쉼표를 사용하여 두 개 이상의 다른 규칙을 지정하십시오. @media screen and (max-width: 995px), screen and (max-height: 700px) { ... } https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries에서 쉼표는..

질문 : CSS 파일에서 상대 URL을 사용하면 어떤 위치에 상대적입니까? CSS 파일에서 배경 이미지 URL과 같은 것을 정의 할 때 상대 URL을 사용할 때 상대 URL은 어디에 있습니까? 예를 들면 : /stylesheets/base-styles.css 포함되어 있다고 가정합니다. div#header { background-image: url('images/header-background.jpg'); } 이 스타일 시트를 를 통해 다른 문서에 포함하면 CSS 파일의 상대 URL이 /stylesheets/ 의 스타일 시트 문서 에 상대적이거나 포함 된 현재 문서에 상대적입니까? 다음과 같은 가능한 경로 : /item/details.html /about/index.html /about/extra/oth..

질문 : CSS에서 모든 하위 요소를 재귀 적으로 선택모든 하위 요소를 재귀 적으로 선택하려면 어떻게해야합니까?div.dropdown, div.dropdown > * { color: red; } 이 클래스는 정의 된 className과 모든 직계 자식에 대해서만 클래스를 던집니다. 간단한 방법으로 다음과 같이 모든 childNode를 선택하는 방법은 다음과 같습니다.div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; } 답변요소의 모든 하위 항목을 일치 시키려면 공백 을 사용하십시오.div.dropdown * { color: red; } ..

질문 : JavaScript에서 임의의 문자열 / 문자 생성 [a-zA-Z0-9] 세트에서 무작위로 선택한 문자로 구성된 5 개의 문자열을 원합니다. JavaScript로이를 수행하는 가장 좋은 방법은 무엇입니까? 답변 나는 이것이 당신을 위해 일할 것이라고 생각합니다. function makeid(length) { var result = []; var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; var charactersLength = characters.length; for ( var i = 0; i < length; i++ ) { result.push(characters.charAt(Math.floor(..

질문 : 이전 버전의 Node.js로 변경하는 방법Ubuntu 10.10에서 Node.js 버전 v0.5.9-prev0.5.0-pre 사용하고 싶습니다.이전 버전의 노드로 롤백하려면 어떻게합니까?답변한 가지 방법은 노드 버전 관리자 인 NVM을 사용하는 것입니다.다음 명령을 사용하여 nvm을 가져옵니다.curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash https://github.com/creationix/nvm 에서 찾을 수 있습니다.여러 버전의 노드를 쉽게 설치하고 관리 할 수 있습니다. 다음은 도움말의 일부입니다.Usage: nvm install Download and install a nvm use ..

질문 : package.json의 로컬 종속성나는 이와 같은 일을하고 싶기 때문에 npm install 은 ../somelocallib package.json 또는 더 중요한 종속성을 설치합니다."dependencies": { "express": "*", "../somelocallib": "*" } 답변이 기능은 npm 버전 2.0.0에서 구현되었습니다. 예:{ "name": "baz", "dependencies": { "bar": "file:../foo/bar" } } 다음 경로도 유효합니다.../foo/bar ~/foo/bar ./foo/bar /foo/bar 로컬 패키지는 접두사 ( ./node-modules )에 복사 됩니다.somelocallib package.json 에 somelocallib..

질문 : AngularJS 컨트롤러에서보기에 HTML 삽입 AngularJS 컨트롤러에서 HTML 조각을 만들고이 HTML을보기에 표시 할 수 있습니까? id: value 쌍의 중첩 된 목록으로 전환해야하기 때문입니다. 따라서 HTML 이 컨트롤러에서 생성되고 이제이를 표시하려고합니다. 모델 속성을 만들었지 만 HTML을 인쇄하지 않고는 뷰에서 렌더링 할 수 없습니다. 최신 정보 생성 된 HTML을 따옴표 안의 문자열로 각도 렌더링하여 문제가 발생하는 것으로 보입니다. 이 문제를 해결하기 위해 노력할 것입니다. 컨트롤러 예 : var SomeController = function () { this.customHtml = 'render me please'; } 보기 예 : 제공 : "render me pl..

질문 : JSON을 간단한 사전으로 역 직렬화하는 방법 ASP.NET에서?POST를 통해 ASP.NET으로 다시 전송되는 JSON의 간단한 키 / 값 목록이 있습니다. 예:{ "key1": "value1", "key2": "value2"} 강력한 형식의 .NET 개체를 탐색하지 않습니다.나는 단순히 평범한 오래된 Dictionary (Of String, String) 또는 동등한 것 (hash table, Dictionary (Of String, Object), 구식 StringDictionary-hell, 2D 문자열 배열이 나를 위해 작동합니다.ASP.NET 3.5와 널리 사용되는 Json.NET (이미 클라이언트에 대한 직렬화에 사용하고 있음)에서 사용할 수있는 모든 것을 사용할 수 있습니다.분명히..

질문 : JavaScript로 어떻게 리디렉션합니까? JavaScript를 사용하여 다른 페이지에서 페이지로 어떻게 리디렉션합니까? 답변 다른 페이지로 리디렉션하려면 다음을 사용할 수 있습니다. window.location = "http://www.yoururl.com"; 출처 : https://stackoverflow.com/questions/4744751/how-do-i-redirect-with-javascript

질문 : CSS 이미지 크기, 비율에 맞게 늘일 수 있습니까? 이미지가 있는데 특정 너비와 높이 (픽셀 단위)로 설정하고 싶습니다. width:150px; height:100px )를 사용하여 너비와 높이를 설정하면 이미지가 늘어나고보기 흉할 수 있습니다. 어떻게 CSS를 사용하여 특정 크기로 이미지를 기입하고, 스트레칭하지 않으려면? 이미지 채우기 및 늘리기의 예 : 원본 이미지 : 늘어난 이미지 : 채워진 이미지 : 위의 채워진 이미지 예에서 먼저 이미지의 크기가 150x255 (유지 된 가로 세로 비율)로 조정 된 다음 150x100으로 잘립니다. 답변 object-fit 사용할 수 있습니다. .cover { object-fit: cover; width: 50px; height: 100px; } 여..

질문 : jQuery를 사용하여 div의 innerHTML을 대체하는 방법은 무엇입니까? 다음을 어떻게 얻을 수 있습니까? document.all.regTitle.innerHTML = 'Hello World'; regTitle 이 내 div ID 인 jQuery를 사용합니까? 답변 $("#regTitle").html("Hello World"); 출처 : https://stackoverflow.com/questions/1309452/how-to-replace-innerhtml-of-a-div-using-jquery

질문 : 연결하지 않고 JavaScript에서 문자열의 변수를 보간하는 방법은 무엇입니까? PHP에서 다음과 같이 할 수 있다는 것을 알고 있습니다. $hello = "foo"; $my_string = "I pity the $hello"; 출력 : "I pity the foo" JavaScript에서도 이와 동일한 것이 가능한지 궁금합니다. 연결을 사용하지 않고 문자열 내에서 변수를 사용하면 작성하는 것이 더 간결하고 우아해 보입니다. 답변 템플릿 리터럴 을 활용하고 다음 구문을 사용할 수 있습니다. `String text ${expression}` 템플릿 리터럴은 큰 따옴표 나 작은 따옴표 대신 역 따옴표 (``) (억음 악센트)로 묶습니다. 이 기능은 ES2015 (ES6)에서 도입되었습니다. 예 v..

질문 : CSS에서! important는 무엇을 의미합니까? !important 는 무엇을 의미합니까? CSS 2에서 사용할 수 있습니까? CSS 3? 어디에서 지원됩니까? 모든 최신 브라우저? 답변 그것은 본질적으로 그것이 말하는 것을 의미합니다. '이것은 중요합니다. 후속 규칙과 일반적인 특이성 문제를 무시 하고이 규칙을 적용하십시오!' 일반적으로 외부 스타일 시트에 정의 된 규칙 head 에 정의 된 스타일에 의해 무시되며, 이는 차례로 요소 자체 내의 인라인 스타일에 의해 무시됩니다 (선택 자의 동일성이 동일하다고 가정). !important '속성'(?)을 사용하여 규칙을 정의하면 '이전'규칙을 재정의하는 '나중'규칙과 관련된 일반적인 문제가 삭제됩니다. 또한 일반적으로보다 구체적인 규칙이 덜 ..

질문 : HTML 컨테이너에 여러 클래스를 할당하는 방법은 무엇입니까? HTML 컨테이너에 여러 클래스를 할당 할 수 있습니까? 다음과 같은 것 : 답변 다음과 같이 쉼표를 제거하십시오. 출처 : https://stackoverflow.com/questions/8722163/how-to-assign-multiple-classes-to-an-html-container

질문 : Node.js-SyntaxError : 예기치 않은 토큰 가져 오기 나는 무엇이 잘못되었는지 이해하지 못한다. 노드 v5.6.0 NPM v3.10.6 코드: function (exports, require, module, __filename, __dirname) { import express from 'express' }; 오류: SyntaxError: Unexpected token import at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:387:25) at Object.Module._extensions..js (module.js:422:10) at Module.load (module.js:357:32) at F..

질문 : 창에 맞게 HTML5 캔버스 크기 조정페이지에 맞게 요소의 크기를 자동으로 조정하려면 어떻게해야합니까?예를 들어, height 및 width 속성을 100 % 크기를 조정할 수 는 크기가 조정되지 않습니다.답변나는 이것에 대한 우아한 해결책을 찾았다 고 믿는다.자바 스크립트/* important! for alignment, you should make things * relative to the canvas' current width/height. */ function draw() { var ctx = (a canvas context); ctx.canvas.width = window.innerWidth; ctx.canvas.height = window.innerHeight; //...drawin..

질문 : 구문 분석 오류 : 인접한 JSX 요소는 둘러싸는 태그로 래핑되어야합니다. true 경우에만 렌더링되도록 React.js 앱을 설정하려고합니다. 내 렌더링 기능이 설정되는 방식은 다음과 같습니다. render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!' : 'Enter your email to request early access:'; var style = this.state.submitted ? {"backgroundColor": "rgba(26, 188, 156, 0.4)"} : {}; return ( if(this.state.submitted==false) {..