programing/Language
-
[JS] JavaScript에 대한 다양한 개념들programing/Language 2019. 4. 4. 23:20
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 JavaScript에 대한 기초적인 개념이 잘 정리된 글을 소개해볼까 합니다. 입사면접 전, 복습용으로 좋은 것 같습니다. http://www.nextree.co.kr/p7363/ JavaScript : Scope 이해 JavaScript는 단순한 언어로 여겨져 왔습니다. 그래서 여러 개발자분들이 JavaScript를 배우기도 쉽고 간단히 쓸 수 있다는 편견을 가지고있습니다. 하지만, 최근 JavaScript의 관심이 늘어나면서 JavaScript는 더이상 '쉬운 언어'가 아닌 깊은 이해를 필요로 하는 언어라는 인식이 생기고있습니다. 저는 JavaScript에 대한 깊은 이해를 하기 위해서는 클로저(Closure)에 대해..
-
[Java] Initial assignmentprograming/Language 2019. 3. 27. 20:08
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 IntelliJ에서 가끔씩 발생하는 변수 초기화 경고에 대해 포스팅하고자 합니다. Inital assignment String text = null; text.toString(); 보통 변수를 사용할 때, 위와 같이 초기화를 하시는 분들이 많을 것입니다. 저 또한 이렇게 배웠구요. 하지만, 이렇게 초기화를 한다면 컴파일은 되지만 runtime error가 발생할 수 있다고 합니다. String text; text.toString(); 위와 같이 코딩한다면 물론 컴파일시에 compile error가 발생하게 됩니다. 그래서 IntelliJ에서는 위와 같이, 컴파일시에 compile error를 발생시키기 위해 초기화시 아무..
-
[JS] for in과 for ofprograming/Language 2019. 3. 19. 13:47
안녕하세요, Einere입니다.(ADblock을 꺼주시면 감사하겠습니다.) 오늘은 for in구문과 for of구문의 차이점에 대해 알아보도록 하겠습니다. for in문법 Mozila에서 찾아보니, "이름"이 할당된다고 합니다. 예시 var book = { name: "Nature of Code", price: 30000, author: "Daniel Sheepman", pages: 620 }; var output = ""; with(book){ for(var key in book){ output += key + " : " + book[key] + "\n"; } } /* name : Nature of Code price : 30000 author : Daniel Sheepman pages : 620 */..
-
[Express] router에서 async await callback사용하기programing/Language 2019. 2. 6. 00:02
안녕하세요, Einere입니다.(ADblock을 꺼주시면 감사하겠습니다.) 오늘은 Express의 router에서 async await를 활용한 callback을 사용하는 법을 알아보도록 하겠습니다. Async / Await const asyncFunction = () => { return new Promise(resolve => { setTimeout(_ => { resolve({ message: 'success' }); }, 3000); }); };테스트용 비동기 함수입니다. app.use('/async-function', async (req, res) => { const result = await asyncFunction(); res.json(result); }); 실제 router에는 위와 같이 ..
-
[Vue, Express] Vue와 Express로 간단한 웹 개발하기 2programing/Language 2019. 2. 4. 17:09
안녕하세요, Einere입니다.(ADblock을 꺼주시면 감사하겠습니다.) 오늘은 지난번에 이어서, 영화 목록에 영화를 추가하는 기능을 구현하도록 하겠습니다. 2019/01/26 - [programing/JavaScript] - [Vue, Express] Vue와 Express로 간단한 웹 개발하기 1이전 포스트는 위 링크를 통해 볼 수 있습니다. Frontend implement/* eslint-disable */ import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import MovieListPage from '@/components/MovieListPage' impor..
-
[Vue, Express] Vue와 Express로 간단한 웹 개발하기 1programing/Language 2019. 1. 26. 17:30
안녕하세요, Einere입니다.(ADblock을 꺼주시면 감사하겠습니다.) 오늘은 Vue와 Express.js를 활용하여 간단한 웹 페이지를 구현해보도록 하겠습니다.프론트엔드는 Vue를 사용하며, 백엔드는 Express를 사용합니다. Structure 브라우저에서 Vue앱으로 http request(요청)을 보내면, Vue앱에서 다시 http request로 Express서버에게 요청을 보냅니다.Express서버에서는 자신이 가지고 있는 json형식의 영화 데이터를 Vue앱으로 전송합니다.Vue앱은 Express서버에서 받은 데이터를 받아서 렌더링합니다.브라우저는 Vue앱이 렌더링 한 화면을 모니터에 띄워줍니다. Directory 디렉토리 구조는 위와 같이 프로젝트 파일 밑에 Express용 폴더와 Vu..
-
[Node.js] multer를 이용한 파일 업로드programing/Language 2019. 1. 20. 19:39
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) multer는 multipart/form-data를 다루기 위한 node.js 의 미들웨어 입니다.(multipart/form-data는 mime type중 하나입니다.)multer를 이용해서 서버에 파일을 업로드하는 방법을 알아보도록 하겠습니다.기본 환경은 express를 이용한 project입니다. multer 설치 $ npm install --save multerexpress project 폴더 내부에서, 위의 명령어를 실행하여 multer를 설치합니다. file.js const express = require('express'); const router = express.Router(); const multer = req..
-
[Node.js] 간단한 에코 서버, 클라이언트 구현하기programing/Language 2019. 1. 15. 17:47
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) Node.js의 http모듈을 사용하여 간단한 에코 서버와 클라이언트를 구현해보겠습니다. Server 구현하기 const http = require('http'); const server = http.createServer(function(req, res){ req.pipe(res); }); server.listen(9876, '127.0.0.1');request stream과 response stream을 pipe함수로 연결시킵니다. 그러면 request내용을 그대로 response로 내보내게 됩니다. Client 구현하기 //서버 생성 시 불러온 HTTP 모듈을 불러와서 'http' 변수에 바인딩 한다. const http ..