목록웹프로그래밍 (163)

수학과의 좌충우돌 프로그래밍

[html] form 안에 button이 있으면?

장고 form은 input이나 button 을 통해서 제출하는 기능을 구현합니다. 가입하기 위와 같이 두 가지 선택지가 있습니다. 하지만 form 안에서 정보를 채우기 위해서 button 을 사용해야 할 경우도 있습니다. 저 같은 경우 회원가입 form 을 만들다보니 주소 정보가 필요했고, 주소를 찾는 검색 버튼을 구현한 결과, 주소를 찾기 위해 button을 누르면 form 이 보내졌습니다. 그 이유는 바로 button type 에 있었습니다. button 도 여러 type을 가지게 되는데 그 중 form 을 제출하는 submit 이라는 속성이 있고 이 속성이 default 입니다. 가입하기 가입하기 위에 두 경우는 같은 경우인것이죠. 일반적인 버튼을 만들기 위해서는 아래와 같이 해주어야 합니다. 이 ..

웹프로그래밍/html,css 2019. 6. 2. 04:31
[배포]Azure를 이용한 배포, Docker 명령어

Docker 명령어 Docker 에 대해서 몇가지 명령어를 알아보고자 합니다. Docker run docker run -it python:3.7-stretch 먼저 가장 기본시 되는 Docker container 를 만드는 run명령어 입니다. 그 뒤에는 Docker 이미지의 이름이 위치하는데 다음과 같은 경우에는 Docker 공식 이미지인 python 이기 때문에 다음과 같이 image이름:버젼 으로 써주었습니다. 일반적인 경우, 즉 docker 공식 이미지가 아닌 경우에는 사용자이름/image이름:버젼 과 같은 형태로 써주게 됩니다. docker run --rm -it python:3.7-stretch 그리고 rm 은 remove 의 줄임말로서 삭제를 의미합니다. docker가 stop 했을 경우 자..

웹프로그래밍/배포 2019. 5. 27. 00:47
[배포]Azure 를 이용한 배포, Docker 설치하기

Docker 설치 우선 Docker 를 설치해보도록 하겠습니다. Docker 는 운영체제 별로 설치하는 방법이 다릅니다. 윈도우 같은 경우에는 10 Pro 이상이어야하고 따로 Bios 에서 가상화를 켜줘야하기 때문에 번거롭고 어려울 수 있습니다. 일단 저는 Mac 을 사용하고 있으니 Mac 기준으로 진행해보겠습니다. Mac 에서 Docker 를 설치하기 위해서는 https://docs.docker.com/docker-for-mac/ 다음 경로에서 설치를 진행할 수 있습니다. 설치 시에는 인증을 요구하게 되는데 계정이 없으시다면 https://www.docker.com/ 에서 미리 계정을 만들고 진행하시면 되겠습니다. 좌측상단에 Sign in -> create Account 로 이메일 인증 한 번으로 계정..

웹프로그래밍/배포 2019. 5. 26. 18:43
[배포]Azure 를 이용한 배포, 서버패턴과 Docker

이번에는 Docker 에 대해서 알아보고자 합니다. 그리고 이를 쉽게 이해하기 위해서 먼저 immutabel infrastructure 패러다임과 서버 패턴을 먼저 알아보겠습니다. immutable infrastructure 패러다임 이미지 기반 애플리케에션 배포 시나리오입니다. 여기서 이미지라고 하는 것은 Docker image 할 때 그 image로서 뒤에서 다시 한 번 다루도록 하겠습니다. 이름에서도 알 수 있듯이 인프라가 만들어지고 거의 변경하지 않습니다. 만약 변경할 일이 생긴다면 기존에 있던 배포된 서버를 수정하는 것이 아니라 기존 서버는 날리고 새로운 것을 다시 배포하여 관리합니다. 이 방법이 절대적으로 좋은 방법이라기 보다는 이렇게 하면 보다 유연하게 배포할 수 있을 거라는 생각에 나온 패..

웹프로그래밍/배포 2019. 5. 26. 17:42
[배포]1. Azure PaaS 를 이용한 배포, laaS와 PaaS 란?

웹 개발을 하다보면 당연히 뒤 따르는게 바로 배포입니다. 아무리 좋은 서비스를 만들었다고 해도 배포를 하지 못하면 의미가 없죠. 그래서 배포에 대해서 공부해보고자 합니다. 몇 가지 방식으로 배포를 해본 경험이 있지만 이번에는 새로운 방법으로. Azure PaaS 를 활용해서 해보도록 하겠습니다. 아마 배포를 하게 되면 많은 사람들이 AWS 의 서비스를 사용하지 않을까 싶습니다. 하지만 AWS 는 laaS 에서는 최고라서 할 수 있어도 PaaS 방식을 사용하기 위해서는 다른 방법을 택해야합니다. 그럼 laaS 와 PaaS는 무엇일까요? laaS 와 PaaS 두 용어 모두 클라우드 컴퓨팅의 서비스 모델입니다. 클라우드 컴퓨팅이란 사용자가 필요한 소프트웨어를 자신의 컴퓨터에 설치하지 않고도 인터넷에 연결된 다..

웹프로그래밍/배포 2019. 5. 25. 15:51
[Django]humanize 를 이용해 세 자리마다 콤마찍기

금액을 표시할 때 통상적으로 세 자리마다 콤마를 찍어주곤 합니다. 장고 템플릿에서도 이 기능을 지원해주는데 함께 알아보도록 하겠습니다. 먼저 settings.py 에 app을 추가해야합니다. 이 app 은 장고에서 기본적으로 제공해주므로 별도의 작업없이 추가만 해주면 됩니다. # settings.py INSTALLED_APPS = [ ... 'django.contrib.humanize', ... ] 다음으로는 이를 html 파일에 로드해줘야 합니다. {% load humanize %} 이제 comma 를 찍어주는 일만 남았습니다. 템플릿 필터를 사용하여 추가해줍니다. item 라는 object에 price 라는 필드라고 가정해보도록 하겠습니다. {{ object.price }} {{ object.pric..

웹프로그래밍/Django 2019. 5. 21. 02:04
[Django] 아임포트를 이용한 결제모듈 만들기

개발을 하다보면 쇼핑몰, 배달의 민족과 같이 결제 시스템이 필요한 경우가 있습니다. 우리 주위에서 많이 찾아볼 수 있죠. 이번 시간에는 아임포트 를 이용해서 결제시스템을 만들어보도록 하겠습니다. 국내에서는 해외에 비해 결제 모듈 구축이 휠씬 어려운 편인데 이를 아임포트가 비교적 쉽게 만들어줍니다. 그럼 원리부터 알아보도록 하죠. PG사? 아임포트? 크게 보면 값을 지불하고 재화를 얻는 User,User에게 돈을 받고 서비스를 제공해주는 판매자,이를 도와주는 PG 로 나눌 수 있을 겁니다. User가 값을 지불하는 과정에서 판매자를 대신해 금액을 정산해주는 업체를 Payment Gateway, PG 사라고 합니다. 하지만 우리가 아는 것만 해도 신한, 비씨, 국민. 현대. 삼성. 롯데. 외환. 하나. 농협..

웹프로그래밍/Django 2019. 5. 20. 22:13