전체 글

원래 갖고 있던 EC2에서 React로 만든 웹을 docker로 호스팅하고 있었다. 근데 새로운 웹을 하나 더 만들고 서브도메인으로 호스팅하고 싶었다. 앞에 Nginx 웹서버에서 들어오는 도메인에 맞춰서 포트를 나눠주면 잘 되지 않을까..?라고 생각했는데 2가지 문제에 부딪혔다. 사실 하나의 문제라고도 볼 수 있는데, 지금 쓰는 서버가 프리티어로 t2.micro라는 점이다. 첫번째로는 CPU가 못버텼다. build한 파일만 올려서 호스팅했으면 좀 달랐으려나 라는 생각이 있긴한데, 사이드 프로젝트에 build만 자동화해서 올리게 붙이기는 오버였고, npm install이나 start, build 과정이 너무 오래걸렸다. 두번째로는 처음에 EBS 용량을 8GB로 작게 설정해뒀더니 용량이 초과하는 이슈도 있었..

SSDC(Samsung Software Developer Conference) 2022, 삼성 소프트웨어 개발자 컨퍼런스에 참여한 후기를 남겨보려한다. 한달전쯤 우연히 SNS에 올라온 홍보물을 보게되었고, 무료로 선착순 오프라인 신청을 할 수 있었다. 컨퍼런스는 11월 15,16일 강남역 바로 앞에 삼성전자 서초사옥에서 진행되었다. 이틀 다 가고 싶었지만 이슈상.. 1일차만 방문하게 되었다. 행사시작은 10시부터였지만, 얼리버드 이벤트가 있어서 조금 일찍 도착하도록 출발했다. 출근길 2호선을 뚫고 납짝하게 되어서 도착할 수 있었다. 도착하니 배너가 건물 5층으로 안내했다. 행사장에 도착하니 꽤나 많은 사람들(진정한 얼리버드)이 와있었다. 사전등록을 했기에 이름만 말하니 참가자 목걸이와 기념품을 받을 수 ..

React로 사이드프로젝트를 하던 중 특정 변수에 대해 거의 모든 컴포넌트에서 참조를 하고 변경시 랜더링해줘야 하는 이슈가 생겼다. 개발 환경과 언어는 MacOS, React(v18.2.0), Typescript(v4.8.4), Redux(v4.2.0)이고, 배포는 docker로 묶어서 EC2에 띄울 예정이다. 그냥 App.tsx에서 useState로 State Hook 만들어서, 변수와 컨트롤러를 만들 수도 있었겠지만 depth가 커지는 컴포넌트가 생기면, 코드 가독성이 저해될 것 같았다.(사실 나만 보는 코드니까 상관은 없지만...) 그래서 상태 관리 라이브러리인 Redux를 사용해봤다. 이전에는 Redux가 react에 종속적인 라이브러리인줄 알았는데, 이번에 공부하며 찾아보니 JS를 위한 상태관리..

서론 현재 개발하고 있는 프로젝트에서 html 형태의 보고서를 만들고, 이메일로 유저에게 전송해야할 일이 생겼다. 기존의 코드에서는 nodejs에서 'nodemailer'를 사용하고, gmail을 통해서 전송하였다. 이때 생기는 문제점이 gmail 이라서 유저에게 신뢰성이 떨어질 수 있고, 별도의 DKIM 인증 등 스팸 메일로 분류되는 것을 피하기 위한 설정을 하지 않았기에 일부 메일이 스팸으로 분류되는 문제가 있었다. ( 물론 nodemailer에서도 이러한 기능을 지원한다 https://nodemailer.com/dkim/ ) 유저 뎁스가 깊어서 많이 사용하지 않던 기능이라 일단은 레거시로 놔두고 있었는데, 이번에 해당 부분을 개편하면서 아예 새로운 방법을 택했다. 현재 서비스에서 사용하고 있는 도메..

왜 쓰게 되었는가? 서비스를 분석하기 위해 유저의 활동 데이터를 수집해야 한다. frontend layer에서 firebase, mixpanel, airbridge 등의 다양한 툴을 붙여서 분석하고 있지만 전체적인 유저의 추세를 보기에는 간편하고, 시각화도 잘 해주지만 유저 한명한명을 타게팅해서 뭐하나 분석하기엔 어려움이 있었다. backend layer에서는 API를 호출할 때마다 로그를 기록하면되니, 로그만 잘 작성해둔다면 유저가 어디에서 머물고, 어떤 버튼을 클릭하고, 어디에서 이탈하는지 분석할 수 있을것이다. 원래는 어떻게 했는가? 원래도 logging 기능은 있었다. import logger from "../../utils/winston"; ... isUserPriorty: async (_, {..

Elasticsearch란 루씬(자바로 된 정보 검색 오픈소스)기반 검색 엔진이다. 역인덱스 방식으로 단어 단위로 나눠서 저장을 하여 검색속도를 높인다. 장점 : 검색속도 빠름 - 모든 행을 탐색해야하는 RDBMS 방식보다. 이미 단어가 어느 문장에 들어있는지 mapping 되어 있으니 훨씬 빠르다. 단점 : 수정, 삭제 속도 느림 - 단어별로 다 쪼개놨으니 삭제하려면 일일이 찾아서 삭제해줘야하는 낭비가 존재 -> 아 그러면 수정과 삭제가 빈번하지 않고, 검색을 자주하게 되는거에 쓰면 좋겠군 -> 로그 수집 및 분석 현재 진행중인 프로젝트에서 로그 정보 수집 및 분석을 위해 도입하고자 한다.(나중에 따로 자세히 적어보겠다) 설치 1. java 다운로드 https://www.java.com/en/downl..

내가 쓰고 있는 백엔드 기술에 대해 언어, 런타임, 프레임워크 자체에 대해서 조사하고 정리해보고자 한다. 언어 - JavaScript 역사 JavaScript(이하 JS)는 애초에 웹 브라우저를 위해 만들어진 언어다. 1990년대에 주된 브라우저였던 '넷스케이프'(지금은 파이어폭스로 승계되었다고 한다)를 만든 회사인 '넷스케이프 커뮤니케이션즈'에서 정적인 HTML을 동적으로 표현하기 위해 만든 언어이다. 이름이 'Java'Script인 이유는 애초에 만들때부터 만들게될 스크립트 언어가 자바를 구현할 것이고 비슷한 문법을 채용하고자 했다. 더불어 초기에는 LiveScript였으나 Java에서 파생되었다는 점과, 마케팅의 이유로 JavaScript가 되었다고 한다. ECMAScript ECMA(정보와 통신 ..

추석이라 집에 내려와서 쉬면서 앞으로 내가 어떤 공부를 해야하는가에 대해 고민해봤다. 내가 그리는 인생 목표치를 정리해보고, 목표를 이루기 위해서 지금 내가 어떤걸 해야할지 고민해봤다. 지금 시대는 노력만 한다고 성공할 수 있는게 아니라, 가성비가 좋은 노력을 해야 성공할 수 있는 것 같다. 흘러가는대로 사는게 장기적으로 더 힘들다 판단되기에 단기적으로 나마 삶의 목표치?를 생각해봤다.(인생의 클린 아키텍쳐랄까...) 인생 미니 로드맵 일단 3학년에 복학을 하면서 바로 현직 경험을 해볼 것이다. 학과공부만 하면서 3,4학년을 보내기에는 너무 시간이 아까운 것 같다. 58학점 정도가 남았는데(51학점이 전공으로 채워져야하는게 함정), 4학기가 남았으니 학기중에 12학점을 듣고 계절로 채워보는 방향이면 파트..

본과정에서는 6월부터 11월까지 6개월동안 하나의 프로젝트를 진행해야한다. 팀 안에서 개발 리드를 하면서 겪었던 부분들과, 본과정에서 있었던 일, 느낀점 등을 정리해보려한다. 주제 일단 주제가 제일 중요하다. 우리팀은 주제 정하면서 시간을 많이 썼는데(그렇다고 시간을 낭비했다는건 아니다), 주제 정하는게 생각보다 까다로웠다. 단순히 프로젝트 주제를 정하는게 아니라 'IT 기술이 들어가야하고', '시장이 커야하고', '유저가 쓸만해야하고', '6개월 안에 3명이 할 수 있어야하며', '비즈니스 모델이 세워져야하는' 여러 조건을 충족하는 주제여야했다. 우리는 처음에 MVP를 만들다가도 출시전 주제를 한번 갈기도 했다. 2주동안 노력보다, 남은 5개월의 행방이 중요했으니까. 그래서 최종적으로 '집 구할 때 생..

앞서 포스팅에서 했던 방법으로 EB를 통해 호스팅한 서버에서 S3로 이미지를 보내는 와중에 클라이언트(앱)에서 413 에러를 response 받았다. 서버 로그를 찍어보니... nginx 로그에서 에러가 찍혀있었다. [error] 32211#32211: *9131 client intended to send too large body: 6115831 bytes 음... 딱봐도 뭔가 큰걸 보내서 터졌다는 말인듯하다. 한 6MB 정도 되어보이는데(아이폰은 이미지 용량이 크기도 하네...), 가공 없이 보내니까 터졌다. nginx를 뒤적거려보니 파일 전송 limit가 걸려있어서 설정을 바꿔줘야 한다고 했다. 근데 여기서... 늘 ec2에 접속해서 배포할 때마다 설정을 건들여주기엔... 그러면 CD를 하는 의미가..