어서와, 개발은 처음이지?

지금부터 다룰 내용들은 개인적으로 고급 개념이라고 생각합니다. 다만 저의 클라스가 아직 그 영역에 미치지 못하기에 초/중급자의 눈으로 뇌피셜을 섞어서 풀어내보겠습니다. 1. 개요 자바스크립트는 일반적으로 스크립트 언어로써, 인터프리터 언어로 분류되곤 하는데 실은 컴파일러 언어라고 합니다. 자바스크립트의 컴파일레이션은 코드가 실행되기 직전에 순식간에 일어나고, just in time 이라고 표현합니다. 컴파일레이션 과정을 이해하면 호이스팅, this 바인딩, let const 선언 등에서 일어나는 현상을 이해하는데 도움이 됩니다. 2. 컴파일레이션 3단계 자바스크립트 코드는 크게 3단계를 통해 해석(컴파일)됩니다. 1. 토크나이징 / 렉싱 : 코드를 의미있는 조각(token)으로 만드는 과정. (예) va..

이번 글에서는 ec2에 nodejs를 설치하고 express로 만든 기본 어플리케이션을 실행 해보겠습니다. 1. nodejs 설치 기본적인 설치 방법은 nodejs의 공식 문서에서 확인 가능하며, linux 계열의 nodejs 설치 명령어에 대한 설명은 이 곳에서 볼 수 있습니다. 제 ec2는 ubuntu 18 버전으로 아래와 같이 명령어를 입력합니다. > curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - > sudo apt-get install -y nodejs현재 stable한 버전이 10.15.1 버전이므로, 11.x 버전의 nodejs를 설치하고 싶다면 setup_11.x 로 수정해주면 됩니다. 설치가 완료되면 아래 명령어로 버전을 ..

(안내) 이 글은 카카오 오픈빌더에 맞추어 새로 작성되었습니다. 카카오 오픈빌더와 외부 API 연동(feat.Nodejs)(안내) 2019년 초부터 카카오 플러스 친구 정책 변경으로 신규 가입자는 본 글에 작성된 방식으로 외부 API를 사용할 수 없고 카카오 i 오픈빌더를 통해서만 스마트 채팅 제작이 가능합니다. 본론에 들어가기 앞서, 카카오 플러스친구는 스마트 채팅이라는 자동 응답기능을 제공하는데요.관리자 페이지의 스마트 채팅 메뉴에 들어가면 FAQ형과 API형을 선택할 수 있습니다. FAQ는 10개 정도되는 질문과 그에 해당하는 답변을 관리자가 미리 입력하여 사용하는 간단한 형태입니다.이에 반해 API형은 챗봇 등에 연결하거나 cs분석을 위해 별도의 DB에 기록하는 등 고객의 대화내용에 따라 여러가지..

지난 글에서는 프로젝트를 시작하기 앞서 init 프로젝트의 구조, 프로젝트 실행 시 디버그 서버 실행에 대한 내용을 간략하게 알아봤습니다. 이번 시간에는 App.js의 render() 함수에 XML처럼 들어가있는 JSX 문법과 기본 컴포넌트(Basic Component)를 알아보겠습니다. 1.JSX 우리는 이전에 App.js의 render() 함수에서 JSX를 본 적 있습니다. JSX는 의 모양으로, 컴포넌트를 열어주는 부분과 닫아주는 부분으로 이루어져 있습니다. * 태그를 열었으면 꼭 닫아주셔야 에러가 나지 않습니다. XML 혹은 HTML을 다뤄보셨다면 낯이 익으실텐데요. 만약 이러한 형식을 처음 접하신다면, 검색 혹은 이곳에서 간단하게 HTML을 체험해 보는게 좋을 것 같습니다. (코딩을 처음해..