IT Dev Log

Angular 앱- 3.styling for Question status 이번 포스팅에서는 Question 상태에 대해서 작성하겠습니다. Question 상태 : unanswered, unanswered question 에 대해서 사용자가 마우스 포인터를 버튼 위로 움직였을때, 마우스 모양이 변경되는 것을 확인할수 있다. 한가지 더 추가해서 마우스 모양 변경과 버튼의 배경색까지 변경되는 것을 만들자. 질문에 대한 답을 작성한 경우( unanswered -> answered ) 에는 다시 원래 상태로 돌아간다. 끝.

Angular 앱- 2.styling for Answer status 이번 포스팅은 질문에 대한 답의 상태 표시를 작성해 보자. 답의 상태 종류 : selected, correct, selected::after, correct:: after 다음은 pseudo 코드를 적용해서 화면을 reload 시에 특정 스타일이 적용된다. psuedo 코드를 적용하면 특정 시점에 원하는 코드를 추가로 insect 시킬수 있다. background 의 경우는 공간을 확인하기 위한 목적이라.. 일단 위치가 맞는지 보고 괜찮다면 색상을 제거한다. psuedo after 기능을 이용해서 selected -> incorrect 이미지 호출, correct -> correct 이미지 호출 만일, 사용자가 selected & co..

Django - 6. Product view 와 Templates 만들기 이번 포스팅에서는 Product 에 대한 뷰와 템플릿을 작성할 예정입니다. Product 뷰 만들기 product 템플릿 만들기 ( product.html ) product 접근을 위한 shop url 추가한다. product 모델에 get_url 추가하기 product 모델에 get_url 을 추가했으니, 제품의 이미지를 클릭하면 해당 제품의 상세 페이지로 이동한다. 이를 구현하기 위해서 다음과 같이 category.html 에 product list 에 get_url 을 추가한다. 서버를 재구동하고 브라우저로 화면을 refresh 한다. 제품 페이지에 Home | Polyester Cushions | (product name) ..

Django - 5. Category view 와 Templates 만들기 Django 에서 view는 데이터와 화면을 구성하는 HTML을 연결해주는 컨트롤러이다. 이번 포스팅에서는 Category에 대한 뷰와 관련 데이터를 화면에 보여주는 HTML을 만들어보겠다. 먼저 시작하기 전에 shop 폴더 아래에 "templates > shop" 폴더를 만들어준다. 이제 다시 settings.py로 가서 templates 관련 폴더를 추가해준다. 다음은 shop > templates > shop 으로 가서 html 파일들(base.html, header.html, footer.html, ... ) 을 만든다. Django templates 에서 데이터 작업을 위한 코드는 다음과 같다. base.html 은 te..

Django 에서는 커맨드라인(Shell)을 통해서 데이터베이스에 접근이 가능하다. Shell 연습을 위해서 몇가지 데이터(카테고리, 제품)를 추가해보자. Django shell 실행 QuerySet을 사용하기 위해서 모델들을 import 해야 한다. 모든 Category 정보를 데이터베이스에서 가져오기 특정 제품만 가져오기 ( id / pk ) 필터를 이용해서 데이터 가져오기 ( filter ) 특정 단어를 포함한 데이터 가져오기 ( name_startswith /contains) 특정 범위에 있는 데이터 가져오기 ( __range=(10,20) ) 쉘(shell)을 통해서 새로운 데이터를 입력 ( create ) 데이터 업데이트 데이터 삭제 QeurySet 은 Database의 SQL 와 상당히 비슷..

Django - 3. Models 과 admin 만들기 Django 에서 models 은 데이타를 말하는 것이다. shop 앱에서 필요한 데이터를 models 에서 정의해 주면된다. - Cetagory model - Product model Category 와 Product 모델의 경우 image 필드가 있는데, image 의 경우 데이터 생성시에 해당 이미지를 저장할 곳을 지정해 주어야 한다. upload_to = "category" , upload_to = "product" 그럼 Django 에서 category / product 경로의 경우 어디로 저장할 것인지 알아야 하는데, 이 부분을 settings.py 에서 설정하게 되었다. os.path.join() 함수는 여러개의 경로위치를 붙여서 하나의..

Django - 2. 첫번째 앱(shop) 설치하기 shop 앱 설치하기 shop 이 생성되면 shop 폴더와 함께 다음과 같은 파일들이 생성된다. - admin.py : shop 앱을 관리하기 위한 모듈 - apps.py : application configuration - models.py : cofigure database - test.py : - views.py : deliever a service View 설정하기 view 는 django 에서 models 과 templates 를 연결시켜주는 역할을 한다. 다시 말하면, 사용자의 요청에 대한 정보를 찾아서 원하는 정보를 다시 사용자에게 리턴하는 것이다. - HttpResponse : 웹 요청에 결과를 http 형식으로 리턴하기 위한 모듈 sho..

Django - 1. 프로젝트 생성하기 새로운 프로젝트 생성하기 : perfectcushion 프로젝트 프로젝트를 생성하면 manage.py 와 perfectcushion 폴더가 생성된 것을 확인할수 있다. 그리고 프로젝트 폴더 안에는 아래 파일이 생성된 것을 확인할수 있다. settings.py : Django application 글로벌 설정값 urls.py : http web 요청에 대한 컨트롤 wsgi.py : 웹서비스 설정 이제 브라우저를 이용해서 프로젝트 폴더를 확인해 보자. 데이터베이스 생성하기 새로운 프로젝에 대한 데이터베이스를 생성한다. settings.py 를 보면, 현재 프로젝트에서 사용할 데이터베이스에 대한 상세 내용을 확인할수 있다. 데이터베이스 생성은 migrate 명령을 통해서..

Django - 0. 개발 환경 구축: vs code 를 이용한 장고 개발 Django 개발을 위한 환경 설정. 매번 새로 개발 할때마다 검색해서 환경 세팅하던것을 이번 포스팅에 정리해 보고자 한다. Python 개발을 위한 툴로 Pycharm, sublimetext, Visual Studio Code 등등 많은 사람들이 다양한 툴을 사용하고 있다. 그 중에 vscode 를 사용하길로 정하고 앞으로 다양한 환경에서 vscode 를 사용해 보기로 했다. 1. python 설치 다운로드 : https://www.python.org/ Welcome to Python.org The official home of the Python Programming Language www.python.org 위 공식 사이트에..

윈도우를 사용하다보면 CMD 윈도우를 열어서 특정 폴더로 찾아가야한다. 그런데 CMD 명령어를 실행하게 되면, 항상 유저폴더에서 시작한다는 것이다. 그럼 cd C:\ 부터 시작해서 특정 폴더를 하나씩 지정하면서 들어가야한다. 이게 생각보다 많이 귀찮은 작업입니다. 그래서 원하는 위치에서 CMD 가 바로 실행되면 좋겠다는 생각으로 방법을 찾아보니 다음과 같은 간단한 방법을 찾았습니다. 1. 파일검색기에서 cmd 명령 입력 이 방법은 탐색기를 통해서 원하는 위치로 가서, 상단의 위치 cmd 명령을 입력하는 방법이다. cmd 명령입력 원하는 폴더에서 cmd 창이 실행되는 것을 볼수 있다. 2. shift + "여기서 명령창 열기" 탐색기에서 shift 키를 누르고 마우스의 우클릭을 하면 "여기서 명령창 열기"..