불곰 불곰

언어/자바스크립트

• [Node] Node.js 버전 관리하기 (설치, 업데이트, 다운그레이드)

  언어/자바스크립트 2019. 1. 21. 21:31

  node와 npm 버전을 최신으로 전부 올렸다가 기존 프로젝트가 실행되지 않아 노드 버전을 다시 내려야 하는 상황이 왔습니다. 1시간 삽질 덕에 아래와 같이 정리합니다.Node 버전 확인$ node -vCache 삭제$ sudo npm cache clean --forcen 플러그인 설치n은 node의 버전을 관리해주는 플러그인입니다. 해당 플러그인이 있으면 노드 버전을 변경할 때, 해당 노드 삭제가 아닌 사용할 버전선택이라는 간편함이 있으니 설치해줍니다.$ sudo npm install -g n최신 버전 설치$ n lateststable 버전 설치$ n stableLTS 버전 설치$ n lts특정 버전 설치n 다음 특정 버전을 입력하여 설치하여 줍니다.$ n 5.6.0 $ n 8.11.1 $ n 11.4..

• [Javascript] 두 줄이상 말 줄임 (...) 처리

  언어/자바스크립트 2017. 2. 24. 10:42

  두 줄 이상의 말줄임이 필요한 경우 CSS만으로는 처리가 불가능합니다. 따라서 자바스크립트에서 처리를 해줘야 합니다.HTML 1. Forcing one line regardless 2. Forcing two lines of text regardless of overflow 3. Trying to ellipsis any overflowed content. The quick brown fox jumped over the lazy dogs. The quick brown fox jumped over the lazy dogs. 4. 이건 테스트다. 글씨가 어떻게 나올지는 나도 모르겠다. 더이상 쓸 말이 없다. 복사 붙여넣기 복사 붙여넣기 복사 붙여넣기 복사 붙여넣기 복사 붙여넣기 복사 붙여넣기 복사 붙여넣기 복사..

• [Javascript] 서버시간 구하기

  언어/자바스크립트 2017. 1. 4. 15:34

  시간을 구하는 Date 객체가 있지만 Date()를 사용하면 사용자의 컴퓨터 시간을 참조하여 보여줍니다. 만약 사용자가 시간을 하루 전으로 돌리면 현재시간이 아닌 하루 전의 시간이 보여지게 됩니다. 자바스크립트는 클라이언트 사이드 언어이기 때문에 자바스크립트 자체로만으로는 서버 시간을 표시 할 수가 없기 때문에 서버의 시간을 가져올 중간 매개체인 XMLHttpRequest를 사용합니다. XMLHttpRequest 개체는 클라이언트와 서버 중간에서 요청과 결과를 전달하는 역할을 합니다.let xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); // IE 7.0 이상, 크롬, 파이어폭스 등 } else if (window.ActiveX..

• [Javascript] 문자열 3번째 자리마다 콤마 추가하기 (금액)

  언어/자바스크립트 2016. 9. 6. 20:00

  str = '123456789'; str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,'); // 123,456,789

• [Javascript] splice - 배열 요소 삭제 및 선택

  언어/자바스크립트 2016. 8. 31. 10:56

  let temp = ['a','b','c','d','e'] let select = temp.splice(2,3) // 3번째 배열부터 3개의 값을 축출 console.log(temp, selete) // temp = ['a','b'] , select = ['c','d','e']

• [Javascript] 짧은 연산자

  언어/자바스크립트 2016. 8. 31. 10:50

  논리연산자가 가지고 있는 특성으로 아래와 같이 조건문을 실행할 수 있다.||true || alert('1234') false || alert('1234') 위와같이 논리합 연산자의 좌변이 true이면 우변은 실행되지 않음 (true가 나온시점에서 우변들이 뭐가 나오든 어차피 true이기 떄문)이러한 특성을 아래와 같이 이용할 수 있음(조건 표현식) || (좌변 조건이 false일때 실행할 문장)&&true && alert('1234') false && alert('1234') 논리곱 연산자는 좌변이 참이여야만 다음 우변이 실행됨 ( 좌변이 false면 우변들이 뭐가 나오든 어차피 false)이러한 특성을 아래와 같이 이용할 수 있음(조건 표현식) && (좌변 조건이 true일때 실행할 문장) 위와같은 특..

• [Javascript] 삼항연산자

  언어/자바스크립트 2016. 8. 31. 10:50

  (조건표현문) ? 참 : 거짓; // 예시 test ('abc' == 'abc') ? 1 : 2; // test = 1

• [Javascript] 배열 및 객체 정렬

  언어/자바스크립트 2016. 8. 25. 20:49

  배열 정렬(오름차순 및 내림차순) //정렬할 배열 var test = [3, 9, 1, 8]; //배열 정렬 test.sort(); //결과값 [1, 3, 8, 9] test.reverse(); //결과값 [9, 8, 3, 1]객체정렬(오름차순)//정렬할 객체 배열 var test = { id: "test", name: "test", children: [ { name: "3번", seq: 3 }, { name: "7번", seq: 7 }, { name: "1번", seq: 1 }, { name: "4번", seq: 4 } ] }; //현재 객체 배열을 정렬 test.children.sort(function (a, b) { return a.seq < b.seq ? -1 : a.seq > b.seq ? 1 ..

• 자바스크립트 콜백함수

  언어/자바스크립트 2015. 11. 14. 21:19

  function sortNumber(a,b){//콜백함수 // 위의 예제와 비교해서 a와 b의 순서를 바꾸면 정렬순서가 반대가 된다. return b-a;}var numbers = [20, 10, 9,8,7,6,5,4,3,2,1];alert(numbers.sort(sortNumber)); // array, [20,10,9,8,7,6,5,4,3,2,1] numbers는 객체이다. (배열객체)sort(sortNumber()); -->sortNumber가 콜백함수이다. 이것이 콜백이다.(콜백이 가능한 이유: 자바스크립트에서는 함수가 값이기 때문이다.)(여기서 sort는 함수가 아닌 메소드라고 한다.), 배열이나 sort는 자바스크립가 기본적으로 가지고 있는 기능이기에 내장객체, 내장메소드, 빌트인 객체, 빌트..