노래하듯 이야기하고, 춤추듯 정복하라.

# 서두안녕하세요 모닝버드입니다. 오늘 node.js 를 공부한지 3일차가 되어가는데요. 이쯤에서 제가 공부한 내용들을 한번 정리하고 넘어가려합니다. 현재 저는 인프런에 올라와 있는 생활코딩의 이고잉님의 강좌를 듣고 있습니다. 위의 사진처럼 이고잉님의 강의는 3가지로 나누어져 있는데, 맨 아래 보라색 강좌가 node.js 기초를 다룹니다. node.js의 기본적인 개발환경 구축에서부터 가장 많이 사용하는 프레임워크들, 템플릿 엔진 등을 설명하고 있습니다. 두번째 분홍색 강좌는 node.js 프로그래밍에서 mysql을 활용하는 방법을 설명합니다. mysql의 기초적인 사용방법과 쿼리문들 부터 설명을 해주셔서 초보자 분들도 배우기 수월할 것 같습니다! 마지막으로 맨 위 세번째 강좌는 활용입니다. 저도 이제 ..

#서두안녕하세요 모닝버드입니다. 일본여행 전후로 포스팅을 1도 하지 못해서 정말 오랜만에 포스팅을 하게 되네요. 제 스타일이 공부할때는 딱 공부만하는 스타일이라 공부하는 족족 포스팅 하기가 어렵습니다. 공부를 마치고나면 막상 정리해서 포스팅하기 번거롭기도 했구요.. 허나 이제부터는 나름 꼼꼼히 포스팅을 해 보려 노력할 계획입니다. 잘 지켜봐주세요 (ㅎ) 현재 인프런을 통해 생활코딩의 이고잉 님이 올려주신 node.js 강의를 듣고 있습니다. 이제 막 중반부를 끝내는 단계인데요. 오늘은 pc에 mysql을 설치하고 node.js 코드 상에서 mysql 안에 데이터 베이스를 생성하여 데이터를 입출력하는 공부를 진행했습니다. #mysql 설치하기제 pc에 이미 bitnami가 설치되어 있어서 따로 mysql은..

node.js 개발환경 구축하기안녕하세요 모닝버드입니다. 오늘은 node.js의 개발환경 구축에 대해 포스팅 해보려 합니다. 간단하게 npm설치, npm에서 express 설치 이 두가지에 대해 알아볼 계획입니다. 현재 저는 django에 이어 node.js를 독학 중인데요, 생활코딩을 운영하시는 egoing님이 제작하신 강의 추천드립니다. (정말 좋으신 분이라는..) npm 설치하기npm은 nodejs package manage의 약자입니다. 말 그대로 nodejs에서 사용할 수 있는 다양한 package를 manage(관리)하는 시스템이죠. node.js로 웹 애플리케이션을 개발하다보면 개발의 편의성을 향상시키거나, 프로그램적 기능을 추가하기 위해 별도의 패키지(라이브러리)들이 필요합니다. 이러한 패..

1. node.js 템플릿 엔진 pug(전 버전 이름: Jade) 현재 node.js 개발자들이 가장 많이 사용하는 템플릿 엔진은 pug(퍼그)엔진 입니다. 원래의 이름은 jade(제이드)로 시작하였고 중간에 pug로 바낀 듯합니다. 공식 문서 홈페이지 또한 원래 http://www.jade-lang.com/ 였지만 현재는 https://pugjs.org/로 접속하셔서 보시면 될 것 같습니다. pug 엔진은 모양새가 아래의 사진처럼 독특합니다. 저도 프로그래밍을 시작한지 얼마 되지 않은 새내기이지만 pug의 모습은 약간의 흥미를 유발합니다. 퍼그의 가장 큰 특징은 기존의 .html 파일처럼 '' 꺽쇠로 이루어진 태그로 감싸는 방식과 상당히 다르다는 것입니다. 마치 python, java, c 등의 프로그..

React 개발환경 구축하기 1. React.js 란? 간단히 설명해자면 페이스북에서 자신들의 서비스를 좀 더 효율적으로 개발하기 위해 직접 개발한 기술이며, MVC 모델에서 'View'를 위한 UI(User Interface) 라이브러리다. 확실히 집고 넘어가자. React는 프레임워크가 아닌 UI 라이브러리이다. React는 React.js라고 불리듯이 javascript기반이며, 기존의 javascript나 javascript의 최근 버전인 ECMAScript6에 익숙한 개발자라면 금방 배워나갈 수 있을 것이다. React의 구조는 Component(요소)별로 구성되어 있으며 단방향 데이터 플로우 갖고 있다. 쉽게 말해서 React로 개발된 UI의 상태가 변할 때 데이터가 변형되는 것이 아니라 사용..

파이게임 설치하기! 파이게임은 파이썬 라이브러리로, SDL(Simple DirectMedia Layer) 기반의 게임 제작을 위해 사용되는 라이브러리입니다. SDL은 C언어로 구현된 크로스플랫폼 멀티미디어 라이브러리인데 비디오, 오디오, 사용자 입력 등의 계층을 추상화하여 다양한 os에서 실행가능하게 해줍니다. 파이썬으로 좀더 편리하고 간편하게 게임을 개발하기위해 파이게임을 많이 사용합니다. 일반적인 pip 설치 방식 처럼 cmd 창에서 pip install pygame 명령어를 이용해 설치할 시 import pygame할때 pygame 플러그인을 제대로 임포트하지 못하는 에러가 발생할 가능성이 큽니다. 필자의 경우도 그랬습니다. (windows10 사용 중) 파이게임은 현재 자신이 사용하는 파이썬 버전..

안녕하세요 모닝버드입니다. 오늘은 Front-End 공부 첫 글을 쓰려 합니다. 제대한지 벌서 한달 다되가네요.. 뭐 한 것도 없는데 너무 후딱 지나가서 짜증이 납니다.. ㅋㅋㅋ 1. 필자가 공부한 책 "인터랙티브 웹디자인북" _최성일 지음 부대 안에 있을때 맨날 기준 없이 이것 저것 건들다가 처음으로 책을 통해 정식으로 실습을 해보았습니다. 내용은 책 안에 있는 내용 그대로지만 코드만큼은 이미지와 책 내부 내용 보면서 직접 이해하고 짜 보았습니다. 필자가 본 책은 저자 최성일의 "인터랙팁 웹디자인북" 입니다. 우선 다른 프론트엔드 기본서들 처럼 초반부에 기초적인 html, css, jquery 지식들을 다룹니다. 허나 다른 구 서적들에 비해 나름 최신 기술을 많이 다루고 있는 것 같습니다. 예를 들면 ..

서두안녕하세요 모닝버드(Morning Bird) 입니다. http://morningbird.tistory.com/4 이 글에서 필자가 해 온 공부를 간단하게 끄적여 본 적이 있습니다. 오늘 이 포스팅을 하는 주 이유는 웹 프로그래밍 공부를 해 오면서 터닝포인트에 마주한 것 같다는 생각이 들어서 입니다. 군대 안에서 Front-End (Html5, CSS3, jQuery)에 집중했고, 제대하고 나서 본격적으로 Back-End를 공부했습니다. 필자가 선택한 언어는 파이썬(Python)과 파이썬 웹 프레임워크인 장고(Django)입니다. '나의 첫 파이썬'을 시작으로 '파이썬 웹 프로그래밍 기본편&실전편(Django를 활용한 쉽고 빠른 웹개발)'이란 책을 1회독을 다 해 갑니다. 현재 시점에서 이론공부를 잠시..

필자가 파이썬 웹 프로그래밍(실전편) _Django를 활용한 쉽고 빠른 웹 개발 을 읽으며 장고를 공부하 던 중, 또 다른 장고 학습자들에게 팁이 될까하여 포스팅 해 본다. 오늘 포스팅할 내용은 장고를 통해 "이미지 파일 업로드 & 썸네일 생성하기" 이다. 1. models.py 코딩하기 이미지 업로드 기능 만들기 위해서는 아래와 같이 models.py에서 이미지 데이터를 사용(보내기, 불러오기 등)하기 위한 Image 속성을 가진 객체를 만들어 줘야 한다. from photo.fields import ThumbnailImageField class Photo(models.Model): image = ThumbnailImageField(upload_to='photo/%Y/%m)여기서 ThumbanilIma..

Django debug toolbar 사용하기 (Windows 기준) 대부분의 프로그래밍에서 디버그 모드는 개발자에게 필수입니다. 파이썬 웹 프레임 워크인 장고 같은 경우에는 프로젝트 디렉토리에 "django-debug-toolbar"을 직접 설치하여 디버그 모드를 사용할 수 있습니다. 그럼 차근차근 설명해 드리겠습니다. 잘 따라오세요! * 참고: 장고 프로젝트 폴더와 프로젝트의 가상서버까지 설치되었다는 가정 하에 설명을 진행하도록 하겠습니다. 1. Cmd (리눅스같은 경우 터미널) 창을 열어주시고 프로젝트 폴더로 이동하여 가성서버를 활성화 시켜주세요. * 참고 _명령어 설명 - 프로젝트 폴더 이동하기 -> cd C:\workspace_django\pizzeria (프로젝트 디렉토리) - 가성서버 활성화..