웹개발
-
[2019.05.09] 2주 프로젝트 아이디어 선정핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 5. 10. 09:56
어제는 2주 프로젝트에 대한 아이디어 쉐어링을 했다. 정말 여러가지 아이템이 있었고, 나 또한 아이디어 발표를 했다. 그러나 내가 생각하는 아이디어 견해는 조금 날 달라서, 정말 신박하고 '아 이거는 정말 서비스로 배포할 만하다!'라고 할 만한 아이디어는 아니였다. 그러나 우리가 약 한달 간 배웠던 모든 스프린트 내용이 거의 다 들어가 있었기에, 4주 프로젝트를 위한 실력 갈고닦기 용으로는 이정도 만한 아이템이 없다고 자부했다. # 아이디어 발표 내용 스타벅스 '사이렌 오더'와 같은 시스템이다. 손님이 여러 매장 중 하나를 선택하고, 메뉴를 여러가지 선택하고 주문을 한다. 포스기에서는 주문 리스트를 확인하고 하나씩 처리한다. 주문이 처리될 때마다 해당 손님에게 알림을 준다. 포스기에서는 메뉴를 추가, 삭..
-
[2019.05.06] 불필요한 github 업로드 방지 - gitignore 설정개발 블로깅/기타 개념 2019. 5. 6. 14:14
오늘 Express서버에 여러 가지 작업을 해본 것을 github에 올리기 위해서 repository를 새로 생성하고 push를 날랐다. 그런데... 소름 돋게도 node_moduls까지 전부 push가 된 것이다...;;; push를 날렸더니, 엄청난 양으로 로그가 촤라락~~!! 깜빡하고 github에 올리기 전에 gitignore 작업을 해주지 않은 것이다. # gitignore이란? 불필요한 파일들을 github에 업로드하는 것을 막기 위해, 업로드할 대상들을 설정할 수 있는 파일이다. 대표적인 예로는 node_modules가 있다. node_modules 정보는 package.json에 이미 명시가 되어있기 때문에 언제든 쉽게 모듈을 설치할 수 있으므로, 굳이 node_modules 안에 있는 모..
-
[2019.05.03] Highring Accessment 전 날...핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 5. 3. 20:35
어제부로 모든 스프린트는 다 끝내고, 오늘은 중간중간에 미니 세션과 내일 있을 Highring accessment 시험대비를 했다. (오늘 옆에서는 11기 데모데이를 진행했다.) 어제 저녁까지만 해도 일정에, 하루종일 시험 대비를 할 수 있도록 시간이 짜여져 있었는데, 오늘 아침에 갑자기 이것저것 세션과 일정이 들어간 것을 보고 당황했다. 나 뿐만이 아니라, 다른 분들도 전부 이게 뭐냐며... 그래서 오늘 점심먹고 뜬금없이 프로젝트 아이디어 쉐어링 세션이랍시고, 아이디어 가지고 있는거 공유하라고 해서...다들 분노...ㅜㅜ 뭐..오늘 그런 일이 있었고..우선 오늘 나름 시험 대비를 하고, 11기 데모데이 진행한 내용을 잠깐 상영할 수 있었다. 다른 것들도 전부 관심이 많이 가긴 했으나, 무엇보다 프로젝트..
-
[2019.04.29] Mysql 설치방법(맥북 환경) 및 node.js 연동개발 블로깅/Server&DataBase 개념 2019. 4. 29. 22:30
맥북에서는 Mysql을 엄청 쉽게 설치할 수 있다. # mysql 설치법 brew install mysql 설치 끝.. (mysql은 어느 ㅡ로젝트에서 자주 쓰이므로, 왠만하면 전역 설치를 추천!) # homebrew 설치법 https://brew.sh/index_ko # mysql 서버 실행 방법 mysql.server start // 서버 켜기 mysql.server stop // 서버 끄기 # 터미널에서 서버 접속 방법 mysql -u root -p // -u user명 :root, -p : 패스워드를 입력하곘다는 뜻 # mysql 접속 화면 # node.js 연동 방법 var mysql = require('mysql'); var connection = mysql.createConnection({ ..
-
[2019.04.28] 이머시브 4주차 마무리, 어느덧 한달 째..핵인싸 개발자의 길/코드스테이츠 Immersive Course 2019. 4. 28. 22:45
이틀만 지나면 5월달이 되고... immersive 코스를 시작한지 한달이 다 되어간다... 정말 한달 동안 평일 주말 포함하여 아침부터 밤까지 24시간 코딩만 하고 있으니까, 이제 슬슬 몸이 조금씩 지쳐가는 것을 느낀다.. 정확히는, 열심히 하고자 하는 의욕은 있는데 몸이 피곤해지는 느낌이다... 밥도 계속 사 먹을 수 없어서 돈을 아낀답시고 닭가슴살과 햇반, 라면으로 영양소가 부족해져서 그런지 머리 회전이 초반같지가 않고...나름 남들보다 잘 할거라고 생각했는데, 다른 분들보다 뒤쳐지는 느낌에 좌절감도 없지않게 느끼기도 했다..그래도 아직은 괜찮다! 한달이라는 시간동안 정말 많은 것을 배운 것 같다. 자바스크립트 기초부터 oop 개념, 클라이언트와 백엔드, 서버사이드 테크닉(promise, async..
-
[2019.04.27] Promise 꿀팁 - util 모듈 promisify()개발 블로깅/Server&DataBase 개념 2019. 4. 27. 15:53
node.js의 내장함수인 util모듈 중에 promisify라는 함수가 있다. 이것을 쓰면, 비동기로 돌리려는 함수를 promise로 감싸주지 않고 사용할 수 있다. 그래서 지금부터 이 Promise를 조금 더 잘 다룰 수 있도록 하는 util promisify()함수를 소개해보려고 한다. 안녕하세요~! // hello.txt const fs = require('fs'); fs.readFile('./hello.txt', 'utf-8', (err, result) => { console.log(result); // '안녕하세요~!' }); // util.js 위와 같이 hello.txt와 utiltest.js 파일이 있다. util.js은 node.js 내장함수인 fs모듈을 이용하여 hello.js파일의 ..
-
[2019.04.26] 자바스크립트의 비동기 특징과 비동기 방식을 다루는 법개발 블로깅/Modern script 2019. 4. 26. 19:29
자바스크립트는 싱글 스레드이다. 그래서 비동기 방식의 함수를 정말 많이 내장하고 있다. # 비동기 방식의 특징 동기적 함수들은 절대 비동기 함수를 기다려주지 않는다. 그래서 비동기 방식의 함수는 동기적 방식의 함수들이 처리를 다 하면, 그제서야 이벤트 큐에서 하나씩 가져와서 처리가 된다. 그래서 비동기적 방식의 함수를 호출 후 처리해야할 작업은, 처리할 함수를 콜백으로 넘기는 등 전부 비동기 함수 쪽에 몰아 넣어야 한다. # 비동기 방식의 필요성 자바스크립트는 네트워크 상 웹 브라우저에서 사용하는 언어이다. 그러므로 자바스크립트는 통신이라는 개념을 가지고 있다. 통신 중 어떤 함수가 일 처리가 길어지면, 웹 브라우저는 계속 멈춤 상태가 되고 기다려야 된다. 통신 중 계속 기다려야 되는 상황을 방지하기 위..
-
[2019.04.24] 실시간 통신 API - webSocket개발 블로깅/Server&DataBase 개념 2019. 4. 24. 23:55
웹소켓이라는 통신 모듈을 사용하면, 꼭 클라이언트가 요청을 하지 않아도 서버 내에서 특정 데이터 변경이나 외부에서 이벤트를 발생하면, 클라이언트에게 신호를 보내는 방식이 있다. 이 방식을 통해, 기존에 서버에게 주기적으로 요청을 보내서 받아왔던 실시간 데이터를, 소켓을 이용하여 서버에게 응답을 받으면 된다. 소켓 모듈 설치 npm i -D socket.io // 서버 전용 소켓 npm i -D socket.io-client // 클라이언트 전용 서버 전용과 클라이언트 전용 소켓 모듈이 따로 있다. # websocket 특징 get, post등과 같은 http method를 가지지 않는다. 특정 통신을 위한 키를 가진다. 데이터를 전달할 때, stringify 등의 데이터 처리를 안해줘도 된다. , con..