코딩하다 현타올 때

질문 : ExpressJS 애플리케이션을 구성하는 방법은 무엇입니까? NodeJS 용 ExpressJS 웹 프레임 워크를 사용하고 있습니다. ExpressJS를 사용하는 사람들은 자신의 환경 (개발, 생산, 테스트 ...), 경로 등을 app.js 합니다. 큰 응용 프로그램이 있으면 app.js가 너무 커서 아름다운 방법이 아니라고 생각합니다! 이 디렉토리 구조를 갖고 싶습니다. | my-application | -- app.js | -- config/ | -- environment.js | -- routes.js 내 코드는 다음과 같습니다. app.js var express = require('express'); var app = module.exports = express.createServer();..

질문 : CommonJS, AMD 및 RequireJS 간의 관계? 나는 많이 읽은 후에도 CommonJS, AMD 및 RequireJS 에 대해 여전히 매우 혼란 스럽습니다. CommonJS (이전의 ServerJS )는 언어가 브라우저 외부에서 사용될 때 일부 JavaScript 사양 (예 : 모듈)을 정의하는 그룹이라는 것을 알고 있습니다. CommonJS 모듈 사양에는 Node.js 또는 RingoJS 와 같은 구현이 있습니다. CommonJS , AMD ( Asynchronous Module Definition ) 및 RequireJS 간의 관계는 무엇입니까? RequireJS 는 CommonJS 모듈 정의의 구현입니까? 그렇다면 AMD 는 무엇입니까? 답변 RequireJS 는 AMD API ..

질문 : AngularJS 컨트롤러의 'this'vs $ scope AngularJS 홈페이지의 "Create Components"섹션에 다음 예제가 있습니다. controller: function($scope, $element) { var panes = $scope.panes = []; $scope.select = function(pane) { angular.forEach(panes, function(pane) { pane.selected = false; }); pane.selected = true; } this.addPane = function(pane) { if (panes.length == 0) $scope.select(pane); panes.push(pane); } } 어떻게 '공지 사항 sel..

질문 : Node.js에서 파일을 자동으로 다시로드하는 방법은 무엇입니까? Node.js에서 파일 자동 다시로드를 구현하는 방법에 대한 아이디어가 있습니까? 파일을 변경할 때마다 서버를 다시 시작하는 데 지쳤습니다. 분명히 Node.js의 require() 함수는 파일이 이미 필요한 경우 파일을 다시로드하지 않으므로 다음과 같은 작업을 수행해야합니다. var sys = require('sys'), http = require('http'), posix = require('posix'), json = require('./json'); var script_name = '/some/path/to/app.js'; this.app = require('./app').app; process.watchFile(scrip..

질문 : AngularJS의 ng-options에서 값 속성을 어떻게 설정합니까? (나를 포함하여) 많은 사람들을 괴롭히는 것 같습니다. ng-options 태그에 대한 옵션을 채울 때 옵션 값을 설정하는 방법을 알 수 없습니다. 이것에 대한 문서는 정말 불분명합니다-적어도 저와 같은 멍청이에게는. 옵션에 대한 텍스트를 다음과 같이 쉽게 설정할 수 있습니다. ng-options="select p.text for p in resultOptions" resultOptions 가 다음과 같은 경우 : [ { "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ] 옵션 값을 설정하는 것이 가장 간단해야하지만 지금까지는 이해하지 못했습니다. 답변 ngOptio..

질문 : React JSX : 선택에서 "선택됨"선택선택권 메뉴의 React 컴포넌트에서 애플리케이션 상태를 반영하는 옵션에 selected 속성을 설정해야합니다. render() 에서 optionState 는 상태 소유자에서 SortMenu 구성 요소로 전달됩니다. 옵션 값은 JSON에서 props render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' selected' : ''; options.push( {option.label} ); }); // p..

질문 : AngularJS가 select에 빈 옵션을 포함하는 이유는 무엇입니까? 저는 지난 몇 주 동안 AngularJS와 함께 일해 왔으며 실제로 나를 괴롭히는 것은 http://docs.angularjs.org/api/ng의 사양에 정의 된 모든 순열 또는 구성을 시도한 후에도 .directive : select , 여전히 선택 요소의 첫 번째 자식으로 빈 옵션이 표시됩니다. 비취는 다음과 같습니다. select.span9(ng-model='form.type', required, ng-options='option.value as option.name for option in typeOptions'); 여기 컨트롤러 : $scope.typeOptions = [ { name: 'Feature', val..

질문 : Javascript의 문자열에서 문자의 발생 수를 계산합니다. 문자열에서 문자의 발생 횟수를 계산해야합니다. 예를 들어 내 문자열에 다음이 포함되어 있다고 가정합니다. var mainStr = "str1,str2,str3,str4"; , 문자의 수를 3으로 찾고 싶습니다. 그리고 쉼표를 따라 분할 한 후 개별 문자열의 수는 4입니다. 또한 각 문자열 즉, str1 또는 str2 또는 str3 또는 str4가 15자를 초과하지 않아야 함을 확인해야합니다. 답변 이 답변을 업데이트했습니다. 나는 매치를 더 잘 사용한다는 생각을 좋아하지만 속도가 느립니다. console.log(("str1,str2,str3,str4".match(/,/g) || []).length); //logs 3 console.l..

질문 : JavaScript에서 문자열을 자르시겠습니까? JavaScript에서 문자열을 어떻게 다듬습니까? 즉, JavaScript에서 문자열의 시작과 끝에서 모든 공백을 어떻게 제거합니까? 답변 IE9 + 이후 모든 브라우저에는 trim() 메서드가 있습니다. " \n test \n ".trim(); // returns "test" here trim() 지원하지 않는 브라우저의 경우 MDN 에서이 polyfill을 사용할 수 있습니다. if (!String.prototype.trim) { (function() { // Make sure we trim BOM and NBSP var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g; String.prototype.trim ..

질문 : ReactJS- "setState"가 호출 될 때마다 render가 호출됩니까? setState() 가 호출 될 때마다 모든 구성 요소와 하위 구성 요소를 다시 렌더링합니까? 그렇다면 그 이유는 무엇입니까? 저는 React가 상태가 변경 될 때 필요한만큼만 렌더링된다는 생각을했습니다. state 를 동일한 값으로 설정하기 때문에 후속 클릭에서 상태가 변경되지 않더라도 텍스트를 클릭하면 두 클래스가 다시 렌더링됩니다. this.setState({'test':'me'}); state 데이터가 변경된 경우에만 렌더링이 발생할 것으로 예상했습니다. 다음은 JS Fiddle 및 포함 된 스 니펫과 같은 예제 코드입니다. var TimeInChild = React.createClass({ render: f..

질문 : JavaScript에서 선행 0으로 숫자를 출력하는 방법은 무엇입니까? 숫자 앞에 0을 추가하여 길이가 고정 된 문자열이되도록하는 방법이 있습니까? 예를 들어 2 자리를 지정하면 5 는 "05" 답변 참고 : 오래되었을 수 있습니다. ECMAScript 2017에는 String.prototype.padStart 포함됩니다. 숫자는 선행 0으로 이해되지 않으므로 숫자를 문자열로 변환해야합니다. 이 같은: function pad(num, size) { num = num.toString(); while (num.length < size) num = "0" + num; return num; } 또는 X 개 이상의 0을 사용하지 않는다는 것을 알고 있다면 이것이 더 나을 수 있습니다. 이것은 10 자리 ..

질문 : Node.js에서 파일을 복사하는 가장 빠른 방법 내가 작업중인 프로젝트 (Node.js)는 파일 시스템 (복사, 읽기, 쓰기 등)과 관련된 많은 작업을 의미합니다. 어떤 방법이 가장 빠릅니까? 답변 표준 기본 제공 fs.copyFile : const fs = require('fs'); // File destination.txt will be created or overwritten by default. fs.copyFile('source.txt', 'destination.txt', (err) => { if (err) throw err; console.log('source.txt was copied to destination.txt'); }); fs.copyFile 지원하지 않는 버전에서 수행하..

질문 : Heroku + node.js 오류 (시작 60 초 이내에 웹 프로세스가 $ PORT에 바인딩하지 못함) 첫 번째 node.js 앱 (로컬에서 잘 실행 됨)이 있지만 heroku를 통해 배포 할 수 없습니다 (heroku도 처음 사용). 코드는 다음과 같습니다. 그래서 그렇게 많은 코드를 작성할 수 없으므로 네트워크 내에서 코드를 로컬로 실행해도 문제가 없다고 말할 것입니다. var http = require('http'); var fs = require('fs'); var path = require('path'); http.createServer(function (request, response) { console.log('request starting for '); console.log(re..

질문 : JS 날짜 개체에서 YYYYMMDD 형식의 문자열을 가져 오나요? JS를 사용하여 date object YYYYMMDD 형식의 문자열로 바꾸려고합니다. Date.getYear() , Date.getMonth() 및 Date.getDay() 연결하는 것보다 쉬운 방법이 있습니까? 답변 내가 자주 사용하는 변경된 코드 : Date.prototype.yyyymmdd = function() { var mm = this.getMonth() + 1; // getMonth() is zero-based var dd = this.getDate(); return [this.getFullYear(), (mm>9 ? '' : '0') + mm, (dd>9 ? '' : '0') + dd ].join(''); }; va..

질문 : AngularJS 1.2 $ injector : modulerr 1.07 대신 angular 1.2를 사용할 때 다음 코드가 더 이상 유효하지 않습니다. 왜 그런가요? 'use strict'; var app = angular.module('myapp', []); app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $locationProvider.html5Mode(true); $routeProvider. when('/', { templateUrl: 'part.html', controller: 'MyCtrl' }). otherwise({ redirectTo: '/' }); } ]..

질문 : node.js를 사용하여 JSON을 어떻게 예쁘게 인쇄 할 수 있습니까? 이것은 해결 된 문제처럼 보이지만 해결책을 찾을 수 없습니다. 기본적으로 JSON 파일을 읽고, 키를 변경하고, 새 JSON을 동일한 파일에 다시 씁니다. 모두 작동하지만 JSON 형식이 느슨합니다. { name:'test', version:'1.0' } 나는 얻다 {name:'test',version:'1.1'} Node.js에 올바른 형식의 JSON을 파일에 쓰는 방법이 있습니까? 답변 JSON.stringify 의 세 번째 매개 변수는 예쁜 인쇄를위한 공백 삽입을 정의합니다. 문자열 또는 숫자 (공백 수) 일 수 있습니다. fs 파일 시스템에 쓸 수 있습니다. 예: var fs = require('fs'); fs.wr..

질문 : JavaScript 날짜를 UTC로 어떻게 변환합니까? 웹 사이트 사용자가 날짜 범위를 입력한다고 가정합니다. 2009-1-1 to 2009-1-3 일부 처리를 위해이 날짜를 서버로 보내야하지만 서버는 모든 날짜와 시간이 UTC로 될 것으로 예상합니다. 이제 사용자가 알래스카, 하와이 또는 피지에 있다고 가정합니다. UTC와는 상당히 다른 시간대에 있으므로 날짜 범위를 다음과 같이 변환해야합니다. 2009-1-1T8:00:00 to 2009-1-4T7:59:59 JavaScript Date 객체를 사용하여 첫 번째 "현지화 된"날짜 범위를 서버가 이해할 수있는 것으로 어떻게 변환합니까? 답변 toISOString() 메서드는 항상 24 자 또는 27 자 길이 ( YYYY-MM-DDTHH:mm:s..

질문 : JavaScript를 통해 도메인 간 POST 요청을 보내려면 어떻게해야합니까? JavaScript를 통해 도메인 간 POST 요청을 보내려면 어떻게해야합니까? 참고-페이지를 새로 고치면 안되며 나중에 응답을 가져와 구문 분석해야합니다. 답변 업데이트 : 계속하기 전에 모두가 CORS에 대한 html5rocks 튜토리얼을 읽고 이해해야합니다. 이해하기 쉽고 매우 명확합니다. POST되는 서버를 제어하는 경우 서버에 응답 헤더를 설정하여 "교차 출처 리소스 공유 표준"을 활용하면됩니다. 이 답변은이 스레드의 다른 답변에서 논의되지만 내 의견으로는 명확하지 않습니다. 간단히 말해서 from.com/1.html에서 to.com/postHere.php로 교차 도메인 POST를 수행하는 방법입니다 (예 ..

질문 : JavaScript 객체에 키 / 값 쌍을 추가하려면 어떻게해야합니까? 다음은 내 개체 리터럴입니다. var obj = {key1: value1, key2: value2}; 객체에 value3 key3 을 어떻게 추가 할 수 있습니까? 답변 객체에 새 속성 을 추가하는 방법에는 두 가지가 있습니다. var obj = { key1: value1, key2: value2 }; Using dot notation: obj.key3 = "value3"; Using square bracket notation: obj["key3"] = "value3"; 첫 번째 양식은 속성의 이름을 알고있을 때 사용됩니다. 두 번째 형식은 속성 이름이 동적으로 결정될 때 사용됩니다. 이 예에서와 같이 : var getPro..

질문 : Date 객체를 복제하는 방법은 무엇입니까? Date 변수를 다른 변수에 할당하면 동일한 인스턴스에 대한 참조가 복사됩니다. 이것은 하나를 변경하면 다른 하나가 변경된다는 것을 의미합니다. Date 인스턴스를 복제하거나 복사하려면 어떻게해야합니까? 답변 1970 년 1 월 1 일 00:00:00 UTC ( epoch time ) 이후의 밀리 초 수를 반환하는 Date 객체의 getTime() var date = new Date(); var copiedDate = new Date(date.getTime()); Safari 4에서는 다음과 같이 작성할 수도 있습니다. var date = new Date(); var copiedDate = new Date(date); ...하지만 이것이 다른 브라우저..

질문 : React.js의 배열 자식에 대한 고유 키 이해 JSON 데이터 소스를 받아들이고 정렬 가능한 테이블을 만드는 React 구성 요소를 만들고 있습니다. 각 동적 데이터 행에는 고유 한 키가 할당되어 있지만 여전히 다음과 같은 오류가 발생합니다. 배열의 각 하위에는 고유 한 "키"소품이 있어야합니다. TableComponent의 렌더링 방법을 확인하십시오. 내 TableComponent 렌더링 메서드는 다음을 반환합니다. { rows } TableHeader 구성 요소는 단일 행이며 할당 된 고유 키도 있습니다. 각 row 의 rows 고유 키와 구성 요소에서 내장되어 있습니다 : 그리고 TableRowItem 은 다음과 같습니다. var TableRowItem = React.createClas..

질문 : 객체에 JavaScript의 특정 속성이 있는지 어떻게 확인합니까? 객체에 JavaScript의 특정 속성이 있는지 어떻게 확인합니까? 중히 여기다: x = {'key': 1}; if ( x.hasOwnProperty('key') ) { //Do this } 그게 최선의 방법인가요? 답변 나는 주어진 답변에 대해 정말 혼란 스럽습니다. 대부분은 완전히 틀 렸습니다. 물론 정의되지 않은 값, null 또는 false 값이있는 개체 속성을 가질 수 있습니다. 따라서 단순히 속성 검사를 typeof this[property] 또는 더 나쁜 경우 x.key 완전히 잘못된 결과를 얻을 수 있습니다. 찾고있는 것에 따라 다릅니다. 객체가 물리적으로 속성을 포함하고 있는지 (그리고 프로토 타입 체인의 어딘가..

질문 : Node.js : 줄 바꿈없이 콘솔에 인쇄 하시겠습니까? 후행 줄 바꿈없이 콘솔에 인쇄하는 방법이 있습니까? console 객체 문서 는 이에 대해 아무것도 말하지 않습니다. console.log() 줄 바꿈을 사용하여 stdout에 인쇄합니다. printf() 와 같은 방식으로 여러 인수를 사용할 수 있습니다. 예: console.log('count: %d', count); 첫 번째 문자열에서 형식 지정 요소를 찾을 수 없으면 util.inspect 가 사용됩니다. 답변 process.stdout.write() 사용할 수 있습니다. process.stdout.write("hello: "); 자세한 내용은 문서를 참조하십시오 . 출처 : https://stackoverflow.com/questi..

질문 : React js onClick이 메소드에 값을 전달할 수 없습니다. onClick 이벤트 값 속성을 읽고 싶습니다. 하지만 클릭하면 콘솔에 다음과 같은 내용이 표시됩니다. SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target 내 코드가 올바르게 작동합니다. 실행할 때 {column} 볼 수 있지만 onClick 이벤트에서는 가져올 수 없습니다. 내 코드 : var HeaderRows = React.createClass({ handleSort: function(value) { console.log(value); }, render..

질문 : Javascript에서 조건부로 객체에 멤버를 추가하는 방법은 무엇입니까? 조건부로 추가 된 멤버가있는 개체를 만들고 싶습니다. 간단한 접근 방식은 다음과 같습니다. var a = {}; if (someCondition) a.b = 5; 이제 좀 더 관용적 인 코드를 작성하고 싶습니다. 나는 노력하고있다 : a = { b: (someCondition? 5 : undefined) }; 그런데, b 의 구성원 값 a undefined . 이것은 원하는 결과가 아닙니다. 편리한 솔루션이 있습니까? 최신 정보 여러 회원과 함께 일반적인 사건을 처리 할 수있는 해결책을 찾고 있습니다. a = { b: (conditionB? 5 : undefined), c: (conditionC? 5 : undefined..