본문 바로가기

Language/JavaScript

 (37)
[javascript] 배열 배열 병합 / 평평하게하기 다음과 같은 JavaScript 배열이 있습니다. [["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"]] 별도의 내부 배열을 다음과 같이 병합하는 방법은 무엇입니까? ["$6", "$12", "$25", ...] 답변 concat배열을 병합 하는 데 사용할 수 있습니다 . var arrays = [ ["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"] ]; var merged = [].concat.apply([], arrays); console.log(merged); [출처] http://daplus.net/javascript-%EB%B0%B0%EC%97%B4-%EB%B0%B0%EC%97%B4..
Cannot make a static reference to the non-static field 오류 머리말 자바로 프로그래밍을 시작하면, 종종 'non-static field' 오류와 직면하는 경우가 발생한다. 본 포스팅에서는 해당 에러 메시지에 대해서 설명하고, 오류 상황을 해결하는 방법에 대해서 설명한다. 오래전에 작성된 포스팅인데, 티스토리 플랫폼이 리뉴얼됨에 따라 본 포스팅도 새롭게 리뉴얼해서 작성했다. Cannot make a static reference to the non-static field error 자바는 객체지향 언어로써 보다 완벽한 객체지향 프로그래밍을 위해 탄생한 언어이다. 자바 코드를 컴파일 함으로써 클래스 파일을 생성하고, 컴파일된 클래스 파일을 실행함으로써 자바 코드는 실행된다. 여기서, 컴파일되는 순서가 객체의 멤버에 따라 다르기 때문에 해당 오류가 발생한다. 아래의 예..
centOS 7_ node.js최신버전 설치하는 방법 CentOS에서 Node.js최신버전 설치하기 node.js는 자바스크립트 문법을 사용한다. 자바스크립트로 모든 걸 통일하려면 node.js를 사용하는 편이 간단하다. 자동차에 비유하면, 세차도구로 엔진까지 수리할 수 있으니 얼마나 좋은가. 프론트에서 사용하던 자바스크립트로 서버까지 활용할 수 있다는 것 자체가 흥미로운 일이다. node.js의 등장 이후, 자바스크립트가 폭발적으로 성장하고 있다. 3~4년 전의 책들이 모두 쓰레기가 될 정도다. 가령, angular가 2.0부터 엄청 변하더니 지금은 vue.js가 각광받고 있는 듯하다. 자바스크립트는 프레임워크도 쉴틈 없이 변하고 있다. 4차산업 혁명의 주역은 사실 자바스크립트가 아닐까한다. __ ::CentOS 7 Node.js설치 centOS 7에서 ..
[JavaScript] Promise와 예외 핸들러 어제 자바스크립트 관련 코드 리뷰를 하게 되다가 알게된 것 정리. 1. Promise로 구현된 함수를 await으로 호출 된 경우 reject가 된 경우 try ~ catch에 잡힌다. 2.Promise로 구현된 함수를 그냥 호출 한 경우 함수 내부에서 reject가 된 경우 try ~ catch에 잡히지 않는다. 무슨 소리지 할 케이스가 다분해서 예제를 적어본다. await를 사용하여 호출 아래와 같이 foo와 boo 함수가 있고 제일 끝에 boo 호출한다. var foo = req => new Promise((resolve, reject) => { console.log('req: ' + req); reject(new Error('wow')); }); async function boo(req, res)..
현재 시간 YYYY-MM-DD hh:mm:ss 포맷으로 뽑기 (Date 객체) 자바스크립트를 통해서 현재 시간을 뽑아와야할 때가 많다. db에 create_Date 같은 date를 넣어야한다던지.. 현재시간과 비교해서 뭘 해야할때 스크립트를 쓰는데.. 그때마다 getMonth 써주고.. 하기 힘들지않은가.. date.js같은 플러그인도 잇긴하지만.. 간단한 함수로 가능하다. document.write(getTimeStamp() + ' '); function getTimeStamp() { var d = new Date(); var s = leadingZeros(d.getFullYear(), 4) + '-' + leadingZeros(d.getMonth() + 1, 2) + '-' + leadingZeros(d.getDate(), 2) + ' ' + leadingZeros(d.getH..
리액트에서 체크박스 사용 시 에러가 발생할 때 해결방법 문제 리액트(React)에서 체크박스(Checkbox) 사용 시 아래와 같은 에러가 발생할 때가 있다. index.js:1452 Warning: Failed prop type: You provided a checked prop to a form field without an onChange handler. This will render a read-only field. If the field should be mutable use defaultChecked. Otherwise, set either onChange or readOnly. input type으로 checkbox를 쓸 때 onClick 핸들러를 제공하고 checked 값을 설정하는 식으로 코딩하면 이런 에러 메시지가 발생한다. 해결방법 onC..
[Async, 비동기와 동기] Promise에서 Await까지 비동기/동기에 대한 정의와 콜백함수,콜백지옥을 거쳐 Promise가 도입된 이유 그리고 간략히 Async Await까지 순서대로 정리하려고 합니다. 코드 보다는 개론적인 의미에 치중해 작성된 글입니다. Promise 를 공부하다 어떤 개념으로 어떻게 여기까지 오게 됐을까 궁금해 이 글을 작성하게 됐습니다. 동기(지금) VS 비동기(나중) 동기와 비동기의 구분은 요청받고 응답받는 시간대의 차이라고 생각합니다 요청하고-응답받는 시간을 하나의 박스(box)라로 정의한다면, 동기는 박스 안에서 움직이고, 비동기는 박스를 벗어나 작동되는 원리 라고 생각합니다. 동기 : 요청과 응답이 같은 시간대 “안에” 고정되어 있어, 요청에 대해 응답이 완료되기까지 프로그램이 정지합니다. 응답을 받고나서야 비로소 다시 진행되는..
객체 알파벳 순서 정렬하기 objArrayy.sort(function(a, b){ var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase() if (nameA nameB) return 1 return 0 //default return value (no sorting) }); console.log(objArray) [참고] https://stackoverflow.com/questions/8900732/sort-objects-in-an-array-alphabetically-on-one-property-of-the-array Sort objects in an array alphabeticall..

티스토리툴바