Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1. Github 가입 및 로그인
2. 새로운 레파지토리 생성
3. 레파지토리 주소 복사
18
1. 작업을 진행할 폴더 생성하기
2. 작업할 폴더로 이동 ( cd 명령어, dir 명령어로 경로 확
인)
3. 작업할 폴더에서 저장소 클론 명령어 실행
4. 클론 된 폴더 내부로 이동
19
20
python –m venv <가상환경 이름>
21
.(source) <가상환경이름>/Script/activate
22
1. django
2. gunicorn
3. dj-database-url
4. psycopg2-
binary
5. whitenoise
pip install <패키지 이름>
여러개의 명령어를 한줄에
실행하고 싶으면 ...
23
24
클론한 프로젝트 폴더에
runtime.txt 생성 및 Pyton버전 명시
25
Procfile 파일 생성 및 작성하기
<생성할 프로젝트이름>.wsgi
26
Procfile 파일 생성 및 작성하기
27
현재 트리의 상태를 보여주는 명령어
git status
28
1. git add . (--all)
2. git commit –m “커밋 기록에 남을 코멘트”
3. git push
git config user.name "John Doe"
git config user.email...
29
30
31
32
django-admin startproject <프로젝트 명>
33
34
python manage.py startapp <앱 이름>
35
프로젝트 폴더의 settings.py를 수정합니다.
<생성한앱 이름>.apps.<생성한앱이름대문자>Config
36
앱 폴더의 models.py를 수정합니다.
37
아래의 두개의 명령어를 실행합니다.
python manage.py makemigrations
python manage.py migrate
38
39
python manage.py createsuperuser
40
41
python manage.py runserver 후 127.0.0.1:8000 접속
42
127.0.0.1:8000/admin 접속
43
Add 버튼 클릭 후 게시글 생성
44
45
아까 작성한 models.py에 __str__함수를 작성
46
47
48
MTV패턴
49
MTV패턴ModelTemplateView
기존의 MVC 패턴을 변형
50
웹에서 사용될 데이터의 정의를 담고 있는 클래스
장고는 ORM (Object-Relational Mapping) 기법 사용
사용자 정보
게시글
댓글
51
사용자에게 보여지는 부분
HTML
CSS
Javascript
웹 어플리케이션의 기본 기능인 CRUD
생성 (Create), 읽기 (Read), 수정 (Update), 삭제 (Delete)를
담당
52
사용자에게 요청 받은 데이터를 논리를 이용해
가공하여 Template에 보내주는...
53
https://cupjoo.tistory.com/91
View와 Template을 이어준다.
사용자가 접속할 URL을 설정하는 과정
54
앱 폴더에 templates폴더 생성 및 index.html 생성
55
56
프로젝트 폴더의 urls.py를 아래와 같이 수정
57
python manage.py runserver 로 서버 실행
127.0.0.1:8000 접속
58
웹 어플리케이션의 기본 기능인 CRUD
생성 (Create), 읽기 (Read), 수정 (Update), 삭제 (Delete)
함수 기반 뷰
(Function Based View)
클래스 기반 뷰
(Class Ba...
59
앱 폴더에 urls.py를 생성하고 아래와 같이 작성
60
프로젝트 폴더의 urls.py를 아래와 같이 수정
61
62
63
View 이름 HTML 이름
ListView (소문자 모델)_list.html
CreateView (소문자 모델)_form.html
DetailView (소문자 모델)_detail.html
UpdateView (소...
64
Templates폴더 내부에 앱 이름과 동일한 폴더 생성 및
규칙에 맞는 이름을 갖는 HTML 파일 생성
65
66
67
68
69
70
71
HTTP
METHOD
보통 사용하는 곳
GET 읽기 (Read)
POST 쓰기 (Create)
PUT 수정 (Update)
DELETE 삭제 (Delete)
Response
Code
의미하는 것
1XX 조건부 응답...
72
CSRF 공격을 막기위해 생성된 토큰
보안 때문에 작성한다.
73
python manage.py runserver
127.0.0.1:8000 접속
74
75
76
77
78
Heroku를 이용해 배포해보자.
79
80
81
82
1. git add . (--all)
2. git commit –m “커밋 기록에 남을 코멘트”
3. git push
83
heroku login
84
85
heroku create
86
heroku create
87
git push heroku master
88
89
90
1. git add . (--all)
2. git commit –m “커밋 기록에 남을 코멘트”
3. git push
91
git push heroku master
92
배포된 URL로 이동
잘 작동하시나요 ??
93
1. settings.py 수정
2. Git에 변경사항 저장
3. Heroku 재 배포
94
배포된 URL로 이동
잘 작동하시나요 ??
95
heroku run python manage.py migrate
96
97
heroku run python manage.py createsuperuser
98
99
100
101
102
103
104
105
106
107
우리는 Django에서 지원하는
GenericView를상속받아 구현 했습니다.
실제 서비스 되는 웹 프로그램에서는?
로그인
로그아웃
회원가입
댓글 좋아요
등등
더 많은 기능, 더 많은 로직
사람들이 보기 좋은 디...
108
짧은 2시간 안에 내가 알고 있는 어떠한 것을
전달해 드릴까 많은 고민을 했습니다.
109
웹 프로그래밍의 기본적인 기능
클라우드를 활용한 배포
Git을 이용한 형상 관리
110
Facebook
https://www.facebook.com/alstn2468
Instagram
minsu._.0102
KakaoTalk
alstn2468
Github
https://github.com/alstn...
111
112
충북대학교 오픈SW 체험 캠프 발표 자료
충북대학교 오픈SW 체험 캠프 발표 자료
Upcoming SlideShare
Loading in …5
×

0

Share

Download to read offline

충북대학교 오픈SW 체험 캠프 발표 자료

Download to read offline

충북대학교 오픈SW 체험 캠프 발표자료 클라우드 세션
Django + Heroku를 이용한 웹 기본 기능 작성 및 배포

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

충북대학교 오픈SW 체험 캠프 발표 자료

  1. 1. 3
  2. 2. 4
  3. 3. 5
  4. 4. 6
  5. 5. 7
  6. 6. 8
  7. 7. 9
  8. 8. 10
  9. 9. 11
  10. 10. 12
  11. 11. 13
  12. 12. 14
  13. 13. 15
  14. 14. 16
  15. 15. 17 1. Github 가입 및 로그인 2. 새로운 레파지토리 생성 3. 레파지토리 주소 복사
  16. 16. 18 1. 작업을 진행할 폴더 생성하기 2. 작업할 폴더로 이동 ( cd 명령어, dir 명령어로 경로 확 인) 3. 작업할 폴더에서 저장소 클론 명령어 실행 4. 클론 된 폴더 내부로 이동
  17. 17. 19
  18. 18. 20 python –m venv <가상환경 이름>
  19. 19. 21 .(source) <가상환경이름>/Script/activate
  20. 20. 22 1. django 2. gunicorn 3. dj-database-url 4. psycopg2- binary 5. whitenoise pip install <패키지 이름> 여러개의 명령어를 한줄에 실행하고 싶으면 && 사용
  21. 21. 23
  22. 22. 24 클론한 프로젝트 폴더에 runtime.txt 생성 및 Pyton버전 명시
  23. 23. 25 Procfile 파일 생성 및 작성하기 <생성할 프로젝트이름>.wsgi
  24. 24. 26 Procfile 파일 생성 및 작성하기
  25. 25. 27 현재 트리의 상태를 보여주는 명령어 git status
  26. 26. 28 1. git add . (--all) 2. git commit –m “커밋 기록에 남을 코멘트” 3. git push git config user.name "John Doe" git config user.email johndoe@example.com
  27. 27. 29
  28. 28. 30
  29. 29. 31
  30. 30. 32 django-admin startproject <프로젝트 명>
  31. 31. 33
  32. 32. 34 python manage.py startapp <앱 이름>
  33. 33. 35 프로젝트 폴더의 settings.py를 수정합니다. <생성한앱 이름>.apps.<생성한앱이름대문자>Config
  34. 34. 36 앱 폴더의 models.py를 수정합니다.
  35. 35. 37 아래의 두개의 명령어를 실행합니다. python manage.py makemigrations python manage.py migrate
  36. 36. 38
  37. 37. 39 python manage.py createsuperuser
  38. 38. 40
  39. 39. 41 python manage.py runserver 후 127.0.0.1:8000 접속
  40. 40. 42 127.0.0.1:8000/admin 접속
  41. 41. 43 Add 버튼 클릭 후 게시글 생성
  42. 42. 44
  43. 43. 45 아까 작성한 models.py에 __str__함수를 작성
  44. 44. 46
  45. 45. 47
  46. 46. 48 MTV패턴
  47. 47. 49 MTV패턴ModelTemplateView 기존의 MVC 패턴을 변형
  48. 48. 50 웹에서 사용될 데이터의 정의를 담고 있는 클래스 장고는 ORM (Object-Relational Mapping) 기법 사용 사용자 정보 게시글 댓글
  49. 49. 51 사용자에게 보여지는 부분 HTML CSS Javascript
  50. 50. 웹 어플리케이션의 기본 기능인 CRUD 생성 (Create), 읽기 (Read), 수정 (Update), 삭제 (Delete)를 담당 52 사용자에게 요청 받은 데이터를 논리를 이용해 가공하여 Template에 보내주는 역할 게시글 목록 보여줘 첫 번째 게시글 자세히 볼래 이 게시물 수정할게 이 게시물 지우고 싶어
  51. 51. 53 https://cupjoo.tistory.com/91 View와 Template을 이어준다. 사용자가 접속할 URL을 설정하는 과정
  52. 52. 54 앱 폴더에 templates폴더 생성 및 index.html 생성
  53. 53. 55
  54. 54. 56 프로젝트 폴더의 urls.py를 아래와 같이 수정
  55. 55. 57 python manage.py runserver 로 서버 실행 127.0.0.1:8000 접속
  56. 56. 58 웹 어플리케이션의 기본 기능인 CRUD 생성 (Create), 읽기 (Read), 수정 (Update), 삭제 (Delete) 함수 기반 뷰 (Function Based View) 클래스 기반 뷰 (Class Based View)
  57. 57. 59 앱 폴더에 urls.py를 생성하고 아래와 같이 작성
  58. 58. 60 프로젝트 폴더의 urls.py를 아래와 같이 수정
  59. 59. 61
  60. 60. 62
  61. 61. 63 View 이름 HTML 이름 ListView (소문자 모델)_list.html CreateView (소문자 모델)_form.html DetailView (소문자 모델)_detail.html UpdateView (소문자 모델)_form.html DeleteView (소문자 모델)_confirm_delete.html
  62. 62. 64 Templates폴더 내부에 앱 이름과 동일한 폴더 생성 및 규칙에 맞는 이름을 갖는 HTML 파일 생성
  63. 63. 65
  64. 64. 66
  65. 65. 67
  66. 66. 68
  67. 67. 69
  68. 68. 70
  69. 69. 71 HTTP METHOD 보통 사용하는 곳 GET 읽기 (Read) POST 쓰기 (Create) PUT 수정 (Update) DELETE 삭제 (Delete) Response Code 의미하는 것 1XX 조건부 응답 2XX 성공 3XX 리다이렉션 완료 4XX 요청 오류 5XX 서버 오류
  70. 70. 72 CSRF 공격을 막기위해 생성된 토큰 보안 때문에 작성한다.
  71. 71. 73 python manage.py runserver 127.0.0.1:8000 접속
  72. 72. 74
  73. 73. 75
  74. 74. 76
  75. 75. 77
  76. 76. 78 Heroku를 이용해 배포해보자.
  77. 77. 79
  78. 78. 80
  79. 79. 81
  80. 80. 82 1. git add . (--all) 2. git commit –m “커밋 기록에 남을 코멘트” 3. git push
  81. 81. 83 heroku login
  82. 82. 84
  83. 83. 85 heroku create
  84. 84. 86 heroku create
  85. 85. 87 git push heroku master
  86. 86. 88
  87. 87. 89
  88. 88. 90 1. git add . (--all) 2. git commit –m “커밋 기록에 남을 코멘트” 3. git push
  89. 89. 91 git push heroku master
  90. 90. 92 배포된 URL로 이동 잘 작동하시나요 ??
  91. 91. 93 1. settings.py 수정 2. Git에 변경사항 저장 3. Heroku 재 배포
  92. 92. 94 배포된 URL로 이동 잘 작동하시나요 ??
  93. 93. 95 heroku run python manage.py migrate
  94. 94. 96
  95. 95. 97 heroku run python manage.py createsuperuser
  96. 96. 98
  97. 97. 99
  98. 98. 100
  99. 99. 101
  100. 100. 102
  101. 101. 103
  102. 102. 104
  103. 103. 105
  104. 104. 106
  105. 105. 107 우리는 Django에서 지원하는 GenericView를상속받아 구현 했습니다. 실제 서비스 되는 웹 프로그램에서는? 로그인 로그아웃 회원가입 댓글 좋아요 등등 더 많은 기능, 더 많은 로직 사람들이 보기 좋은 디자인
  106. 106. 108 짧은 2시간 안에 내가 알고 있는 어떠한 것을 전달해 드릴까 많은 고민을 했습니다.
  107. 107. 109 웹 프로그래밍의 기본적인 기능 클라우드를 활용한 배포 Git을 이용한 형상 관리
  108. 108. 110 Facebook https://www.facebook.com/alstn2468 Instagram minsu._.0102 KakaoTalk alstn2468 Github https://github.com/alstn2468 E-mail alstn2468_@naver.com Phone Number 010-2845-7067
  109. 109. 111
  110. 110. 112

충북대학교 오픈SW 체험 캠프 발표자료 클라우드 세션 Django + Heroku를 이용한 웹 기본 기능 작성 및 배포

Views

Total views

387

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×