장고 (5) 썸네일형 리스트형 [Django] 템플릿 상속 및 css 파일 적용하기(feat. 내비게이션 바) 지난 멋사 세션에서 게시판을 만들고 귀찮은 마음에 css작업은 미뤄뒀던 나... 내비게이션 바를 만들어서 상속을 해볼까 하던 차에 템플릿 상속이랑 css 파일 적용 개념이 엉망진창인걸 깨달았다. 이번 글은 2시간 동안 싸우면서 배운 템플릿 상속 및 css 파일 적용 정리 글이다. 1. 장고 프로젝트 및 앱 만들기 toy_project라는 이름으로 프로젝트를 만들고 그 안에 main앱을 만들었다. * 여기까지의 자세한 과정은 지난 글 참고 2. 템플릿 상속 1) 프로젝트 폴더에 base.html 만들기 프로젝트 이름 로그인 회원가입 {% block content %} {% endblock %} 모든 페이지에 적용될 네비게이션 바를 구현하기 위해 base.html을 만들었다. * 이때 base.html은 부.. [멋쟁이 사자처럼] Django로 블로그 만들기3 (댓글 쓰기) 지난 이야기🌿 7주 차에는 장고(Django)에서 CRUD기능을 구현했다. 8주 차(2021.05.17-2021.05.20) 8주 차에는 프로젝트에 새 앱을 만들어 회원가입, 로그인, 로그아웃 기능을 만들었다. 그리고 모델에 Comment 클래스를 추가해 댓글 기능을 추가했다. ForeignKey 댓글 기능을 알기 전 ForeignKey에 대해 알아보자. ForeignKey(외래키)란 테이블 필드 중에서 다른 테이블의 행과 식별할 수 있는 키를 의미한다. => 테이블과 테이블을 연결하기 위해 사용하는 키 ForeignKey는 model간의 1:N 관계를 나타낼 때 사용한다(게시글과 댓글 관계). 1:N 중에서 N인 쪽 관계를 선언하며, 두 개의 인자를 필요로 한다(대상이 되는 클래스 및 삭제 설정). 장.. [멋쟁이 사자처럼] Django로 블로그 만들기2 (회원가입, 로그인, 로그아웃) 지난 이야기🌿 7주 차에는 장고(Django)에서 CRUD기능을 구현했다. 8주 차(2021.05.17-2021.05.20) 8주 차에는 프로젝트에 새 앱을 만들어 회원가입, 로그인, 로그아웃 기능을 만들었다. 그리고 모델에 Comment 클래스를 추가해 댓글 기능을 추가했다. 이번 포스팅에서는 회원가입, 로그인, 로그아웃 기능을 만들어보자. 1. 새로운 앱 만들기 유저 관련 기능을 담당할 새로운 앱 accounts를 만들었다. 기능별로 앱을 만들면 유지 보수하기 좋다. $ python manage.py startapp accounts 앱을 만든 후에는 꼭 프로젝트 폴더 settings.py에 아래와 같이 등록해주자. #settings.py INSTALLED_APPS = [ 'django.contrib... [멋쟁이 사자처럼] Django로 블로그 만들기(CRUD 기능 구현하기) 지난 이야기🌿 6주 차에는 장고(Django)를 시작했다. 7주 차(2021.05.10-2021.05.13) 7주 차에는 지난 세션에 이어서 장고에 대해 배웠다. blog라는 이름의 프로젝트를 만들고 CRUD 기능을 구현했다. * CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다.(출처 위키백과) 장고로 블로그 만들기 제목과 내용을 넣을 수 있는 글쓰기 기능 구현 글을 쓰면 제목과 내용, 작성일로 글 생성 글 수정 및 삭제 기능 구현 1. 장고 프로젝트와 앱 생성하기 1) 가상환경 만들고 프로젝트와 앱 생성하기 $ python -m venv myven#가상환경 생성 $ . my.. [멋쟁이 사자처럼] 장고 시작하기(단어 수 세기 예제✔) 지난 이야기🌿 5주 차에는 아이디에이션을 진행했다. 6주 차(2021.05.03-2021.05.06) 6주 차에는 장고(Django) 세션이 있었다. 장고에 대해 간단히 배우고 단어 수 세기 예제를 통해 직접 앱을 만들어보았다. Django란 무엇인가? 파이썬으로 작성된 오픈 소스 웹 애플리케이션 프레임워크다. 여기서 프레임워크는 기능을 수행(예) 로그인, 회원가입 등) 하기 위해 잘 설계된 코드를 말한다. 이 코드를 활용하면 웹사이트 내에서 자주 쓰이는 기능을 빠르게 만들 수 있다. 월요일 월요일 세션에서는 VScode를 사용해 다음과 같은 단계로 실습을 진행했다. * 본 포스팅은 윈도우를 기준으로 한다. 파이썬 버전 확인 - 가상환경 설정 - 장고 설치 - 프로젝트 만들기 - 앱 만들기 - 웹 서버 .. 이전 1 다음
