프로그래밍/JavaScript 17

ECMA6 - 화살표 함수

출처 : https://poiemaweb.com/es6-arrow-function Arrow function | PoiemaWeb Arrow function(화살표 함수)은 function 키워드 대신 화살표(=>)를 사용하여 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우 사용할 수 있는 것은 아니다. 문법은 아래와 같다. poiemaweb.com 이 포스팅의 위 출처의 게시글을 공부하며 필기 하듯이 써놓은 내용이므로, 정확한 내용은 위의 출처에서 보는 것이 좋다. 1. 화살표 함수의 선언 화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다. 모든 경우 화살표 함수를 사용 할 수 있는 것은 아니며, 기본..

ECMA6 - 템플릿 리터럴

출처 - https://poiemaweb.com/es6-template-literals Template Literals | PoiemaWeb ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입하였다. 템플릿 문자열은 일반 문자열과 비슷해 보이지만, ' 또는 poiemaweb.com 이 포스팅의 위 출처의 게시글을 공부하며 필기 하듯이 써놓은 내용이므로, 정확한 내용은 위의 출처에서 보는 것이 좋다. 템플릿 리터럴은 일반 문자열과 비슷해보이지만, ' 또는 " 같은 통상적인 따옴표 문자 대신 백틱문자 ` 를 사용한다. ES6 템플릿 리터럴은 일반적인 문자열과 달리 여러 줄에 걸쳐 문자열을 작성할 수 있으며 템플릿 리터럴 내의 모든 white-space는 있는 그대..

ECMA6 - Let, Const

출처 및 참고 : https://poiemaweb.com/es6-block-scope let, const | PoiemaWeb ES5까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 것이었다. var 키워드로 선언된 변수는 아래와 같은 특징이 있다. 이는 다른 언어와는 다른 특징으로 주의를 기울이지 않으면 심각한 문제를 일으킨다. 대부분의 문제는 전역 변수로 인해 발생한다. 전역 변수는 간단한 애플리케이션의 경우, 사용이 편리한 면이 있지만 불가피한 상황을 제외하고 사용을 억제해야 한다. 전역 변수는 범위(scope)가 넓어서 어디에서 어떻게 사용될 지 파악하기 poiemaweb.com 이 포스팅의 위 출처의 게시글을 공부하며 필기 하듯이 써놓은 내용이므로, 정확한 내용은 위의 출처에서..

웹에서 클립보드로 카피하기

웹에서 클리보드 카피 기능 이용하기 엑셀 양식을 받아서 사용자에게 업로드 하는 기능을 개발하려고 했는데, 양식을 다운받자 마자 보안파일이 되어버려 복사/붙여넣기가 불가능 했다. 따라서 차선책으로 양식 복사 버튼을 누른 뒤, 양식을 클립보드에 복사하여 사용자가 엑셀파일을 열고,양식을 붙여넣기 한 뒤 데이터를 작성하여 그것을 다시 복사하여 웹에서 붙여넣기로 업로드 하는 방식으로 하기로 하였다. 아래는 엑셀 붙여넣기용 소스 123456789101112131415161718192021222324252627282930313233343536373839404142function fnCopyForm(){ var text = '' + '' + ' ' + '' + '' + '' + '' + '' + '' + '' + '실..

웹에 엑셀 데이터 붙여넣기

엑셀파일에 있는 데이터를 그대로 화면으로 옮기기 위한 소스 엑셀의 데이터는 줄이 \n으로 구분되고 각 셀의 경우 \t로 구분된다.따라서 \n과 \t로 구분해주어 데이터를 가공해 줄 수 있다. 123456789101112131415161718//TextArea 데이터 테이블로 치환function generateTable() { var data = $('textarea[name=excel_data]').val(); var rows = data.split("\n"); var table = $(''); for(var y in rows) { var cells = rows[y].split("\t"); var row = $(''); for(var x in cells) { row.append(''+cells[x]+''..