I am maker

여기까지의 흐름 언젠가는 글을 써야하겠지만, Prisma를 쓴 node backend 프로젝트에서 beanstalk을 통해 배포를 하려고하니 node 버전 때문에 불가능했습니다. 그래서 docker를 통해 배포하기로 했고 beanstalk에 docker를 통해 단일 docker로 배포하려고했습니다. 그런데, beanstalk deploy에서 300초를 초과하면 실패하는 문제가 있었고, 아래와 같은 에러가 발생했습니다. An error occurred during execution of command [app-deploy] - [Docker Specific Build Application]. Stop running the command. Error: failed to build docker image: C..

ESLint: Promise executor functions should not be async.(no-async-promise-executor) 뜻 : 프로미스 실행자함수들은 비동기이면 안됩니다. 아마도 promise 내에 Promise.resolve 등의 static 함수를 사용하는 경우 어떤 promise가 종료되었는지 알 수 없기 때문인 것 같습니다. 보통은 이런 에러자체를 접하지 않을텐데, 구닥다리 콜백 함수를 감싸서 비동기로 해주는 경우에 나타날 수 있습니다. 언제 나타나는지, 어떻게 해결하는지 같이 해보시죠 우선 구닥다리 콜백함수를 하나 만들어보겠습니다. // 콜백 함수 function callBackFunction(callback, param){ setTimeout(()=>{ callba..

pretendard font 500, 900을 locofy에서 필요하다고 에러가 발생했다. 폰트 파일은 있는데.... 어떤걸 올려야하는거야? 다들 궁금해하실텐데 저 숫자는 weight입니다. 사람이 읽을 수 있는 문자로 각각 치환이 되네요 100 = Thin 200 = ExtraLight 300 = Light 400 = Regular 500 = Medum 600 = SemiBold 700 = Bold 800 = ExtraBold 900 = Black

정론이고 뭐고, 시시각각 웹 생태계속에서 제가 아는 범위를 말씀드리는거라서 반론이나 의견이있으면 언제나 댓글 부탁드립니다 웹 퍼블리셔가 뭘까? 우리나라에만 있는 퍼블리셔라는 직군은 편집 디자인에서 착안한 용어였습니다. 편집 디자인은 잡지나 신문 등 출판물을 디자인하는 분야입니다. 웹이라는게 모니터를 통해 시각적으로 보는 정보라서, 어떻게 보면 편집 디자인의 영역에 속하긴 합니다. 그래서인지 웹 문서의 표준인 html에서도 semantic 태그로, 편집 디자인에서 사용하는 용어가 차용되어있습니다. 이런 디자인 된 화면을 실제 사람들에게 보이게하는건 누구일까요? 바로 인쇄 출판 입니다. 여기서 차용해서 publisher(출판) 라는 용어의 직군이 생기게 되었습니다. 사실 이 때 퍼블리셔라는 용어가 잡히기 전..

2023.02.09 - [웹] - nodejs exceljs 파일 다운로드 기능 구현 with gpt chat (1) nodejs exceljs 파일 다운로드 기능 구현 with gpt chat (1) 기획쪽에서 엑셀 파일 다운로드 기능이 필요하다고 합니다. csv, xlsx 어떤 확장자가 될지 모르지만 미리 기능은 준비해둬야 하는 아주 흔한 공통 개발 상황이 닥쳐왔습니다. 엑셀 파일을 다운로 guhyeon.tistory.com 이전 글에 이어서 chat GPT가 알려준대로 코드에 쳐봅니다. gpt가 말도안되는 코드를 내어놓을 수도있으니까요 ㅎㅎㅎ 전에 알려줬던 코드인 exceljs부분 테스트해보겠습니다. 백엔드 코드를 적어주고 const express = require('express'); const ..

안녕하세요! 코딩하는 고릴라 입니다! json을 문자열로 예쁘게 표시하는 방법 다들 구글링 하시거나 못생긴 json을 ide에 복붙해서, 이쁘게 보는 등 여러 방법을 하실 거라 생각합니다. 하지만 로그를 찍을 때, 바로바로 써먹으려면 머리에 있는게 제일 좋죠? ㅎㅎ 그래서 준비했습니다. JSON.stringify(jsonObj,null,2) 이렇게 치면 jsonObj가 아주 이쁘게 들여쓰기해서나오는데요 이거 외우는방법! jsonObj 널(null) 이(2)렇게 예쁘게 아직도 저는 잊지못합니다. ㅎㅎ

node 진영에는 라이브러리, 모듈을 관리하는 패키지 관리자가 여러개가 있습니다. 기본적으로 node를 깔면 npm이 기본 패키지 관리자인데요, node_modules를 보면 보통 용량이 1기가가 넘는 경우가 부지기수입니다. 아래부터는 저의 기억에 의존한 썰이므로 재밌게 넘어가주세요~! 아닌게 있으면 댓글부탁드립니다. 예전 npm은 동기식으로 다운로드하여 매우 속도가 느렸던 걸로 알고있습니다. 여기에 획기적으로 나왔던게 yarn이었는데요 yarn은 비동기적으로 node module을 다운로드 받아 속도가 엄청 빨라졌었습니다. 여기에 npm도 다운로드를 동시에 하도록 변경하면서, 둘의 차이가 사라졌다가 yarn에서 monorepo를 위한 yarn workspace 같은 기능도 추가되면서 차별점을 가져가다가..

-기호는 영어로 dash 라고합니다. 개발자라면, 혹은 옛날 윈도우 를 깔아보신 분들이라면 터미널(cmd, bash, terminal, powershell)를 알고 계실 텐데요. 이 터미널에서 돌아가는 프로그램들을 실행할 때, 옵션을 줄 때 - 혹은 --로 옵션을 주곤합니다. 예를 들면 --help 혹은 -H 이런식으로 --가 두 개 -가 한 개일 때 가 있습니다. 그렇다면 무슨 차이가있을까요? 옛날에 만들어진 프로그램들은 위 규칙을 따르지 않지만, 요새 나오는 터미널로 실행 가능한 프로그램들은 보통 규칙이 있습니다. 바로바로 -- 는 풀어쓰는거 -는 줄여쓰는거 이렇게 외우시면 됩니다. --는 기니까 풀어쓰는거! 저는 개인적으로는 --를 선호합니다. 내가 docker의 전문가라고 npm의 전문가라고 해도..

엄청 쌓이는 이메일.... 특정 서비스의 이메일 수신 거부로 줄여보려고 눌렀는데 내가 로그인도 안했는데 내 이메일을 알고있더군요 사실 수신거부를 로그인하고해야하면, 너무 불편해서 아무도 메일 구독을 안할것 같긴해요. 그럼 어떻게 수신거부 처리를 하고있을지 역으로 생각해볼까요? 위 그림대로 1. 서버가 사용자에게 마케팅 이메일을 전송할 거에요 2. 사용자가 수신거부 url로 서버에 접속하면 3. 서버에서 사용자db에 수신 거부 처리를합니다. 이건 일반적으로 사용자가 인식할 때고 실제 개발에서 처리 할 때는 좀 더 구체화 해서 생각해보면 어떤 회원이 이메일을 수신거부 했는지 알기위해 특정 값이 필요합니다. 이 특정 값을 db를 이용한 key를 이용하면 아래 처럼 방법이 나올거에요 1. 서버에서 이메일을 전송..

jwt 토큰을 통해 인증 쿠키를 설정할 때 1. 백엔드와 프론트가 같은 도메인일 때 2. 백엔드와 프론트가 sub도메인이 다를 때 3. 백엔드와 프론트가 전혀 다른 도메인일 때 에 따라서 설정이 다 다르다 1로 할때는, 별도의 설정이 필요 없고 2번은 cookie에 secure(https) 를 해야하고 이를 위해서 모두 https에 호스팅해야한다. same-site:'lax' 혹은 same-site:'none' 을해준다. 3번은 방법이없다. 프론트를 올리는 서버에서 백엔드를 프록시처럼 호출하는 방식으로해야한다.