반응형

JavaScript 52

[JavaScript] 배열 분리 Array.slice()

안녕하세요. Jay입니다. 오늘은 배열을 복사하는 매서드 slice에 대해서 알아보도록 하겠습니다. Array에서 기본적으로 제공하는 매서드입니다. 그래서 그냥 바로 쓰시면 됩니다. 문법은 아래와 같습니다. 복사하기 원하는 배열 시작 인덱스와 마지막 인덱스에 1을 더한 값을 넣으면 됩니다. Array.slice([begin[, end]) 예를 들어, 아래와 같은 매서드가 있다고 합시다. 이 매서드에서 3번째부터 배열을 얻고 싶으면 아래와 같이 slice 매서드를 사용하시면 됩니다. var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']; fruits.slice(2); // ['Lemon', 'Apple', 'Mango']; 혹은 처음부터 2번째 배열까..

JavaScript 2018.07.12

[JavaScript] JSON 안전 값(JSON-Safe Value)

JSON 표현형(Representation)으로 확실히 나타낼 수 있는 값. JSON.stringify()로 문자열화할 수 있다. JSON 안전 값이 아닌 것들은 undefined, 함수(function), 심벌(ES6부터, symbol), 환형 참조(circular references)가 있다. 이들은 모두 다른 언어로 이식하여 JSON 값으로 쓸 수 없는 표준 JSON 규격을 벗어난 값이다. 이들 값을 JSON.stringify() 하면 자동으로 값을 누락시키고, 배열에 이들 값이 포함되어 있으면 인덱스 정보가 뒤바뀌지 않도록 null로 값을 바꾼다.

JavaScript 2017.08.14

[JavaScript] 크로스 브라우징 (Cross Browsing)

웹 표준에 따라 제작하여 사용자가 어떤 브라우저로 웹페이지에 접근하더라도 동일한 결과를 얻을 수 있는 것을 '크로스 브라우징'이라고 한다. 크로스 브라우징을 제대로 지원하기 위해서 가장 먼저 해야할 일은 내가 만드는 서비가 어떤 브라우저를 지원할 지 여부를 결정하는 일이다. 한정된 자원으로 모든 브라우저를 지원하는 것은 불가능에 가깝다. 참고) - 전 세계 브라우저 점유율: http://gs.statcounter.com/- 국내 브라우저 점유율률: https://www.koreahtml5.kr/jsp/infoSquare/browserUseStatsKor.jsp

JavaScript 2017.08.07

[JavaScript] 정적 분석 도구(Plato, JSHint)

Platohttps://github.com/es-analysis/plato - 데이터 시각화- 코드 라인 수 분석- 유지보수성 분석(100점 만점, 높을 수록 유지보수성이 우수함. 유지보수성측정 방법: http://blogs.msdn.com/b/codeanalysis/archive/2007/11/20/maintainability-index-range-and-meaning.aspx)- Summary에서는 날짜별 평균을 확인가능- 실행시 에러 개수 추정- Lint Error 분석 (jshint, eslint)- 각 js 파일별, Difficulty 수치 측정- 각 js 파일별, Complexity 수치 측정 (Phil Booth's complexity-report) JSHinthttp://jshint.com..

JavaScript 2017.08.04

[jsPDF] Clipping

안녕하세요. Jay입니다. 오늘은 jsPDF 클리핑(Clipping)에 대해서 알아보도록 하겠습니다. jsPDF Documentation (http://rawgit.com/MrRio/jsPDF/master/docs/index.html)에는 현재(2017년 8월 3일) 리스트업되어있지 않지만, clip이라는 메서드가 존재합니다. 사용방법은 아래와 같습니다. 1. 클리핑 영역 지정 2. clip 메서드 실행 먼저, 클리핑 영역을 지정해야합니다. 크리핑 영역을 지정하기 위해서는 style 파라매터를 null로 지정하시면 됩니다. 예를들어, 샘플 소스는 아래와 같습니다. 클리핑 영역지정은 rect 메서드뿐 아니라 lines 메서드등 다른 shape 그리기 메서드를 이용해서도 지정 가능합니다.

JavaScript 2017.08.03
반응형