Web Programming
-
form tag using vanilaJSWeb Programming/Front End 2021. 10. 25. 19:04
Form tag using VanilaJS Prevent form redirect form 태그를 통해 submit하게 되면 submit의 응답 결과를 받는 페이지로 넘어가게 된다. 이를 방지하기 위해 e.e.preventDefault()를 쓸 수 있다. 예시는 아래와 같다. // react 예시이다. const get_input_value = (e) => { e.preventDefault(); value = e.target.text_input.value; console.log('get value', value) } return ( ) 나의 경우는 onInput보다 onSubmit이 더 적절한 상황이었다. 필요한 이벤트리스너에 등록해 사용하면 되겠다. 또한 코드에서 나온 것처럼 받고자 하는 변수의 이름을..
-
[번역] Pulumi는 무엇일까?Web Programming/Back End 2021. 10. 25. 18:28
원문 번역이 매끄럽지 못한 부분이 있을 수 있습니다. 지원하는 언어 TypeScript, JavaScript, Python, Go, and .NET overview Pulumi 프로그램은, 일반적으로 동작하는 프로그래밍 언어로 작성되었습니다. 이를 통해 당신의 인프라구조 (aws, gcp ..)를 어떻게 구성하는지 나타냅니다. 새로운 인프라를 프로그램에 선언하려고 하면, 당신이 원하는 상태의 인프라의 리소스와 일치하는 리소스 객체를 할당하면 됩니다. 이 속성들은 리소스 간의 의존성들을 관리하는데 이용할 수 있습니다. 그리고 필요하다면, 스택 밖으로 export할 수 있습니다. 프로젝트 내의 프로그램은 동작에 대한 소스 코드와 메타데이터를 포함하고 있는 디렉토리입니다. 프로그램을 작성하고 나면, 프로젝트 ..
-
docker로 django 서버 띄우기Web Programming/Back End 2021. 10. 25. 18:24
TLDR build dockerfile with below code ENTRYPOINT [ "python3", "manage.py", "runserver", "0.0.0.0:8000"] run docker with below script docker run --rm -t -p 8000:8000 : 시행착오 django로 만든 웹 앱을 dockerize하는 과정을 진행했다. 내가 만든 dockerfile은 아래와 같았는데, 실행하면 localhost로 접근이 안됐다. FROM python:3.8 ENV SRC_DIR='/workspace' ENV SECRET_KEY='%$=rdc5mxoz96)zd#kn#e*fza-b%scx2&0fd6=3v5z+ii_zn(0' EXPOSE 8000 COPY . ${SRC_D..
-
Remove docker imageWeb Programming/Back End 2021. 10. 25. 18:21
도커로 이미지를 빌드하다보면 용량을 많이 차지하게 된다. 나의 경우 테스트 이미지를 빌드할 때는 빌드할 때마다 별도의 버전을 지정하지 않는데, 그러면 이전에 생성된 해당 버전의 이미지는 none이 되버린다. Remove none image docker rmi $(docker images -f "dangling=true" -q) docker image prune Remove all images 이미지를 다 지워버리고 싶은 경우 아래의 명령으로 지우면 된다. docker rmi $(docker images -a -q) Remove with image name docker rmi $(docker images | grep ) 혹은 docker rmi $(docker images -a -q) In Windows ..
-
Docker 용량 관리Web Programming/Back End 2021. 10. 25. 18:18
문제 나는 맥북 2019 air 기본 모델을 사용하고 있다. 하드 용량이 128인데, OS, Application 등을 설치하다보면 용량이 부족해지는 순간이 자주 온다. xcode를 업데이트하기 위해 용량을 줄이려고 정리를 하고 있었는데, finder의 view option을 수정해서 size를 보면서 용량을 많이 차지하는 곳을 찾다보니 /Users//Library/Container/Docker가 용량을 64 기가바이트를 차지하고 있었다. 찾았다 이제 원인을 찾았으니 파일을 지우면 된다고 생각했다. /Users//Library/Container/Docker은 Directory 경로이기 때문에 64 기가바이트의 용량을 차지하는 파일을 찾았다. 파일은 아래 경로에 있었다. /Users//Library/Con..
-
Django 첫 프로젝트 회고Web Programming/Back End 2021. 10. 25. 18:16
나는 django 전문가가 아니다. 그렇기 때문에 아래의 내용 중 잘못된 내용이 포함되어 있을 수도 있다. 이를 감안하여 읽어주기 바란다. Why Django ? backend framework로 django를 선택한 이유는 현재 시점에서 나에게 가장 친숙한 언어가 python3이기 때문이다. 회사에서 계속 python3을 써왔고 친숙한 언어의 framework를 사용하는 것이 분명한 장점이 존재한다고 생각하기 때문이었다. 이 생각은 꽤나 들어맞는 생각이었다. 어느정도 python3를 이용한 unittest(pythone builtin unittest or pytest)에 대해서 알고 있었기 때문에 django의 test를 작성하는 것은 그리 어려운 일은 아니었다. 하지만 ORM과 routing(url,..
-
AWS Lambda logging 잘남기기Web Programming/Back End 2021. 10. 25. 18:10
어떻게하면 AWS Lambda 로그를 잘남길 수 있을까? cloud watch AWS Lambda는 실행되면 CloudWatch에 로그를 남긴다. 여러개의 Lambda가 실행된 경우, 로그를 찾기 힘들어지는데 이 경우 전체 로그에서 검색이 필요해진다. Lambda 이름 혹은 지정된 로그 그룹에 들어가면 생성된 로그를 확인할 수 있는데, 여기에서 로그 스트림 이름은 실행된 Lambda와 별도의 이름을 가진다. 완전히 Reference Medium AWS 람다 로그 잘 남기고 추적하기 awslogs GitHub - jorgebastida/awslogs: AWS CloudWatch logs for Humans™ AWS CloudWatch logs for Humans™. Contribute to jorgebas..
-
Gatsby Cloud setupWeb Programming/Front End 2021. 10. 25. 17:25
이 글은 개츠비 클라우드에서 시작한다. 블로그 개츠비로 블로그를 새로 만들어서 사용하려고 했는데, 이전에는 안보였던 개츠비 클라우드라는 기능이 보였다. 빌드와 호스팅을 모두 해주는 서비스인데, 빌드는 로컬에서 해도 되고, 호스팅도 깃헙을 통해 해도 괜찮다. (깃헙에서 호스팅을 할 수느 있지만, 내가 정한 이름이 아니라 내 계정명을 도메인으로 사용해야되는게 좀 별로다.) 하지만 1개의 웹사이트 호스팅에 대해서는 무료기에 사용해보기로 했다. (1개 호스팅, 1개 빌드) 블로그 운영을 위해서 사용할 것이기 때문에 무료 버전으로도 충분하다고 생각했다. 그러면 개츠비 클라우드를 통한 블로그 생성을 시작해보자. 블로그 생성 난 기존에 개츠비로 만든 블로그가 없었기 때문에, 템플릿에서 시작했다. Start from ..