코딩하는 너구리 코딩하는 너구리

aws 계정 및 ec2 인스턴스는 생성되어져 있다고 가정하고 구축하는 방법에 대하여 설명하고자 합니다추후 기회가 된다면 프리티어로 계정을 생성하고 ec2 인스턴스 생성하는 방법에 대하여 포스팅해 볼게요우선 무료로 dns를 받으세요duckdns에서 무료로 최대 5개의 dns 를 받을 수 있습니다혹시 고정아이피를 사용하고 있지 않다면 사이트의 install 메뉴를 참고해서 추가적인 설정을 해주세요Duck DNS (www.duckdns.org) Duck DNSDuck DNS free dynamic DNS hosted on AWS news: login with Reddit is no more - legal request support us: become a Patreonwww.duckdns.org 이제 ngin..

프리티어로 750시간 무료로 사용가능한 t2.micro 의 경우 멤리가 1기가 밖에 주어지지 않습니다. 따라서 메모리 부족으로 인하여 시스템이 자주 멈추는 현상을 경험하게 됩니다. 이것으로 해결하기 위해서 스왑메모리를 설정하려고 합니다 프리티어 기준 gp3 30기가 무료 사용이 가능하기 때문에 4기가정도 스왑메모리로 설정하도록 하겠습니다 스왑 파일 생성 sudo fallocate -l 4G /swapfile 스왑 파일 권한 변경 sudo chmod 600 /swapfile 스왑 영역 설정 sudo mkswap /swapfile 스왑영역 활성화 sudo swapon /swapfile 재부팅 시 유지 /etc/fstab 에 제일 밑에 아래 내용 추가 /swapfile swap swap defaults 0 0

자바스크립트 기반의 벡엔드 프레임워크로 express를 가장 많이 써왔지만 최근에 express를 사용하여 구조화된 아키텍처를 제공하는 NestJS가 떠오르고 있습니다. fastify도 지원합니다. 공식 문서를 보면 정말 자세히 설명되어져 있지만 전체적인 구조를 이해하는데 어려움이 있어서 전체적인 구조만 정리하였습니다. 기존의 express 기반으로 요청을 처리하는 흐름을 살펴보면 아래와 같습니다. - request - middleware - router - response nestjs에서는 이부분을 더욱 구조화하여 아래와 같이 처리합니다. - request: 클라이언트 요청 - middleware: 기존 express 와 동일 개념 - guard: 인증 처리 - interceptor: router에서 ..

WSL 설치 (Power Shell 에서 진행) WSL 기능 활성화 dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart wsl 설치 wsl --install 윈도우 11 파일시스템 접근 안될 때 레지스트리 편집기 수정 컴퓨터\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\NetworkProvider\Order Order의 제일 앞에 P9NP 추가 HwOrder의 제일 앞에 P9NP 추가 .wslconfig 생성 위치 - \Users\\.wslconfig [wsl2] memory=4GB swap=8GB localhostForwarding=tr..

이전에 소개해드린 babel에 이어서 eslint 도 같이 써볼래요? eslint가 머냐면요? 정해진 코딩룰에 어긋난게 있는지 알려주는거에요 코드에 문제가 있거나 또는 코딩룰에 어긋난 것들을 찾아서 알려주는거져 일단 package.json을 보면 eslint 관련해서 두가지 모듈을 설치했어요 eslint는 eslint 사용을 위한 필수 패키지고요 eslint-config-google 는 설정 google에서 배포한거 따라하기 위해서 설치한거에요 사전에 정의된 config는 보통 google 하고 airbnb(eslint-config-airbnb) 두개를 가장 많이 써요 저는 구글이 좋아서 구글거를 사용할게요 package.json { "name": "babel-sample", "version": "1.0..

바벨은 무엇일까요? 공식 홈페이지에서 아래와 같이 정의했습니다. 바벨은 자바 스크립트 컴파일러입니다. Babel은 주로 현재 및 이전 브라우저 또는 환경에서 ECMAScript 2015+ 코드를 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 사용되는 툴체인입니다. Babel이 당신을 위해 할 수있는 주요 일은 다음과 같습니다. 쉽게 말하면 es6이상 문법으로 작성된 코드를 es5로 변경해준다는거에요. 왜냐면 자바스크립트는 문법적으로 빠르게 변하는데 시스템에 따라 브라우저나 노드버전을 지속적으로 올릴수 없는 경우가 있으니까요 특히 브라우저의 업데이트 속도는 자바스크립트의 변화보단 많이 뒤쳐지고요 그래서 그냥 옛날거에서도 돌아가게 코드 변환해버리는거에요 바벨 을 사용하려면 몇가지 툴만 설치하..

nullish 병합 연산자(nullish coalescing operator)는 ?? 연산자를 사용해서 값을 선택하게 해주는 문법이에요 ?? 이거는 처음들어 보시져? ||, && 연산자에 대해서 우선 살펴볼게요 0 || 1 이거는 true고 0 || 0 은 false 잖아요 그리고 1 && 1 이거는 true 고 1 && 0 은 false 고요 그럼 조건문 사용할 때 위 연산이 true/false를 반환하는가 라고 생각할수 있어요 근데 그렇지 않아요 || 연산자는 앞에서부터 true에 해당되는 값이 발견되면 그 값을 반환하는거에요 자바스크립트에서 값을 bool 값으로 변환해주는 방식에 따라서 말이져 && 연산자는 반대로 false 해당되는 값이 발견되면 그 값을 반환하고요 그래서 위에 설명드린 걸 다시 ..

안녕하세요 블로그 주인입니다. 저는 그냥 소프트웨어 개발하면서 먹고사는 직장인이에요 한 6년인가 안드로이드 개발하다가 한 6년 자바스크립트언어로 개발하고 있어요 안드로이드는 사실 변화도 엄청 빠르고 너무 오래전에 개발한거라 저도 이제 아는게 거의 없는거나 다름이 없어진 상태네요 처음에 es5로 자바스크립트를 접했을 때 oop 언어라고 하더니 머 지원되는거 하나 없고 함수형 언어네 라고 생각을했어요 그래도 oop 기반으로 작성할라고 검색도 많이하고 공부도 했었죠 es6라는 문법이 나중에 나오고 이것을 접해보니까 정말 신세계더라구요 자바 비스무리하게 작성이 가능해진거 같아서요 저는 사실 태생언어가 자바다 보니 자바기준으로 많이 생각하고 자바스럽게 코딩을 하는 경향이 있어요 현재는 거의 es6문법을 사용해서 ..