티스토리

2donny

검색하기

블로그 홈

2donny

2donny-world.tistory.com/m

Just keep going.

구독자: 5

방명록 방문하기

주요 글 목록

1막 1장 새로운 회사에서 1주일이 지났다. 첫날은 컬쳐 팀의 코디네이터분이 회사의 설립 역사부터 시작하여 복지까지 상당히 많은 정보를 전달하였다. 사실 난 첫날부터 일 해야 하는 줄 알고 살짝 긴장하고 맥북까지 챙겨갔는데 그냥 진짜 편하고 재밌게 보냈었다. 같은 날 입사하신 분들이 계열사 통틀어 XY명이었다. 동기 문화가 있어서 같은 계열사 분들과 쉽게 친해졌다. We're here to make history 이 문구를 보고 비로소 내가 진짜 여기 왔구나하고 실감했다. 가슴이 두근두근 뛰었다. 역시 난 평생 이런 일을 해야하는 사람인가보다. 일하는 방식은 타이트하지 않고 자율과 책임하에서 느슨하지만, 응집력있게 그루핑된 인상을 받았다. 특이한 점 한 가지는 온보딩을 도와주는 메이트분이 계시는데 챕터 리더분이신데.. 공감수 35 댓글수 29 2023. 8. 28.
첫 번째 매듭 지난 1년 8개월 동안 몸 담았던 첫 회사의 이력을 오늘부로 매듭짓게 되었다. 소중한 동료들과 작별 인사를 마치고 대표님과 판교역 부근에서 저녁 식사를 했다. 평소에는 절대 하지 못했던 진솔한 이야기들을 서로 허심탄회하게 얘기할 수 있었다. 비즈니스 관계뿐만 아니라 인간적인 유대감이 형성된 신뢰 관계였기에 평소 서로에게 했어야 했지만 굳이 하지 않았던 이야기들을 오늘에서야 할 수 있었다. 그때의 울컥하는 마음, 고마운 마음, 미안한 마음을 숨기기 어려웠다. 서로가 서로에게 비슷한 감정을 가지고 있었던 것 같다. 게임듀오에서 일하면서 가장 크게 배웠던 것은 기술과 비즈니스 그 사이에서 현재 조직의 규모와 상황에 맞는 올바른 의사결정을 하는 방법이었다. 비즈니스가 중요한 조직에서 해볼 수 있는 건 충분히 경.. 공감수 2 댓글수 2 2023. 8. 18.
1년차 개발자의 회고 거의 5월이 다와 가는데 2022년 회고라는 제목으로 짓는 것이 조금 이상해서 1년차 개발자의 회고라고 적어보았다. 2022년 그리고 2023년 4월 까지의 경험은 나에게 큰 의미가 있는 해이기 때문에 늦게나마 글을 남기게 되었다. 게임 회사 사실 나는 재작년까지만 하더라도 내가 살면서 게임 회사에서 일을 하게 될 것이라고 상상도 못했다. 현 회사에 합류하기 전까지 모바일 게임을 한번도 해본 적이 없었으니 말이다. 어쩌다보니 창업을 하게되고, 백엔드 개발을 공부하였고, 게임 회사의 서버 개발자로 일을 하게되었다. 당시 나의 회사 선택의 기준은 성장이었는데 운 좋게도 빠르게 성장하는 회사에 합류하게 되었다. Start kit 첫 회사 합류와 동시에 게임 서버 start kit를 만드는 프로젝트를 맡았었다... 공감수 0 댓글수 5 2023. 4. 28.
TypeORM의 Migration CLI로 Database Synchronize하기 사용동기 서비스를 하다보면 기획이 추가돼서 Production 환경의 Database 테이블을 추가/변경 해야하는 상황이 정말 많다. 이 때 서버 개발자인 나는 운영 환경과, 개발 환경의 DB 모델을 동기화해야 하는데 어떤 것이 Best practice 인지 잘 몰라서 직접 Postico로 쿼리를 날려 변경했었다. 근데 컬럼이 추가되거나 수정될 때마다 일일히 쿼리를 날리다보니 수정 사항이 많아질 때, 개발 환경과 운영 환경의 모델이 동기화되어 있는지 확신이 들지 않았다. 그러던 도중 TypeORM CLI로 운영 환경의 DB 모델을 코드로써 변경할 수 있다는 것을 알게 되었고, 현 시스템에 적용하게 되었다. 뼈 아픈 기억들 이전에도 TypeORM의 Synchronize: true 옵션으로 데이터를 날려먹은.. 공감수 5 댓글수 1 2021. 12. 30.
Spring의 Component scan과 자동 Dependency Injection "우리는 왜 Dependency injection를 쓰나요?" 위 같은 질문은 대답하기 참 어려웠다. 면접 자리라면 그래도 말은 해야하니 아래와 같이 말하곤했다 "객체의 생성과 사용의 관심사를 분리하기 위함이죠. 또한 객체 생성의 책임을 IoC 컨테이너에게 전가함으로써 프레임워크 단에서 디자인 패턴을 만드는데에도 의의가 있습니다." 다시 보니까, 위 두 이유가 되게 비슷한 맥락이라서 거의 같은 말 같기도하다. 아무리 찾아봐도 당시 저 상황에서 공감이 잘 안됐고 그나마 저게 가장 공감됐던 DI를 사용하는 이유였다. 물론 위 근거도 충분히 이유가 될 수 있다. 근데, 오늘 Spring의 컴포넌트 스캔을 배우게 되면서 DI를 사용하는 또하나의 이유를 알게되어 정리하고자 한다. Spring의 Layered 아키.. 공감수 3 댓글수 0 2021. 12. 21.
[2/2] AWS Lambda와 Sharp로 이미지 리사이징하기 (이미지 최적화) 사용 동기 웹 사이트 속도의 첫 인상을 결정하는 것은 아마도 첫 이미지 로딩 시간일 것이다. 50x50 사이즈의 이미지를 로딩하는데 10MB 짜리 400x400 사이즈 이미지를 로딩하며, 심지어 페이지에 다시 돌아왔을 때 캐싱도 되어있지 않다면 유저는 그 사이트가 느리다고 생각할지도 모른다. 이를 해결하기 위해 리사이징(Resizing)기술을 제공하는 모듈(sharp)이 나오게 되었고, 이미지 용량을 줄여 로딩 속도를 빠르게하는 Best practice로서 널리 통용되어 사용되고 있다. 이 글에서는 1 편에서 소개했듯이 AWS Lambda 함수로 썸네일을 생성하는 방법을 소개한다. 근데 만약 Lambda를 한번이라도 써본적이 있다면, 여기서 이런 의문점이 생길 수도 있다. 굳이 Serverless 서비스.. 공감수 3 댓글수 6 2021. 12. 2.
[1/2] AWS Cloudfront로 S3 origin에 대한 CDN 프록시 서버만들기 (이미지 최적화) 사용 동기 할로윈 이벤트 같이 트래픽이 몰릴 때 메인 피드 이미지 로딩이 느려지는 현상이 발생했다. 정적 이미지 서버로서 AWS S3 버킷을 사용했었는데, 모든 트래픽이 하나의 S3 origin 서버로 몰리면서 병목이 생긴 것이다. 그래서 이미지 서버 다중화를 생각하게 되었고 AWS에서 제공하는 CloudFront로 CDN을 붙이기로 했다. CDN 란? content delivery network의 약어이다. 여기서 content란 html, css, js, image files와 같은 정적 파일들을 말하고, 이 파일들을 전 세계에 위치해 있는 데이터 센터 network를 통해서 content를 deliver 한다. 장점 1. 물리적인 거리를 좁힌다. S3 origin 서버를 대한민국 리전으로 생성했다고.. 공감수 0 댓글수 0 2021. 11. 29.
[2/2] AWS DMS 마이그레이션 후, PostgreSQL 버전 차이로 인한 primary key constraint 버그 (DB 마이그레이션) 문제 상황 데이터가 정상적으로 마이그레이션됐는데 예약이 안 되는 버그가 발생했다. > eb logs --debug eb cli인 위 커맨드로 로그를 확인했다. 그리고 다음과 같은 SQL failed 에러를 발견했다. id가 default로 생성되지 않아서 생긴 500번 에러였다. 좀 이상했다 users.id는 원래 아래 TypeORM 데코레이터에 의해 Auto generated 돼야 하는데 말이다. @Entity({ name: 'users' }) export class User { @PrimaryGeneratedColumn('uuid') id: string; } 그래서 postico로 DDL을 찾아보기 시작했다. 그리고 머지않아 정답을 발견했다. Table DDL 관찰 원본 RDS의 Reservation.. 공감수 0 댓글수 0 2021. 11. 26.
[1/2] AWS DMS를 사용하여 Heroku adds-on DB를 Beanstalk RDS로 migration하기 (DB 마이그레이션) 사용 동기 지난 2주 동안 Heroku 기반으로 돌아가는 서버를 AWS 인프라로 완전히 migration하기 위해 열심히 삽질을 하였다. 어떤 AWS 인프라를 사용하여 배포할지 자료도 많이 찾아봤는데, 그 중 고민됐던 서비스들은 ECS Fargate과 Elastic Beanstalk이었다. 최종적으로는 Elastic Beanstalk Node.js 플랫폼을 사용하여 배포하기로 하였다. 그 이유는 ECS Fargate와 Beanstalk(docker 플랫폼) 서비스들은 로컬에서는 분명 실행이되는데, Production 환경에서만 실행하면 컨테이너들끼리 depends_on이 잘 되지 않아 항상 Node.js 프로세스가 죽었다. 그래서 Docker를 프로덕션에서 사용하는 것은 조금 미루기로했다. 무튼 그래서 .. 공감수 2 댓글수 0 2021. 11. 26.
AWS Route 53 활용하여, Sub domain 생성하고, SSL 적용하기 사용 동기 클라이언트 웹사이트를 가비아에서 도메인을 구입하여 사용중이었다. 근데 Beanstalk 환경으로 생성한 서버 URL도 깔끔하게 보이기 위해 도메인을 붙이고자 했는데 도메인을 또 사기에는 돈이 아까워서 서브 도메인을 적용하게 되었다. 서브 도메인 적용 해보기 > 도메인 하나가 등록됐다고 가정하고 진행 > Bean stalk으로 환경을 생성했다고 가정하고 진행 1. Route 53 호스팅 영역에 들어간다 2. 등록한 도메인을 클릭 3. 레코드 생성 클릭 - '레코드 이름'은 서브 도메인 이름이다. - '레코드 유형'은 CNAME을 사용하자. 이는 서브 도메인을 다른 도메인으로 트래픽을 전달할 때 쓰인다. - 값에는 트래픽을 보낼 도메인을 넣어주자. 위 경우에서는 Beanstalk 환경으로 생성한 .. 공감수 3 댓글수 0 2021. 11. 25.
docker-compose up 실행 시 no such file or directory, open '/usr/src/app/package.json' 에러 AWS로 배포하려고 요즘 애를 많이 먹고있다. 현 상황은 Node.js 기반 서버를 로컬에서 테스트하고 있는 상황이다. 근데 nginx로 프록싱도 해야해서 docker-compose를 쓰는 상황이다. 문제가 된 Node.js 이미지를 빌드하는 Dockerifle을 보자 그리고 docker-compose.yml 파일을 아래와 같이 작성함. 그런 후, 아래 명령어를 실행함. > docker-compose up --build 근데 실행할 때 마다 밑에같은 에러가 발생했음. no such file or directory, open '/usr/src/app/package.json' 도커 컨테이너 런타임에 /usr/src/app/package.json 파일이 존재하지 않는다는 에러이다. 이 에러는 Dockerfil.. 공감수 0 댓글수 0 2021. 11. 23.
Parcel로 모듈 번들러 이해해보기 이번 글에서 Webpack, Parcel를 공부하면서 이러한 기술을 어떻게(How) 사용하는지 보다 대체 이걸 왜(Why) 사용하는지를 내가 이해한 방식을 토대로 글을 쓰려고 한다. 물론 뒤에 실습 코드도 나와있으니 인내심을 갖고 글을 쭉 읽은 후에 코드를 보면 어느정도 납득이 될 것이다. 먼저, What is parcel? Parel은 Webpack과 함께 bundler 시장의 점유율을 나눠갖고 있는 모듈 번들러이다. 번들러(bundler)란 dependency가 있는 자바스크립트 파일들을 최적화, 압축하여 하나 혹은 여러개의 static 파일로 빌드해주는 컴파일러이다. Why parcel? 질문에 대한 답을 하기 전에 먼저 브라우저 내부 엔진에 대한 이해가 필요하다(이전 포스팅을 참조). 브라우저의 .. 공감수 2 댓글수 0 2021. 1. 16.
브라우저는 어떻게 동작하는가? (1) 이 글은 이스라엘 개발자 탈리 가르시엘이 게시한 "How Browsers Work: Behind the scenes of modern web browsers"라는 글을 바탕으로 정리한 글입니다. 가르시엘은 millions 단위나 되는 C++ 랜더링 엔진 소스코드를 직접 분석하면서 어떻게 웹 브라우저가 동작하는지 파악하였다고 합니다. 웹 브라우저가 무엇인가? 웹 브라우저는 서버에서 받은 HTML, CSS, Javascript 파일을 받아서 브라우저 내부 "랜더링 엔진"의 Parser(파서)를 통해 문서들을 Parser tree로 만들고 순서대로 화면에 배치합니다. 웹 브라우저의 구조 1. User Interface : URL을 입력할 수 있는 주소 표시줄, 이전/다음 버튼, 새로고침 버튼, 중지 버튼, 북.. 공감수 0 댓글수 1 2021. 1. 15.
회고록 (2020/12/28) 학기가 끝난 지금, 처음으로 올 한 해를 활자로써 되돌아 보고자 한다. 올해는 내 삶 어느 한 해보다 꽤 많은 것들을 했었고 해나가고 있는 중이다. 작고 귀여운 내 첫 이력.. 삼성에서 주관하는 "주니어 소프트 히어로즈"의 챗봇 개발 멘토. E-ICON 세계대회 주관 중, 고등학생 앱 개발 멘토. 케어링앤컴퍼니에서 웹 개발 외주. 고커톤 [앱 개발] 그리고 방학을 맞이한 지금은 고맙게도 지인의 연락을 받아 학교에서 주관하는 해커톤에 같이 참여하게 되었다. 총 5명의 브레인 스토밍으로 아이디어까지 정한 상태인데 정말 스타트업의 고뇌를 작게나마 간접 경험하고 있는 중이다. 사람들의 생각들은 어찌나 다르던지. 자신의 아이디어를 말로 표현하고 또 그것에 대하여 다른 사람들이 문제점을 제기하는 과정에서 이제까지는.. 공감수 0 댓글수 0 2020. 12. 28.
Web speech API (Speech recognition api) Speech recognition이란 사람의 음성을 텍스트로 변환해주는 Speech-to-text(SST) 기술이다. 현재 진행하고 있는 프로젝트에 이 기술이 필요하게 되어서 다양한 API를 찾아보다가 대부분 유료인 것이 걸려 (네이버 Clova는 api가 직관적이고 옵션이 좋았는데 1초에 15원이었다..) 포기할 때 쯤 Web speech API를 찾게 되었다. 무료로 기술을 제공을 해준다는 점 뿐만 아니라 레퍼런스가 매우 잘 정리되어있다는 점에서 이것을 정리해보기로 했다. 내가 참고한 자료는 MDN 웹 문서이고 지금부터 내가 사용하기에 유용했던 인터페이스와 그것의 Property 밑 Method를 내용을 정리해보겠다. 먼저 이 Web speech API는 어떤 식으로 동작하는가? Speech reco.. 공감수 0 댓글수 0 2020. 12. 27.
Typescript 사용해보기 Typescript 사용하는 이유 Javascript는 dynamically typed language입니다. 즉, 런 타임에 타입이 정해지기 때문에 개발자들이 개발할 때(compile time) 없었던 에러가 클라이언트의 웹 브라우저(Run time)에서 일어날 수 있습니다. 이러한 치명적인 일을 방지하기 위해 규모가 있는 애플리케이션에서는 Type checker 역할을 하는 Typescript를 사용하여 개발합니다. Typescript는 다른게 아니라 typescript file을 javascript file로 컴파일하는 "컴파일러"입니다. 코드가 한번 컴파일되면, 결과로 나온 js 파일은 타입 정보가 없습니다. 이는 ES6+ 문법을 ES5로 컴파일해주는 Babel과 매우 유사합니다. 1. 일단 해보.. 공감수 0 댓글수 0 2020. 12. 21.
1. Instruction Set Architecture [MIPS] 이 글은 CPU를 보다 심도있게 이해하기 위해서 꼭 알아야하는 Instruction set Architecture와 관련 컴퓨터 구조에 대해서 누구나 이해하기 쉽게 정리하는 글입니다. 글을 쓰는 목적은 전공 공부를 하며 이해하기 힘들었던 부분, 혹은 설명이 어려웠던 부분들을 내가 이해하기 쉽게 정리하기 위함입니다. 이 글의 내용은 고려대학교 정성우 교수님의 "컴퓨터구조" 수업 내용을 들으면서 제가 이해한 것을 바탕으로 정리하였습니다. 교수님의 "명강의"가 저라는 "statement"에 의해 side-effect가 생길수도 있으니 오류가 보이시면 언제든지 지적해주시면 감사하겠습니다. 그러면 시작해보겠습니다. ISA(Instruction set architecture) 왜 배워야 하는가? 간단하게 생각하면 .. 공감수 1 댓글수 2 2020. 9. 22.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.