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

#서두 안녕하세요 모닝버드입니다. 예스인테리어 페이지를 만들기로 마음먹고 시작한지 한달이 조금 넘었습니다. 이 프로젝트에 올인을 했다면 조금더 빨리 끝마쳤을 수도 있었겠지만 월~금 풀타임 알바를 겸하다보니 그렇게 힘든 기능들이 없는데도 불구하고 시간이 꽤 걸렸네요. 연락하기 페이지는 몇일 전에 완성했고, 비전 페이지는 오늘 막 끝마쳤습니다. 이 두기능을 마무리하며, 저의 첫 프로젝트인 예스인테리어 페이지가 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도 없는 상태이다. 아직까진 어디서 부터 어떻게 실무 경험을 쌓아갈 것이고, 웹 분야의 비즈니스 생태계 안에서 어떤식으로 필자의 방향키를 잡아갈 것인지에 대한 인사이트가 상당히 부족하다. 그렇다고 가만히 앉아서 멍때리긴 싫었다. 그래서..

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

무료 이미지 다운로드 사이트 간단히 알려드립니다~ 픽사배이 (pixabay) 라는 사이트인데 필자가 애용하는 사이트 입니다. 왠만하면 보안문자 입력하시고 고화질 이미지 다운로드 받으 실 수 있습니다. 최고 화질 이미지는 회원가입을 해야하거나 유료로 사용 가능할 겁니다. https://pixabay.com/

서두안녕하세요 모닝버드(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 (프로젝트 디렉토리) - 가성서버 활성화..