[8월 3주]이번 주에 읽은 아티클 🐼

출퇴근 길에 여러 플랫폼에서 개발 관련 아티클을 읽는다~ 그런데 읽었던 내용을 다시 찾고 싶은데 까먹을 때가 많아서,  매주 읽은 아티클 중 기억하고 싶은 것을 간단히 남겨둔다~~ 

 

https://yozm.wishket.com/magazine/detail/1645/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_yozm&utm_content=contents 

나에게 맞는 웹 기술 스택을 고르는 방법 | 요즘IT

-> 회사 채용 공고에서 'LAMP로 개발해요~' 이런 내용을 본 적이 있다. LAMP 외에도 웹 개발할 때 필요한 기술 스택 묶음을 소개해서 흥미로웠다 ! 웹 개발 프로젝트를 하기 전에 참고하면 좋을 듯.

 

 

 

https://velog.io/@lky5697/the-ultimate-clean-architecture-template-for-typescript-projects?utm_source=substack&utm_medium=email#%ED%81%B4%EB%A6%B0-%EC%95%84%ED%82%A4%ED%85%8D%EC%B2%98%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80 

(번역)타입스크립트 프로젝트를 위한 궁극적인 클린 아키텍처 템플릿

-> 클린 아키텍처 원칙..! 이 원칙을 적용해서 타입 스크립트로 프로젝트 템플릿을 만드는 가이드이다. 코드도 있다 !

내가 지금까지 해온, 본 프로젝트에서는 한 레파지토리에서 하나의 패키지만 있었다. 그런데 여기에서는 레이어 별로 나눠서 패키지를 만들고, 따로 종속성 설정을 해준다. 각 레이어가 의존하지 않기를 바라서 그랬다고 한다..!!! 

클린 아키텍처.. 들어는 봤지만 공부해본 적은 없었다ㅜㅜ 개인 프로젝트를 할 때는 기능, 디자인 구현에만 집중했지 아키텍처를 크게 고려하지 못했다. 다시 생각해보면 프로젝트 규모, 참여 인원이 그렇게 크지 않아서 그 필요성을 아직 못 느꼈던 거라고도 할 수 있었다. 예를 들어서 api 호출해서 화면을 그린다고 하면, 그것들을 다 한 파일에서 코딩했던 것이다. typescript를 사용해서 각 데이터의 타입을 정의해야 하면, 그 타입들도 그 파일에다가 코딩하고.. ! 그런데 회사 코드에서는 그것들이 이곳 저곳 나뉘어 있어서 처음에는 낯설었다. 회사 코드에는 이런 아키텍처가 녹아져있는 것 같다..!!

클린 아키텍처.. 이 글의 내용... 100% 이해 되지는 않지만, 프론트엔드 아키텍처/클린 아키텍처에 관심을 가질 수 있었고 추후 프로젝트할 때 사용해보고 싶다...!! 

 

 

 

https://velog.io/@teo/MVI-Architecture

프론트엔드에서 비즈니스 로직과 뷰 로직 분리하기 (feat. MVI 아키텍쳐)

-> 위 글을 읽은 후, 프론트엔드 아키텍처에 관심이 생겼는데 마침 벨로그에서 이 글을 봤다 !! 프론트엔드 역사부터 시작해서 이해하기 좋았다. 이를 통해 들어봤거나.(recoil, react query 등) 사용하고 있는 것들이(vue, react, vuex, react hook 등) 왜 등장했는지 정리할 수 있었다, 그리고 MVI 프론트엔드 아키텍처에 대해 정리해주셨다 !! 

 

 

 

https://velog.io/@teo/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%EC%97%90%EC%84%9C-MV-%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80%EC%9A%94

프론트엔드에서 MV* 아키텍쳐란 무엇인가요?

-> 바로 위글을 쓰신 분(테오님!)의 글이다. 재미있는 옷장 비유와 함께 아키텍처를 설명해주셨다.MV * 아키텍처, 현대 프론트엔드 아키텍처 방향성! 이해가 잘된다 >_<