배워가는블로거

■ 프라미스 (Promise)오늘 정리할 개념은 프라미스입니다. 프라미스는 비동기 처리를 위한 방법 중 하나입니다. 프라미스가 성공한 경우에는 정상적으로 명령이 실행되며, 실패할 경우는 에러가 발생해요 간단한 예시와 함께 정리해보겠습니다. const get = () => new Promise((resolve, reject) => { var req = new XMLHttpRequest() req.open('GET', url) req.onload = () => (req.status == 200) ? resolve(req.response) : reject(Error(req.statusText)) req.onerror = (error) => reject(error) req.send()}) 위와 같이 특정 url..

■ ES6의 객체와 배열 ES6의 객체와 배열을 다루기 위한 다양한 방법이 있습니다. 그 중에서 구조 분해, 객체 리터럴 개선, 스프레드 연산자 사용법을 정리하겠습니다. ● 구조 분해 (Destructuring) 구조 분해를 통해 객체 안의 필드 값을 사용할 수 있고, 원하는 변수에 대입할 수 있어요 먼저 객체의 구조 분해를 살펴보겠습니다. 예시로 객체를 하나 만들어 볼게요 var car = { color: "black", engine: "turbo", type: "SUV"} 위와 같이 3개의 필드를 가지는 car 객체가 있다고 가정하겠습니다. 여기서 color 필드의 값을 가져와 변수로 사용하고자 합니다. 방법은 아래와 같이 간단하며, 변수의 값을 변경해도 원래 필드의 값은 변경되지 않습니다. car ..

■ 화살표 함수 (arrow function) ES6에서 유용하게 사용되는 화살표 함수에 대해서 보겠습니다. 화살표 함수를 사용하면 함수 키워드 없이도 함수를 만들고, return 없이도 계산 결과가 자동으로 반환이 됩니다. 위 모습이 화살표 함수의 기본 모습이라고 할 수 있습니다. 다만, 파라미터가 단 하나인 경우는 괄호를 생략해도 됩니다. ● 비교 기존 사용하는 함수 형태와 화살표 함수의 형태를 비교해보겠습니다. var printText = function(txt) { return '입력 : ${txt}'}var printText = txt => '입력 : ${txt}' 한 줄로 간략하게 줄어든 것이 보이나요? 파라미터가 2개의 경우도 보겠습니다. var printText = function(txt1..

■ ES6 변수 선언 기존 ES6 이전에서는 var를 통해 변수를 선언하여 사용했습니다. 하지만 최신 자바스크립트라 불리는 ES6부터는 다양한 방법이 추가되었는데요. 그 추가된 방법에 대해서 간단하게 정리해보겠습니다. ● const const는 값을 변경할 수 없는 변수입니다. ES6에서는 const를 도입하여 값을 재설정하는 것이 불가능하도록 하였습니다. 만약 이를 아래와 같이 시도한다면 콘솔오류가 발생합니다. const isChecked = true;isChecked = false; ● let let을 통해 함수 레벨과 블록 레벨의 렉시컬 스코프 규칙을 지원합니다. 즉 if문과 같은 {} 블록 안에서 let은 변수 영역을 그 블록 안으로 한정시킵니다. 즉 블록 밖의 값에 영향을 끼치지 않아 글로벌 변..

■ JCE 다운 및 설치 Java Cryptography Extension(JCE) 다운로드 및 설치 방법을 정리합니다. 다운로드 링크는 아래와 같습니다.(반드시 jdk 버전을 확인해야 합니다. 아래는 java8버전 입니다) http://www.oracle.com/technetwork/java/javase/downloads/index.html 링크 이동후 아래쪽에 보시면 'Additional Resources' 목록에 위치해 있습니다. Java Cryptography Extension (JCE) Unlimited Strength Jurisdiction Policy Files for JDK/JRE 8 위 제목 확인 후 다운로드하시면 됩니다. 압축을 풀고, 기존 ${JAVA_HOME}/jre/lib/secu..

안녕하세요. 트러블 슈팅 기록입니다. 간단하고 쉽게 해결 가능하지만, 정보가 없어 여기에 기록합니다. ■ usage of api documented as @since 1.6+ 'usage of api documented as @since 1.6+' 컴파일 시 위와 같은 오류가 발생했습니다. 처음보는 오류라 무엇일까... 찾아보던 중 해결한 결과를 기록하겠습니다. 해결방안은 간단한데요. Project Settings으로 가서 Project language level을 1.6 이상으로 설정해주면됩니다. 기본으로 SDK default로 설정이 되어 있다면, 현재 SDK 버전에 맞게 language level을 설정해요 그래서 이로인해 오류가 발생할 확률은 적을 것 같습니다만.... 무슨 이유에서인지 해당 오류..

■ 스프링 #5. DispatcherServlet ● DispatcherServlet spring.io에 따르면 DispatcherServlet의 정의는 다음과 같습니다. Central dispatcher for HTTP request handlers/controllers 이는 Spring MVC에서 Front Controller 역할을 한다고 할 수 있습니다. Client로부터 들어오는 Request를 최초로 받으며, 이를 어느 컨트롤러에서 처리될지를 결정합니다. 그리고 그 결과를 다시 Client에게 응답합니다. 이 흐름은 아래 그림을 보면 조금 더 쉽게 이해 할 수 있습니다. 1. 먼저 Clinet로부터 Request가 DispatcherServlet로 들어갑니다. 2. DispatcherServl..

■ Shell Script - return 값 확인하기 쉘 스크립트의 이전 실행의 리턴값을 확인하는 방법에 대해서 간단하게 정리하겠습니다. 이전 실행된 스크립트 문장의 결과를 바탕으로 스크립트 문장을 실행시키고 싶을 때, 조건문을 사용하고 싶을 때 등등 필요하죠. 이 때 매우 간단한 방법이 있어 여기에 정리하고 기억하고자 합니다. ● $? $? 문법을 사용하면 매우 쉽게 해결됩니다. $?은 직접 실행 문장의 리턴값을 가지고 있습니다. 만약 이전 실행 문장이 성공이면 0을 리턴하며, 실패하면 1을 리턴합니다. 간단한 예시 스크립트를 보겠습니다. #! /bin/bash echo "Start!!" if [$? -eq 0]; then echo "Success!"else echo "Fail..."fi 위의 스크립..

■ [Nginx] 설치하고 사용하기 오늘 포스팅에서는 Nginx 서버를 설치하고 사용하는 방법을 정리해보겠습니다. Nginx란, 웹서버의 종류 중 하나로 가벼움과 높은 성능을 목표로 하고있습니다. 이러한 이유로 최근 그 사용도가 상승세에 있습니다. 2018년 3월 27일 기준 점유율은 아래와 같습니다 (출처 : netcraft.com) 곧 Apache를 따라잡을 것 같군요. 그럼 이제 Nginx의 설치방법을 먼저 확인해보겠습니다. ● Nginx 설치 Nginx 설치방법은 다양합니다. 그 중 몇가지에 대해서만 정리해보겠습니다. 먼저 첫 번째 방법은 yum을 사용한 방법입니다. yum install nginx 두 번째 방법은 brew를 이용한 방법입니다. homebrew에 대해서는 앞선 포스팅에서 알아보았었..

■ 반디캠 - 설치 및 사용법 녹화기능으로 유명한 '반디캠'에 대해서 설치 및 사용법을 알아보겠습니다 ! pc화면 녹화는 물론 게임 및 기타 장치까지 녹화가 가능한 매우 유용한 프로그램입니다. 물론 기본 기능은 무료로 사용이 가능합니다. 그럼 반디캠에 대해서 조금 더 자세히 알아보겠습니다 먼저 설치 방법부터 알아봅시다. ● 설치 설치는 네이버 자료실 또는 반디캠 홈페이지에서 쉽게 할 수 있습니다. 공식 다운로드 페이지는 아래 링크를 참고하세요https://www.bandicam.co.kr/downloads/ 대부분 pc에서 사용이 가능합니다. 고사양을 요구하는 프로그램은 아니에요. 설치파일을 다운로드 하시면 쉽게 설치가 가능합니다. ● 평가판 vs 정품 설치 후 정품등록을 하면 반디캠의 모든 기능을 사용..