[⚙️ 코드 구현] 포트폴리오 만들기 2차_폴더 구조 변경 및 서버 실행

[⚙️ 코드 구현] 포트폴리오 만들기 1차_개발 환경 세팅

▲이어져요~!

 

민경쓰의 포트폴리오 레퍼지토리 : minkyung's Portfolio Repository

---

고민

이미지 누르면 출처로 이동

이미지 누르면 출처로 이동

어떻게 해야 들어오자마자 흥미를 이끌 수 있을지 고민이 많이 되더라고요
코드는 html 파일을 render 하기만 하면 돼서 간단히 끝나지만, 문제는 html이네요. 😅

이미지 누르면 출처로 이동

2시간가량 포트폴리오 영감을 얻다가 원하는 디자인을 찾았어요.
레츠꼬 레츠꼬~!~!~!

---

코드 구현

폴더 구조를 깔끔하게 하고 싶었어요. 그래서 GitHub 뒤적거리다가 직관적이고 이해도 쉬운 구조를 찾았어요.
GitHub : https://github.com/Jeong-Beom/Portfolio
Blog : https://data-is-power.tistory.com/279

 

폴더 구조 변경 전

Portfolio
├─ PortfoiloPjt
│  ├─ mainapp
│  │  ├─ admin.py
│  │  ├─ apps.py
│  │  ├─ migrations
│  │  │  └─ __init__.py
│  │  ├─ models.py
│  │  ├─ tests.py
│  │  ├─ urls.py
│  │  ├─ views.py
│  │  └─ __init__.py
│  ├─ manage.py
│  ├─ PortfoiloPjt
│  │  ├─ asgi.py
│  │  ├─ settings.py
│  │  ├─ urls.py
│  │  ├─ wsgi.py
│  │  └─ __init__.py
│  └─ templates
│     ├─ BlogPage
│     ├─ MainPage
│     ├─ MePage
│     └─ ProjectPage
├─ README.md
└─ requirements.txt

project-tree 사용법 : https://inpa.tistory.com/entry/project-tree

지금은 폴더 구조가 이렇게 돼 있어요.
하지만 제가 찾아본 깃허브에서는 App을 하나만 두고, view라는 폴더 자체를 만들어서 하더라고요.
저도 views.py만 늘리는 식으로 할 거예요! 

 

폴더 구조 변경 후

Portfolio
├─ config               <- 프로젝트 관련 설정 폴더
│  ├─ asgi.py
│  ├─ settings.py
│  ├─ urls.py
│  ├─ wsgi.py
│  └─ __init__.py
├─ main                 <- 포트폴리오 관련 설정 폴더
│  ├─ admin.py
│  ├─ apps.py
│  ├─ migrations
│  │  └─ __init__.py
│  ├─ models.py
│  ├─ tests.py
│  ├─ urls.py
│  ├─ views             <- views.py 관리 폴더
│  │  └─ base_views.py
│  └─ __init__.py
├─ manage.py
├─ README.md
├─ requirements.txt
├─ static               <- CSS 및 사진 관리 폴더
│  └─ css
│     └─ style.css              
└─ templates            <- 사용되는 모든 HTML 관리 폴더
   ├─ base.html
   └─ index
      └─ index.html

폴더 구조 설정은 끝났어요

서버 실행

오! 되네요
서버도 잘 작동되고, 템플릿도 잘 로드되네요!
이제 index.html 작성을 하러 가볼게요~!