자몽아이스티맛의 기술 블로그 자몽아이스티맛의 기술 블로그

변수명으로 사용할 수 없는 예약어변수명은 하나의 문자나 그 뒤를 이어서 하나 이상의 문자. 숫자, _(언더바)가 붙는 문자열로 문장, 변수, 매개변수, 속성명, 연산자, 라벨 등에 사용한다.아래의 예약어들은 변수명으로 사용할 수 없는 리스트이다. A abstract B boolean, break, byte C case, catch, char, class, const, continue D debugger, default, delete, do, double E else, enum, export, extends F false, final, finally, float, for, function G goto I if, implements, import, in, instanceof, int, interface, l..

The method builder() is undefined for the type...이클립스 환경에서 Lombok 라이브러리를 사용할 때, 몇몇 어노테이션 기능을 사용할 수 없는 현상이 발생한다.이러한 이유는 IDE에 Lombok이 연동되지 않아 발생하는 문제인 것으로 보인다.단순히 Lombok 라이브러리만 다운받아 사용하면 되는 줄 알았는데 그게 아닌 것 같다. 아래의 내용을 보고 해결해보자. 문제Lombok 라이브러리를 설치하고 자동으로 생성자를 처리해주는 @builder 어노테이션 기능을 사용하려고 했는데 객체에서 builder()메소드가 정의되지 않았다는 에러가 발생했다.문제를 찾고 찾아보니 lombok 사이트에서 신규 라이브러리를 다운로드받고 실행시켜서 IDE와 연결하면 해결된다고 stack..

XMLHttpRequest 객체비동기 통신을 위한 XMLHttpRequest 객체 사용방법을 적어보려한다.지금까지 jQuery 플러그인의 $.ajax()로만 비동기 통신을 처리하다시피해서 XMLHttpRequest 객체를 사용하는 방법을 잊었다.최근 다시 순수 Javascript문법으로 코드를 짜려고 노력하고 있다. XMLHttpRequest 객체 생성가장먼저 비동기 통신을 위해서는 XMLHttpRequest객체를 사용해야하는데, 이 객체를 사용하기 위해서는 브라우저별로 객체 생성처리를 다르게 해야한다.XMLHttpRequest는 브라우저를 통해 객체를 가져올 수 있는데, MS사의 IE 브라우저와 타 크롬, 파이어폭스, 오페라 등의 브라우저에서 제공하는 XMLRequest객체를 생성하는 방법이 다르다.1..

Eclipse - UTF-8 설정 1. Window → Preference 클릭 2. 각각 아래의 이미지 옵션들을 UTF-8로 설정

모듈화모듈화란 다양한 기능을 하는 함수들 중 연관된 기능을 하는 함수들을 따로 한 곳에 묶어 파일로 관리하는 것이다.예를 들어 애플리케이션에 아래의 함수들을 사용하고 있다고 치자.'더하기를 하는 함수'와 '나누기를 하는 함수', '합계의 평균을 구하는 함수'가 있다고 칠 때 이 함수들의 공통점은 산술을 처리하는 기능을 한다는 것이다.이렇게 하나의 카테고리로 묶을 수 있는 함수들을 모아서 따로 파일로 관리하는 것을 모듈화라고 한다. 모듈 만들기프로젝트 폴더에 lib 폴더를 생성하고 하위에 수학관련 함수를 작성할 calculator.js파일을 생성하자. calculator.js 파일 내에 아래의 코드를 작성하자.2 ~ 9번 줄 - 7번줄에서 _sum()이라는 인자를 두개 받아 덧셈을 처리하는 함수를 작성했다..

Federation AuthenticationPassport는 로컬 인증과 타사 인증을 비슷한 로직 작성 방법으로 처리할 수 있다는 것이 가장 큰 장점이다.지난 시간에는 로컬 인증을 해보았으니 이번 시간에는 Facebook 타사 인증을 처리해보자. Facebook API 발급타사 인증을 처리하기 위해서는 가장먼저 해야할 일은 해당 회사의 API를 발급받아야 한다.발급받은 API 정보를 우리의 웹 애플리케이션에 등록하게되면 Facebook에서 전달하는 사용자 정보를 판단할 수 있고 데이터를 가공할 수 있게 된다.이번 시간에는 사용자의 Facebook 계정 정보를 우리 웹 애플리케이션에서 인증처리를 하는데 사용할 것이기 때문에 Facebook의 API를 발급받도록 하자.Facebook API는 Faceboo..

Authentication - PassportAuthentication(인증)이란 회원을 확인하는 절차이다.예를 들어 A라는 사용자가 Jamong이라는 닉네임을 사용하는 회원이라고 가정해보자.만약 이 A라는 사람이 Jamong인지 주장한다고 했을 때 과연 서버에서는 그 주장을 어떻게 판단할 수 있을까?그건 지금까지 우리가 해왔던 데이터 베이스를 통해 사용자 정보를 저장하고, A가 Jamong이라는 것을 주장할 때 그것을 판단하기 위해 데이터 베이스에 저장된 사용자 정보를 확인하고 인증시켜주는 작업을 통해 알 수가 있었다.즉 우리가 지금껏 해왔던 회원가입과 그 정보로 로그인하는 것이 인증 절차 과정인 것이다. 현대에는 다양한 인증 절차 과정 기술이 존재한다.회원이 정보를 우리의 데이터 베이스에 저장하여 관..

Process Management - PM2이번 시간에는 Process Management 툴인 PM2를 알아보자.기존에는 node app.js 혹은 supervisor 패키지를 통해 애플리케이션을 실행시키고 관리했었다.그러나 프로세스가 돌아가는 상황이나 모니터링을 할 수 없다는 것이 단점이었는데, PM2 패키지는 모니터링을 할 수 있고 프로세스를 여러개를 실행시킬 수 있다는 장점을 가지고 있다.더욱 강력한 툴이라 할 수 있겠다. PM2 설치하기http://pm2.keymetrics.io/위의 경로로 들어가면 설치 방법부터 프로세스 실행 방법을 비롯 다양한 설명들을 시각화하여 쉽게 알 수 있도록 제공하고 있다.npm install pm2 -g 구문을 통해 패키지를 글로벌 옵션으로 설치한다. 애플리케이션 ..