[개인 웹사이트 만들기] 썸네일형 리스트형 .gitignore 사용법 window 환경에서 개발코드를 작성하고 테스트할 때 EC2 환경과 다르기 때문에 윈도우 용 가상환경(ysy_env_win)을 만들어서 사용한다. 그래서 프로젝트 디렉토리를 그대로 commit 후 push 하게 되면 EC2 서버에서는 불필요한 디렉토리(ysy_env_win)이 포함된다. 이를 해결하기 위해 .gitignore를 사용한다. gitignore은 Git 저장소에서 특정 파일이나 디렉토리를 버전 관리에서 제외하도록 지정하는 파일이다. 이를 통해 불필요한 파일이나 민감한 정보를 Git에 커밋하지 않도록 할 수 있다. .gitignore 사용법.gitignore 이름의 빈파일을 생성해주고 아래 규칙을 이용해서 파일을 작성한다.# 로그 파일 제외 *.log # 빌드 디렉토리 제외 build/ # 환경.. 더보기 [Django] 페이지 공통 부분 분리 상단의 nav bar 같은 경우 모든 페이지에 공통으로 들어가는 부분이다.따라서 nav bar를 표현하는 코드가 모든 HTML 파일에 작성되는 것 보다 navbar.html형식을 따로 만들고 필요할 때 태그로 불러와서 사용하는것이 더 깔끔하고 편리하다. index_navbar.htmlnav bar를 표현하는 코드를 따로 작성한다. 그리고 필요한 페이지 HTML파일에 {% include "index_navbar.html" %}태그만 추가해주면 된다. 페이지 하단의 footer도 마찬가지로 진행한다. 더보기 [Django] resume 정적 페이지 추가 [Django] startbootstrap을 활용한 templates, static 구성 방법에 이어서 상단 바에서 Resume 버튼을 클릭하면 이력서 페이지가 나오게 추가해본다. blog와 마찬가지로 startbootstrap에서 이력서 페이지에 사용할 템플릿을 다운받아서 압축 해제한다.static 디렉토리에 resume 디렉토리를 만들어서 그 아래 스타일 파일들을 넣어주고template 디렉토리에 resume.html 파일을 넣어준다. 블로그 index.html에서 24번 라인에서 href를 resume로 변경Resume 버튼을 누르면 /resume URL를 요청하게 된다. blog/urls.py에 /resume 로 요청이 들어오면 views.resume를 참고하고blog/views.py resu.. 더보기 [Django] startbootstrap을 활용한 templates, static 구성 방법 본격적으로 사이트를 만들기 위해https://startbootstrap.com/사이트에서 원하는 테마나 템플릿을 골라 다운로드 한다. .zip 형태로 다운받은 파일을 풀어보면 위에 3개 폴더는 static/(app이름) 디렉토리에 index.html은 templates/(app이름) 디렉토리에 넣으면 된다.templates템플릿을 사용하기 전에 config/settings.py에서 TEMPLATES 항목을 수정해야 한다. startbootstrap에서 다운받은 파일을 각각 static과 templates 디렉토리에 넣어준다.그리고 blog/views.py에서 render 함수를 사용해 blog/index.html을 불러온다. render 함수는 파이썬 데이터를 템플릿에 적용하여 HTML로 반환하는 함수이.. 더보기 [Django] app 생성, URL 매핑 현재 작동중인 웹사이트는 장고를 실행하면 기본적으로 보여주는 아래의 화면이다. APP 생성본격적으로 개인 웹사이트를 만들기 위해 가상환경을 실행한 뒤django-admin startapp blog명령어를 사용하여 blog 앱을 생성한다blog라는 디렉토리가 생성되었다. app을 생성했으면 config/settings.py에 추가해야한다. 이제 "https://www.ysy-itsy-bitsy.com/blog"로 요청이 들어오면 블로그 페이지를 출력하도록 하려면 URL매핑이라는 것을 해야한다. URL 매핑ysy_project/config/urls.py에서 아래와 같이 코드를 추가한다.blog/ URL이 요청되면 blog/urls.py 파일을 참고해라 라는 의미이다. 하지만 blog/urls.py는 존재하.. 더보기 AWS+Django 기반 웹사이트 제작 9 (CI/CD Test) 이제 Django 기본 페이지에서 본격적으로 웹사이트를 만들어서 AWS EC2 Django 서버에 배포를 해보도록 하자. 우선 [Django] app 생성, URL 매핑[Django] startbootstrap을 활용한 templates, static 구성 방법을 통해서 수정한 코드들을 배포한다. 코드 수정git bash에서 push구성한 pipeline이 자동으로 실행잘 배포 되었나 확인 Deploy가 완료되면 https://www.ysy-itsy-bitsy.com/ 접속하면 아래와 화면으로 업데이트 된 페이지를 볼 수 있다. 더보기 AWS+Django 기반 웹사이트 제작 8 (웹사이트 개발, codepipeline 5/5) 본격적으로 웹사이트를 만들고 꾸미기 전에 ec2 서버에 ssh로 접속해서 코드를 작성하기에는 한계가 있으니작업 PC에서 개발환경을 구축하고 테스트한뒤 aws에서 제공하는 codepipeline 서비스를 이용해서 배포한다. CodeCommitrepository 생성 & git 연동CodeBuildCodeDeployCodePipelinecode pipeline이전 단계에서는 push, 빌드, 배포를 직접 수동으로 해줘야 했지만, 파이프라인을 구성하면 직접 코드를 레포지터리에 Push만 하면 빌드 및 배포를 자동으로 수행하게 할 수 있다. 파이프라인 생성파이프라인 생성 클릭파이프라인 이름을 설정하고 생성한 파이프라인 동작확인파이프라인 생성하면 자동으로 동작deploy이 과정에서 오류발생 해결 더보기 AWS+Django 기반 웹사이트 제작 8 (웹사이트 개발, codepipeline 4/5) 본격적으로 웹사이트를 만들고 꾸미기 전에 ec2 서버에 ssh로 접속해서 코드를 작성하기에는 한계가 있으니작업 PC에서 개발환경을 구축하고 테스트한뒤 aws에서 제공하는 codepipeline 서비스를 이용해서 배포한다. CodeCommitrepository 생성 & git 연동CodeBuildCodeDeployCodePipelineCodeDeploy 어플리케이션 생성이름 입력컴퓨팅 플랫폼 [EC2/온프레미스] 클릭 후 [어플리케이션 생성] 클릭 CodeDeploy에 부여할 역할 생성 AWS 서비스 선택사용 사례에서 CodeDeploy 선택역할 이름과 설명 입력역할 생성IAM > 역할 > 역할 생성 배포 그룹 생성 배포 그룹 생성 클릭생성한 역할 선택Amazon EC2 인스턴스 선택 후 키와 값 .. 더보기 이전 1 2 3 다음
