하찮은 코딩일기

API? 웹 개발을 하다보면 참 많이 듣게되는 단어 API. 혼자 flask니 django니 개발할 때는 나 혼자서 기능 만들고 불러다쓰면 다른건 신경 안 써도 됐는데, 어찌 현업으로 나와보니 API 스펙좀 달란다. 처음 저 말을 들었을 때, 참 많이 당황했다. API ( Application Programming Interface ). AWS에서는 아래와 같이 정의한다. 더보기 API는 무엇을 의미하나요? API는 Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말입니다. API의 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타냅니다. 인터페이스는 두 애플리케이션 간의 서비스 계약이라고 할 수 있습니다. 이 계약은 요청과 ..

Python으로 웹 개발을 진행하면 그런 생각이 든다. nohup으로 상용 배포하면 안될까? 답은 란다. https://dailyheumsi.tistory.com/21 위의 링크에 설명되어있다. 간략하게 설명하자면.... 보안상의 이슈때문이란다. 그래서 작성해보는 서비스 등록하는 방법.! flask나 django 모두 gunicorn 이라는 middleware를 통해서 서비스 할 수 있다. 더보기 나는 지유니콘 이라고 발음하는데 어디는 구니콘이라고도 발음하더라. 이미 지-유니콘이 입에 붙어서 구니콘이 어색하지만 뭐 읽는사람 마음 그럼 일단 gunicorn을 설치해야하는데, pip install gunicorn worker로, 해당 app를 몇 개의 worker에 할당할 것인지 정하는 변수이고, --bin..

최근 의도치않게 웹을 설계하고있다. 장고를 처음 쓸 때 느꼈듯, 내가 html과 js를 쓰는건지 파이썬을 쓰는건지 헷갈릴 때가 많다. 각설하고, 이번 포스팅은 views에 다운로드하는 기능구현, html에서 form안에 있는 데이터를 전송하여 DB에서 다운로드. 1. html에서 form 데이터를 django에 전달. 아래는 지금 사용하고있는 html을 간단하게 적어놓은 코드이다. table로 체크박스로 만들고, 체크가 되어있으면 해당 value를 서버로 전달하는 역할을 한다. {% csrf_token %} Temp 내 경우엔, form태그 바깥에 버튼을 위치시켰다. 버튼 모양을 class='btn btn-info btn-xs'라는 css를 입혔지만, 담백하게 기능만 쓰기위해 아래의 예시에선 제외했다. ..

지금이야 게시글 개수가 몇개 없지만, 늘어난다면 어떻게 될까? 장고 쉘을 이용해서 게시글 개수를 늘려보자. >>python manage.py shell from pybo.models import Question from django.utils import timezone for i in range(300): q = Question(subject='%03d 게시글'%i, content = '약오르지', create_date = timezone.now()) q.save() 페이징을 하지 않았으므로 스크롤이 굉장히 길어진다. 이제 페이징을 통해 화면을 개선해보자. from django.core.paginator import Paginator ... ... def index(request): ''' pybo 목..

기본 기능 외에 편의기능을 구현해보자. 메인페이지로 돌아가는 기능과 로그인기능을 추가할 것이다. templates/base.html를 열어 아래와같이 수정하자. {% load static %} Pybo 로그인 {% block content %} {% endblock %} navbar-brand에 Pybo로고를 만들어주고 클릭시 pybo:index로 이동하게 만들자. 위치는 맨 왼쪽이며, 그 오른쪽엔 로그인 링크를 추가 번호와 페이징은 추후에 다룰 예정이니 모른 척 넘어가고, Pybo와 로그인이 상단 좌측에 표시된것을 볼 수 있다. base.html은 모든 화면이 상속받고있기 때문에 어느 페이지를 들어가도 방금 추가한 네비게이션이 표시된다. 자, 여기서 화면을 작게 줄여보자. 로그인 표시가 사라지고 우측상..

책에서는 눈치챘는지 모르지만~ 으로 시작하지만 전혀 눈치채지 못 했다. 충격 표준 HTML 구조란 html, head, body 엘리먼트가 있어야하고, CSS 파일은 head 엘리먼트 안에 있어야하며 meta, title이 포함되어야 한다고한다. 이렇게 표준으로 바뀌면 중복되는 부분도 많고 수정하기위해선 하나하나 뜯어보고 고쳐야 한다. 하지만 장고는 상속기능을 제공해서 표준HTML 을 사용하고 템플릿 상속도 사용하자. templates/base.html 파일을 만들고 안을 다음과같이 채우자. {% load static %} {% block content %} {% endblock %} 엘리먼트에 block content / endblock가 있는데, 이 base.html을 상속받은 템플릿들이 저 자리를 ..

웹 페이지를 더 예쁘게 꾸미기 위해서 CSS가 필수적이다. 하지만 거두절미하고 부트스트랩을 사용하면 더 편하게 꾸밀 수 있다. 우선, css파일은 모두 프로젝트 디렉터리에 static 폴더를 만들어 관리한다. static 폴더를 만든 다음 부트스트랩을 다운받자. 다음 링크에 들어가서 부트스트랩 설치파일을 내려받자. https://getbootstrap.com/docs/4.5/getting-started/download/ 다운받아서 당장은 전부 사용할 필요는 없고, bootstrap.min.css 파일만 방금 만든 static 폴더 안에 집어넣어주자. ( 다음에 사용할 수 있으니 지우진 말자 ) 그 다음 settings.py 파일을 열어서 static 경로를 추가해주자 #config/setting.py ...

URL 별칭을 통해 하드코딩을 없애주고, 질문등록과 조회기능을 구현했다. 이제 답변기능을 구현해보자. 답변기능은 question_detail.html파일을 수정하자. {{ question.subject }} {{ question.content }} {% csrf_token %} 답변등록을 통해 pybo:answer_create URL이며, question.id도 같이 보내준다. ( 아직 구현 전이다. ) form은 html에서 데이터를 모아주는 보자기라고 생각하면 된다. 이 form 안에 답변 내용을 담을 textarea를 만들어주고, 등록버튼을 통해 action에 있는 URL로 제출한다. 여기서 {% csrf_token %} 을 볼 수 있는데, 이 구문은 작성되서 전달하는 form이 실제로 웹 브라우저..

URL 하드코딩을 없애보자. 그 전에 URL 하드코딩이란 뭘까? 우리가 만든 question_list.html에서 href태그를 한번 뜯어보자. {{ question.subject }} 이런 형태의 URL로 구성했는데, 만약 서비스를 확장하면서 question.id 앞이나 뒤에 다른 구분자 예를들면 /pybo/2/question or /pybo/question/2/ 처럼 구조를 변경했다고 치자. 그렇게되면 템플릿에 사용된 모든 href태그들을 하나하나 수정해줘야한다. 이렇게 하드코딩된 URL을 보기 쉽게 바꿔주기 위해서 URL 별칭을 사용해야한다. 간단하게 생각하면 URL을 하나의 변수로 만들어 템플릿에서 사용할 수 있도록 하는과정이다. pybo/urls.py 를 열어 수정하자. from django.u..

이번엔 질문과 답변을 템플릿을 이용해서 만들어보자. #pybo/views.py from django.http import HttpResponse # http의 응답 from .models import Question def index(request): ''' pybo 목록 출력 ''' question_list = Question.objects.order_by('-create_date') # -로 역순 context = {'question_list':question_list} return render(request,'pybo/question_list.html',context) # 연결되는 html, 전달할 매체 context render를 이용해서 context에 key : value로 있는 questio..