개요 제네릭이란, 클래스 혹은 함수 내부에서 데이터 타입을 정의하지 않고, 외부에서 정의하는 기법을 말합니다. Java, C#, flutter를 비롯하여 typescript에도 제네릭이 존재합니다. 제네릭 알아보기 우선, 인수로 무엇이 들어오던 그대로 반환하는 identity 함수를 만들어봅시다. 현재 제네릭을 사용하지 않았기에 인자의 type과...

3개월 전 즈음, 진행하던 webrtc 관련 프로젝트가 다른 부서로 넘어가고 저는 신규 서비스를 개발하는 프로젝트에 참여하게 되었습니다. threejs와 react를 활용한 웹 기반 3d 컨텐츠 제작 및 증강 서비스 개발 업무에 참여하면서 팀, 기술 스택, 업무 방식이 바뀌었고, 이 과정에서 어떤일을 했고 좋았던 점, 나빴던 점, 개선해야할 점 그리고...

React + Typescript 환경에서 Threejs 사용시 활용했던 라이브러리 및 삽질했던 내용들을 간단하게 정리하였습니다. Threejs https://github.com/mrdoob/three.js/ 웹 브라우저에서 3d 그래픽을 처리할 수 있게 해주는 라이브러리 입니다. 웹 브라우저에서 3d 관련 라이브러리 작업에는 거의 필수로 사용되...

순식간에 지나간 2021년이 끝나갑니다. 한해를 돌아보는 회고를 써 봅니다. 어떤일이 있었나? 상반기(1월~6월) 상반기에는 회사내의 같은 팀을 비롯해 자주 협업을 했었던 다른 팀 분들의 연이은 퇴사로 업무 공백을 메꾸기 위해 많은 노력을 했었던 것 같습니다. 물론 개인적인 상실감도 커서 이겨내는데 고생을 했었던 기억이 나네요. (역시 사람이 먼...

2장 개략적인 규모 추정 어떤 설계가 요구사항에 부합할 것인지 알아보기 위해 수행 개략적인 규모 추정을 효과적으로 해 내려면 규모 확장성을 표현하는데 필요한 기본기에 익숙할것 2의 제곱수나 응답 지연값(latency) 가용성에 관계된 수치들 2의 제곱수 데이터의 양이 엄청나게 커져도 계산법은 기본을 크게 벗어나지 않음. 자주 쓰이...

개요 사내 백엔드 개발자분이 몇달전 저에게 내용이 괜찮다고 추천해주신 책입니다. (감사합니다 ㅎ.ㅎ) 평소같았으면 그냥 지나갔을텐데 최근 대규모 확장에 대해 관심이 커진탓에 덥석 구매했습니다. front-end 엔지니어가 이해하기 어려운 내용도 있었고, 아직 완전히 다 이해한건 아니지만 주말마다 틈나는대로 머리 쥐어뜯으면서 열심히 읽었습니다. 결국 ...

이번 글은 아주 아주 간단한 증감 연산을 수행하는 웹 앱을 vue를 통해 만들고 jest 를 활용하여 unit-test를 해보는 글입니다. Jest? https://jestjs.io/ FaceBook(지금은 Meta)에서 만든 테스팅 프레임워크입니다. 프레임워크라고 불릴 정도로 내부에 많은 기능이 있습니다. Test runner, Te...

현재 제가 다니고 있는 회사의 Web Team(Front-End) 개발 팀장을 맡은지 어느덧 6개월이 되었습니다. 자의 반 타의 반이였지만, 어떻게든 버텨야된다는 마음 및 동료들의 적극적인 지원으로 여기까지 버틸 수 있었습니다. 이번 글에는 회고를 겸해 아래의 내용을 다뤄보려고 합니다. 팀장이 된 과정 지금 하고 있는 일들 느낀점 확...

저는 일하기 귀찮을때 가끔씩 제가 개발했던 코드를 한번씩 훑어보곤 합니다. 그때마다 악취가 올라오는 코드를 발견하면 지체없이 리팩터링 2판을 끼고 이 부분을 어떻게 개선하면 좋을 지 즐거운(?) 고민을 하곤 합니다. 이번 글에는 리팩터링2판 내용중 냄새나는 코드의 특징 및 연관된 내용을 담았습니다. 냄새나면 갈아라 - 켄트 백 할머니의 육아 원칙 ...

Nuxt.js.. 살짝만 찍어먹어봅시다. 개요 React.js의 프레임 워크인 Next.js에서 영감을 받아 Vue.js에서 보다 쉽게 Vue.js를 사용할 수 있게 만든 프레임 워크입니다. SSR/SSG or SPA 방식으로 Vue 어플리케이션을 만들 수 있게 해줍니다. 어플리케이션 생성 Nuxt는 3가지 방법으로 설치 할 수 있습니다. Y...