웹 프로그래밍

    리다이렉션한 횟수가 너무 많습니다

    devdreamers.kr 의 사이트 리뉴얼 공지를 위해서 모든 url 에 대해 사이트이전 공지 url로 리다이렉트를 시켜려는 과정에서 문제가 발생하였다. 꿈꾸는 개발자들 팀을 찾거나 모으기 힘들 때 꿈꾸는 개발자들 devdreamers.kr django middleware에서 처리를 하려했고 아래와 같이 처리하려했었다. class RedirectMiddleware: def __init__(self, get_response): self.get_response = get_response def __call__(self, request): response = self.get_response(request) if request.environ['PATH_INFO'].startswith('/'): return r..

    [Svelte-demo (2)] 이벤트 핸들링

    Hello {name}! {isRed = !isRed}} on:mouseenter={() => {name = 'enter'}} on:mouseleave={() => {name = 'leave'}} > Box! on: (on directive)은 addEventListener에 붙일 수 있는 모든 이벤트들을 다 작성할 수 있다. {text} {text = e.target.value}} /> {text = 'duckracoon'}}> 방법1 {text = 'duckracoon'}}> 방법2 양방향 바인딩

    [Svelte-demo (1)] 선언적 렌더링/조건문과 반복문

    조건문 사용 {toggle = !toggle}}> {name} {#if toggle} Hello {name}! {:else} No name! {/if} 반복문 사용 Hello {name}! {#each fruits as item} {item} {/each} Delete Fruit

    [Svelte] 개발환경

    VSCode에서 환경을 만들어보려한다. Svelte를 코딩하기위해서는 Svelte Template을 개발환경으로 가져와야하는데 그러기위해서 Node.js가 설치되어야한다. v14.15.5를 사용하고 있고 npm은 v6.14.11이다. https://github.com/sveltejs/template GitHub - sveltejs/template: Template for building basic applications with Svelte Template for building basic applications with Svelte - GitHub - sveltejs/template: Template for building basic applications with Svelte github.com ht..

    [Svelte] Svelte를 배워보자

    0. 왜 Svelte를 공부하려하는가 프론트를 좀더 공부해 보고 싶었고, 대충 고려해본 선택사항에 원래는 vue.js, react.js가 있었다. 그런데 이런 걸 보게 되었다. https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/ 2019년 출시되자마자 만족도 2위를 차지했고 2020년 react를 넘어섰다. 얜뭘까하는 생각이 들어 알아봤다. Svelte? Nov 2016 1.0 Release Apr 2018 2.0 Release Apr 2019 3.0 Release - Write less code - No virtual DOM 가상 돔이 없다? Diffing, Overhead가 없다고한다. 가상돔을 생성하고 비교하는 비용이 없다는 것...

    AWS Load Balancer에서 HTTP서 HTTPS Redirect

    nginx.conf 에서 설정을 통해 시도 했는데 잘되지 않았다. 지금까지 구성에 Load Balancer가 없었기에 대문역할을 nginx가 했었지만 Load Balancer를 적용한 이후로 대문역할은 Nginx가 아닌 Load Balancer가 맡게됨에 따라 소용이 없었던 것이다. 설정 방법은 아래 Stack overflow를 참고했다. https://stackoverflow.com/questions/24603620/redirecting-ec2-elastic-load-balancer-from-http-to-https Redirecting EC2 Elastic Load Balancer from HTTP to HTTPS I want to redirect all the HTTP request to https..

    (Error) HTTPS/SSL 적용 (Let's encrypt) - 2 , nginx

    nginx: [emerg] cannot load certificate "/etc/letsencrypt/live/oconnect.kr/fullchain.pem": BIO_new_file() failed (SSL: error:02001002:system library:fopen:No such file or directory:fopen('/etc/letsencrypt/live/oconnect.kr/fullchain.pem','r') error:2006D080:BIO routines:BIO_new_file:no such file) 이런 에러를 뿜어내고 있다. .pem 파일을 못찾겠다는거 같은데 경로문제는 없는거 같아서 확인/해결 후 원인을 기록하도록 하겠다. nginx.conf worker_processes a..

    DNS의 개념 (feat. Route53 왜 쓰는가)

    일반적으로 DNS를 사용하는 것과 Route53 쓰는게 뭐가 다른건지 궁금했다. 그전에 DNS의 개념부터 명확히 하고가려한다. (참고 -wjd489898.log) https://velog.io/@wjd489898/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-DNS [네트워크] DNS 웹 사이트의 IP 주소와 도메인 주소를 이어주는 환경/시스템사람이 읽을 수 있는 도메인 이름(예: www.amazon.com)을 머신이 읽을 수 있는 IP 주소(예: 192.0.2.44)로 변환브라우저에서 Nesite.com 검색. DNS velog.io 1. DNS(Domain Name System) 와 네임서버의 개념 DNS는 범국제적 단위로 웹사이트의 IP주소와 도메인 주소를 이어주는 환경/시스템이..

    Server Error (500)

    조졌다 서버가 터졌다 디비 모델을 바꾸다가 실수로 디폴트값을 없애면 이미 남아있는 이미 웹페이지에 등록되어 있는 데이터베이스들이 있을 텐데 거기서 깨지는 경우가 몇가지 있다. 그런경우 뜨게 된다면 500 서버에러가 뜨게 될것이다. 라고 누가 말하고 갔는데 그 경우인 것 같다. 500 서버에러의 큰 이유 2가지) 1. 로컬에서 그 환경을 확인해봐라. 그럼 똑같이 깨질 확률이 일단 높다. django에서 나타나는 에러페이지를 디버그를 꺼놨기 때문에 보이지는 않지만 그걸 나타내는게 500에러인데 생각해보니까 전에 오커넥트 디플로이할때 500에러를 만난적이 있다. 해당 경우가 이 경우였는데 이건 로컬에서 테스트하고 올린건데 음 -> 일단 그 이미지를 날려라. 그 이미지에 버그가 있다는거니까 날리고 이미지 버전을..

    Docker Error (file not found or excluded by .dockerignore)

    docker image를 빌드하는 중 이와 같은 에러를 만났다. Ubuntu 18.04 x64 를 사용하고 있으며 Github private repository에서의 RSA key 인증을 테스트하는 중 발생하였다. 해당 문제에 대해 정리한다. 빌드 명령: docker build -t django_web:1 . 경로에 Dockerfile은 존재하는 상태이다. /proc/57119/fd/7 을 찾을수없거나 .dockerignore때문이라는데 dockerignore는 안쓰고 1. 경로문제거나 2. 모르겠다, 우선 무슨 파일인지 확인해보고자한다. /proc : 일종의 가상 파일시스템으로 동작 중인 프로세스의 상태정보, 하드웨어 정보, 시스템 정보 등을 알 수 있다. 그렇단다. /proc/[PID]/fd(file..