전체 글243
소프트웨어 설계에 대해 ⭐ / 2️⃣ - 시각화와 모델링 (Feat.UML, PUML, draw.io)
(* 앞 편을 보고오시면 좋습니다.) 소프트웨어 설계에 대해 ⭐ / 1️⃣ - 설계의 중요성과 디자인 패턴 (feat. patterns) https://programming119.tistory.com/256 소프트웨어 설계에 대해 ⭐ / 1️⃣ - 설계의 중요성과 디자인 패턴 (feat. patterns) 소프트웨어에 개발 설계도가 필요한가요? 정말정말 개발자 생활을 하면 할수록 느끼고 또 느끼는 것 중 하나가 개발하는 데에 보다 설계하는 데에 시간을 더 많이 들어야된다는 점입니다. DDD 관 programming119.tistory.com 들어가며 설계의 결과물을 시각화하는 것은 소프트웨어를 설계를 함에 있어서 핵심중에 핵심입니다. 글로 표현된 설계도를 읽고 싶어하는 사람이 얼마나 될까요? 더군다나 줄..
소프트웨어 설계에 대해 ⭐ / 1️⃣ - 설계의 중요성과 디자인 패턴 (feat. patterns)
소프트웨어에 개발 설계도가 필요한가요? 정말정말 개발자 생활을 하면 할수록 느끼고 또 느끼는 것 중 하나가 개발하는 데에 보다 설계하는 데에 시간을 더 많이 들어야된다는 점입니다. DDD 관련 게시글 들에서도 항상 얘기했던 점이고, 설계의 중요성을 더 말하기에는 이제 입이 아플정도입니다. 😂 (그러니 바로 생략) 우리가 만들 소프트웨어는 복잡하다 (인간의 관점에서)! 그렇다면 왜 설계가 필요한 걸까요? 가장 근본적인 원인 자체는 '소프트웨어는 복잡하다' 라는 점입니다. 숨을 쉬는 방식에 대해 우리는 설계를 하지는 않죠. 너무 당연한거니까요. 하지만 우리 현실세계에서 쉽게 풀리지 않는 것들, 사람의 힘만으로는 해결되지 않는 것들은 매우 많습니다. 그런 것들을 해결하고 자동화시키기 위해 소프트웨어가 만들어진..
[React🌀] Next JS 12 업데이트 사항 총 정리 📄
Next JS 12 React와 Next JS 는 끊임없이 변화중이죠.. 괜히 프론트엔드의 메이저 프레임워크로 자리잡혀가는 게 아닌 것 같습니다. Next JS 12 문서 React 18 은 여기 엄청 잘 정리가 되어 있음 Next JS 12 에는 어떤 변화가? Next JS 공식 블로그 에도 깔끔하게 잘 정리가 되어 있습니다. Rust Compiler rust 기반의 컴파일러로 바꿈 refresh 속도가 3배 빌드 속도가 5배 사용해보니 실제로 체감되는 속도 👍 React 18 Support React 18 버전을 지원 Server-Side Streaming Suspense 및 SSR 스트리밍 지원 HTTP 스트리밍을 통해 페이지를 서버 렌더링 가능 말 그대로 해석한 것이긴 한데, 아마 React 가 ..
[React🌀] Next JS middleware / 미들웨어 / (Next JS 12.0.0)
Next JS 12 next js 12버전이 공개되었습니다. 이번 업데이트는 'rust 컴파일러로 변경' , '리액트 서버컴포넌트' 등 이전 버전들보다 더 혁신적인 기능들이 많은 것으로 보이는데요, 그 중에 눈에 띄는 부분인 미들웨어 부분을 소개드리고자 합니다. Edge Function Middleware는 Edge Function 을 런타임으로 해서 사용이 됩니다. Vercel은 Edge Function 을 설명하기 위해 이런 스토리를 설명하고 있는데요, 속도가 빠르지만 정적인 컨텐츠만을 제공할 수 있는 CDN, 동적으로 매 요청마다 랜더링이 가능하지만 속도가 느린 동적 서버, 항상 양자 택일의 기로에 서있었다구요. Edge Function을 이용한다면 이런 두가지 단점들을 극복할 수 있다고 합니다. ..
[GraphQL] GraphQL code generator 란 / GraphQL과 타입스크립트
Graph QL 과 타입스크립트 GraphQL은 웹 클라이언트가 데이터를 질의하는데에 최적화된 일종의 인터페이스이자 쿼리 언어입니다. 쿼리 언어이므로 결국 데이터를 주고받는 것이 필수적이고, 그에 따라 내부적으로 input 과 output의 데이터의 타입을 정의하게 되죠. 하지만 쿼리 언어이기 때문에, 결국 어플리케이션 단에서 사용하는 언어에 따라, 추가적으로 데이터 타입이나 인터페이스 작업이 필요하다는 번거로움이 있습니다. 이러한 부분을 해결해주는 것이 Graph QL code generator 입니다. GraphQL code generator? Graph QL code generator 은 *.graphql 의 파일에 존재하는 스키마와 쿼리를 바탕으로, 다양한 언어에 맞게 타입, 혹은 코드 자체를 생..
[React🌀] React 서버 컴포넌트 / RSC의 도입 배경과 장점
들어가며 프론트엔드 세계에는, 시간이 갈수록 정말 많은 변화를 겪고, 많은 유용한 프레임워크와 라이브러리들이 생겨나고 있습니다. 그 중에 중요한 요소중 하나가 data를 fetching 및 rendering하는 부분인데요, 그래프QL이라던가 react-query 와 같은 기술들도 모두 서버로부터 데이터를 받아오는 데에 더 효율적이고 프로젝트에 적합한 구조를 도입할 수 있도록 해주는 역할을 합니다. 최근에는 Next JS와 같은 프레임워크를 이용해 필요한 곳에서만 부분적으로 SSR을 채용하면서, CSR과 SSR의 각각의 이점을 가져가고있는 추세이죠. 하지만 이런 구조 또한 완전하다거나 안정적이 방식이라고 하기에는 단점이 명확하게 존재하고, 꾸준히 변화하고 있는 부분입니다. 제 개인적인 생각으로는 State..
[React] 리액트 버전 18은 무엇이 달라졌을까? / React v18
들어가며 본 포스팅은 아래 링크된 리액트 공식문서를 바탕으로 작성된 글입니다. https://ko.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html The Plan for React 18 – React Blog The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our next major version. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. We’ve publish ko..
[IT 도서리뷰📘] 풀스택 서버리스 / AWS Amplify
풀스택 서버리스 저 : 네이더 다빗 출판사 : 한빛미디어 2021년 07월 05일 출간 들어가며 FrontEnd 생태계는 변화가 너무 빠르기 때문에, 나는 되도록이면 출간된지 얼마 안 된 책을 고르려고 하곤 한다. 이번에 인터넷 서점의 신간 목록을 살피던 와중 서버리스 컴퓨팅, 그래프 QL,이 두 가지 키워드가 눈에 띄었다. 최근 아키텍트 관련을 공부하면서 PaaS나 IaaS를 좀 더 직접 이용해보거나 이용사례를 보고싶은 마음이 들고 있었고, 그래프QL 은 사용할 일이 생길 것 같아, 미리 공부해두려고 했기 때문이다. 그리고 무엇보다 밑단에서 끝단까지 전부 갖춰진 풀스택 어플리케이션을 구현해 나가는 과정을 전부 확인해볼 수 있다는 점이 매력적이었다. 그 과정에서 사용되는 AWS Amplify 또한 언젠간..