이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? TS로 작성된 프로젝트를 번들러와 함께 React로 포팅하는 과정이 좋았습니다. CRA나 Vite로 프로젝트를 구성하지 않고 처음부터 시작하면서 다양한 내용을 경험할 수 있었습니다. 회사에서 지난주까지 배포해야 하는 작업이 있어서 에너지를 회사 일에 많이 쏟은 것과 포팅하는 과정에서 다양한 에러를 만나 해결하지 못한 것이 아쉽습니다. 결국에는 번들러를 변경해서 다시 진행하고 있습니다. 이번주 진행했던 학습/개발 내용은 무엇이었나요? TS로 작성된 프로젝트를 React로 포팅하였습니다. 타입스크립트의 유틸 타입을 직접 작성해보며 익숙하지 않았던 타입을 많이 작성해보았습니다. 가장 고민을 했던 부분은 무엇이었나요? 1. 밑바닥에서부터 개발 환경 세팅을 진행하다..
2010년대에 등장한 마이크로서비스 아키텍처(MSA)는 현재 소프트웨어 생태계에서도 많은 영향력을 끼치고 있는 것 같습니다. 실제로 우리가 알고 있는 유명한 서비스들은 MSA로 아키텍처를 전환하는 과정을 겪기도 했습니다. 아키텍처를 MSA로 구성하려는 목적이 있거나, 관심이 있다면 많은 통찰을 얻을 수 있는 책이라고 생각합니다. 책은 총 3부로 구성됩니다. 1부에서는 MSA의 핵심 아이디어를 설명하여 중요 개념들을 이해할 수 있게 도와줍니다. 2부에서는 MSA의 구현부를 다루고 있고 도움이 되는 기법과 기술들을 소개하고 있습니다. 3부에서는 사람과 조직에 대해 다루고 있습니다. 이 책은 기술적인 것만 다루는 것 이상으로 사람과 조직에 대한 내용까지 넓게 다루고 있어 실제 개발팀에서 MSA를 도입하기에 시..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? JS로 개발한 TODO 앱을 TS로 마이그레이션 하는 과정에서 겪은 에러와 배운것들이 좋았습니다. 나쁜것은 학습에 있어 지난 몇주간 힘이 조금 빠졌던 것 같습니다. 이번주 진행했던 학습/개발 내용은 무엇이었나요? Todo 앱을 TS로 마이그레이션하였습니다. 이펙티브 타입스크립트 서적을 학습하였습니다. 가장 고민을 했던 부분은 무엇이었나요? 1. HTML의 DOM 요소나 이벤트에 타입을 좁게 지정하는 것이 어려웠습니다. 기존에 DOM요소나 이벤트에 대해서는 React와 같은 라이브러리에서 사용되는 타입만 사용하다보니 알맞은 타입으로 사용하기 위해 자료들을 찾아보았습니다. 2. JS로 작성된 코드를 어떻게 TS로 마이그레이션할지에 대해 고민을 했었는데 all..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? VanillaJS로 개발한 Todo 앱의 drag n drop을 구현하면서 마무리하는 시간을 가졌습니다. 이펙티브 시리즈가 좋다는 것은 이미 알고 있었지만, 이번에 이펙티브 타입스크립트를 정독하면서 타입스크립트를 잘 쓰시는 분들의 코드 스타일이 많이 나온 것 같아서 재밌었고 좋았습니다. 생각보다 drag n drop이 어렵게 느껴져서 제대로 개발하지 못한게 나쁜 점이었습니다. 이번주 진행했던 학습/개발 내용은 무엇이었나요? Todo 앱의 drag n drop 기능을 개발하였습니다. 이펙티브 타입스크립트 서적을 학습하였습니다. 가장 고민을 했던 부분은 무엇이었나요? 1. 이론적으로는 drag n drop 기능에 대해 이해를 하고 있었지만, VanillaJS ..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? VanillaJS로 상태관리를 포함하여 Todo 앱을 개발하는 과정에서 겪은 문제들에 대해 고민해보는 것이 좋았습니다. 나쁜 것은 저번주와 똑같이 반복된 것 같은데요. 학습에 시간을 쓰는 것이 부족했던 것입니다. 이번주 진행했던 학습/개발 내용은 무엇이었나요? 모듈, SEO, React Router, OOP등의 개념을 학습하였습니다. 옵저버 패턴을 통한 상태관리를 학습 및 개발하였고 CRUD 기능을 대략적으로 구현했습니다. Drag n Drop을 구현하고 있습니다. 가장 고민을 했던 부분은 무엇이었나요? 1. 컴포넌트를 관심사에 맞게 분리하고 응집도를 높게 가져가는 것을 목표로 하였는데 직접 VanillaJS로 구현하는데 꽤 어려움이 있었던 것 같습니..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? 좋은 것은 SPA를 만들어나가는 과정에서 옵저버 패턴을 학습할 수 있었던 것입니다. 프론트 개발에서 state(상태)는 화면에 보여줄 데이터를 나타내는데 React, Vue와 같은 프레임워크들은 상태만 변경시켜도 화면에 자동으로 ui를 반영시킵니다. 이와 같은 흐름을 옵저버 패턴으로 구현해본 것이 좋았습니다. 나쁜 것은 온전히 학습에 몰입하지 못했던 것입니다. 매일 꾸준히 시간을 쓰려고 하지만 이번주도 힘들었던 것 같습니다. 이번주 진행했던 학습/개발 내용은 무엇이었나요? 옵저버 패턴을 학습하였습니다. 옵저버 패턴을 이용하여 TodoList를 개발중입니다. 할일을 추가하면, 할일을 구독하고 있던 컴포넌트가 자동으로 변경된 할일을 ui에 반영해줄 수 있도..
소프트웨어에 필요한 인프라를 AWS, Google Cloud, MS Azure와 같은 클라우드 벤더에 직접 접속해서 세팅을 했다면, 코드로 인프라를 관리하는 IaC에 한번 관심을 가져보면 좋을 것 같습니다. 이 책은 IaC를 테라폼으로 시작할 수 있도록 설명하고 있는 라는 서적입니다. IaC를 위한 여러가지 도구중에 테라폼을 활용하여 클라우드를 구축하는 방법을 설명하고 있습니다. 테라폼은 다양한 클라우드 벤더에 모두 사용할 수 있도록 구성이 되어 있습니다. 그리고 가장 높은 점유율을 가지고 있는 AWS를 기반으로 실습을 시작합니다. 파트1에서는 먼저 가장 기본적인 명령어를 익히는 과정을 가집니다. 각 명령어들에 대한 실행 결과와 설명이 자세히 나와있고 소소한 팁들이 잘 포함되어 있습니다. 또 HCL라는 ..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? 좋은 것은 이번주에는 학습 이후에 자바스크립트로 SPA를 만들기 위해 학습하는 과정이 재밌었습니다. 나쁜 것은 이직한지 얼마 되지 않아 회사의 업무에 많은 시간을 쏟아야 해서 프로젝트 진행을 거의 하지 못한 것이 아쉽습니다. 이번주 진행했던 학습/개발 내용은 무엇이었나요? git, browser router api, history api 등을 학습하였습니다. 자바스크립트로 spa 프로젝트 개발을 진행하였습니다. 가장 고민을 했던 부분은 무엇이었나요? 1. 바닐라 자바스크립트로 어떻게 코드를 작성해야 좋은 인터페이스를 만들 수 있을지에 대한 부분이었습니다. 프론트엔드 개발자들에게 익숙한 React, Vue와 같은 느낌으로 작성하고 싶었는데 그렇게 되면 JS..
