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

jquery의 addClass() 함수 사용하기- 참고 링크: https://api.jquery.com/addclass/ # 서두안녕하세요 모닝버드입니다~ 오랜만에 집에 내려왔는데요. 원래는 주말동한 푹 쉬며 요양이나 하자는 마음이었는데, 막상 아무것도 안하니 시간이 아깝네요..! 그래서 노트북을 열었는데요, 프로젝트에 jquery를 사용해야 할 일이 있어서 이것 저것 서칭을 하다가 나중에 또 필요할 것 같아 포스팅으로 남깁니다. 그리고 css3의 transition 속성에 대해서도 간단히 알아보겠습니다. # jquery의 addClass() 함수html 태그에 새로운 클래스를 추가 할 수 있는 함수 입니다. 새로운 클래스를 추가함으로써 특정 이벤트가 발생할 시 새로운 css 속성들을 반영시킬 수 있습니..

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

#서두 안녕하세요 모닝버드입니다. 예스인테리어 페이지를 만들기로 마음먹고 시작한지 한달이 조금 넘었습니다. 이 프로젝트에 올인을 했다면 조금더 빨리 끝마쳤을 수도 있었겠지만 월~금 풀타임 알바를 겸하다보니 그렇게 힘든 기능들이 없는데도 불구하고 시간이 꽤 걸렸네요. 연락하기 페이지는 몇일 전에 완성했고, 비전 페이지는 오늘 막 끝마쳤습니다. 이 두기능을 마무리하며, 저의 첫 프로젝트인 예스인테리어 페이지가 99%는 완성되었다 볼 수 있을 것 같습니다. #본론 1. 연락하기 페이지 첫 번째 박스 'Naver Cafe'는 기존에 아버지가 운영중이신 네이버 카페인 '전목수의 인테리어 사랑방' 으로 링크됩니다. 두번째 박스 'E-mail'은 html 태그의 mailto 속성을 이용해 outlook express..

# 서두YesInterior 페이지의 사용자 인증 기능을 완성하였습니다. 이 부분에서 많은 시행착오가 있었습니다. 처음부터 기본 모델을 사용했으면 금방 끝냈을텐데, User 모델을 확장하고 싶은 마음에 이것 저것 건드리다가 회원가입 폼 부분에서 한참을 삽질한 후 결국 포기했습니다. (이부분이 많이 아쉽네요!) 유저모델을 확장하는 방법에는 프록시 모델 사용하기, User모델과 1대1 연결, 기존 User 모델을 대체(AbstractUser 또는 AbstractBaseUser 사용)하는 방법이 있었습니다. 저 같은 경우에는 새로운 모델(ex -> class Profile)을 만들어 추가적으로 사용할 사용자 정보 필드들을 만들었습니다. 새로운 모델을 만들고, admin.py 코딩을 통해 기존 User 모델 관..

서두 안녕하세요. 모닝버드입니다. 요즘 월~금 오전10시부터 오후7시까지 하는 평일알바를 시작하여 오랜만에 포스팅을 하게 되네요. 집 앞 바로앞에 있는 작은 물류창고(?) 같은 곳인데, 집에서 5분거리라는 것 빼고는 장점이 없는 것 같습니다.. 알바 끝나고나면 모든 의지가 꺾여버려 아무 것도 하기 싫지만, 알바로 시작해서 알바로 끝내는 하루를 살기엔 20대가 아깝네요. 그래서 주말이나 밤에 짬을 내서라도 조금씩 컴퓨터를 두들기고 있습니다. (놀러도 댕기고.. ㅋㅋㅋㅋ) 본론 드디어! 예스인테리어 홈페이지의 핵심기능인 Portfolio앱이 99% 완성되었습니다. (나머지 1%는 홈화면에 6~9개 정도 최신 포트폴리오 글을 사진게시판 모습으로 뿌려주는 것입니다! 담날 알바를 위해 일단 미뤄두기로... ) 특..

#Portfolio App 개발 우선 장고는 각 주요 기능별로 애플리케이션을 만들어 개발/관리가 가능하다. 'Yes Interior' 웹 페이지의 핵심기능인 Portfolio앱을 첫 번째로 만들었다. 관리자(사업 주)가 공사를 진행하는 과정, 완료 모습 등의 내용을 사진과 글로 포스팅하여 포트폴리오 형식으로 정리할 수 있는 기능이다. 관리자가 올린 이미지를 원본크기와 썸네일크기로 저장하여 보여줄 수 있는 커스텀 필드를 field.py파일을 생성하여 코딩했다. - field.py (ThumbnailImageFieldFile, ThumbnailImageField) def _add_thumb(s): parts = s.split(".") # 파일명을 '.'을 기준으로 splite함 parts.insert(-1,..

# 서두안녕하세요 모닝버드 입니다. 이 글의 카테고리인 "Yes Interior"은 필자가 웹 공부를 해 온 이래로 처음으로 진행하는 홈페이지 개발 프로젝트 명입니다. 현재 필자의 아버지가 인테리어 업종에 종사하고 있어서, 이왕이면 타인에게 도움이 될 수 있는 것을 만들고자 하여 인테리어 홍보/견적 분야를 타겟팅 하였습니다. - 서두에서의 잡담 필자는 고등학교 때 IT 동아리 내에서 친구들끼리 끼적끼적 거리는 교내외 활동 외에 프로젝트 경험이나 실제 웹 서비스 개발경험이 1도 없는 상태이다. 아직까진 어디서 부터 어떻게 실무 경험을 쌓아갈 것이고, 웹 분야의 비즈니스 생태계 안에서 어떤식으로 필자의 방향키를 잡아갈 것인지에 대한 인사이트가 상당히 부족하다. 그렇다고 가만히 앉아서 멍때리긴 싫었다. 그래서..

1. 웹에 대한 공부를 시작하게 된 동기.. "실행력"의 부족 고등학교 때부터 공부보다는 IT활동에 관심이 많았습니다. 그 때의 활동을 통해서 입학사정관제로 대학도 가게 되었구요. 꾀 괜찮은 성과들이 나왔지만 정말 아쉬웠던 점이 있었습니다. 바로 '실행력'이었습니다. 당시에 제가 교내 동아리 겸 창업팀(같은 동급생, 후배 들끼리 소소하게ㅎ)을 꾸려 학교폭력 방지를 위한 모바일 앱 서비스를 기획하여 여러 창업경진대회, 창업지원프로그램에 참여했습니다. 그때까지만(2011~12) 해도 '학교폭력'이란 주제는 정말 '핫' 했습니다. 뉴스나 각종 TV프로그램에도 '학교폭력'이란 주제로 많은 콘텐츠를 만들었었구요. 그래서 그런지 저희 아이템이 상대적으로 사업계획서나 UI디자인 등이 실제와 같이 잘 되어있었기에 많은..

안녕하세요 모닝버드입니다. 2017.09.20에 갓 전역한 민간인입니다. 전역한지 5일 됬네요! 어제 티스토리블로그 초대장을 받고 엄청 좋아했습니다. 초대장받기가 그렇게 어려운지 몰랐네요. 저의 티스토리 블로그 첫글은 제가 군대 안에서 웹 프로그래밍에 입문하면서 브라우저만을 이용해 웹을 공부했던 노하우?(팁)를 알려드리는 글을 쓰려합니다. 1. 웹프로그래밍 '무료 강의' _생활코딩우선 첫 번째로 생활코딩의 '웹 애플리케이션 만들기' 강의를 소개합니다. 이고잉님이 직접 동영상을 제작하여 올리는 강의로, 웹에 대한 기초적이고 전반적인 이해를 돕는 강의들입니다. Html, Css, javascript로 기본적인 웹 페이지 구조를 개발하고, php와 mysql 등을 이용하여 보이지 않는 웹의 처리를 배우게 됩니..