반응형 기타20 프론트엔드 개발자 관점으로 바라보는 관심사의 분리와 좋은 폴더 구조 https://velog.io/@teo/separation-of-concerns-of-frontend 프론트엔드 개발자 관점으로 바라보는 관심사의 분리와 좋은 폴더 구조 (feat. FSD)최근 프론트엔드 개발에서 주목받는 FSD 아키텍쳐 폴더 구조를 주제로 소프트웨어 공학 관점에서의 관심사의 분리라는 원칙을 통해 설명하고자 했습니다. 이 글은 그동안 프론트엔드가 복잡성velog.io 2024. 9. 24. 아키텍처 FSD https://emewjin.github.io/feature-sliced-design/ (번역) 기능 분할 설계 - 최고의 프런트엔드 아키텍처기능 분할 설계(Feature-Sliced Design, FSD) 아키텍처의 개념과 이 아키텍처 방법론이 해결하는 문제를 이야기하고, FSD를 기존 아키텍처 및 모듈식 아키텍처와 비교한 뒤 장단점에 대해 소개합니다.emewjin.github.io 2024. 9. 5. SOLID 원칙으로 리액트 훅 작성하기 https://ykss.netlify.app/translation/write_solid_react_hooks/?utm_source=substack&utm_medium=email (번역) SOLID 원칙으로 리액트 훅 작성하기원문 : Write SOLID React Hooks SOLID는 가장 일반적으로 사용되는 디자인 패턴 중 하나입니다. 여러 언어와 프레임워크에서 사용되며, 리액트에서 사용하는 방법을 소개하는 문서도 많습니다. SOLID에ykss.netlify.app 2024. 6. 18. Query Keys를 관리하는 기준과 방법 https://velog.io/@bo-like-chicken/Query-Keys%EB%A5%BC-%EA%B4%80%EB%A6%AC%ED%95%98%EB%8A%94-%EA%B8%B0%EC%A4%80%EA%B3%BC-%EB%B0%A9%EB%B2%95 Query Keys를 관리하는 기준과 방법 Query Keys 관리의 중요성, 작성하는 기준과 방법에 대해서 알아보았습니다. velog.io 2024. 3. 28. [번역] React Query 적으로 사고하기 https://velog.io/@seungchan__y/React-Query-%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%82%AC%EA%B3%A0%ED%95%98%EA%B8%B0 [번역] React Query 적으로 사고하기 React Query Maintainer인 Tkdodo가 알려주는 리액트 쿼리적으로 사고할 수 있는 3가지 요소들을 다루어봅니다. velog.io 2023. 6. 26. VSCODE에서 ChatGPT 사용하기 요즘 일하면서 구글링보다 ChatGPT의 도움을 많이 받고있다. 이 ChatGPT를 VSCODE에서 사용할 수 있는 익스텐션이 있다해서 사용해봤다. VSCODE 익스텐션에서 AICodeHelper 라고 검색하면 아래같은 익스텐션이 나온다. 설치해주고 아래 링크에서 API Key를 발급받아 사용해야한다. setting에 들어가서 AICodeHelper 익스텐션을 찾아 발급받은 키를 넣어준다. 한글로 언어 변경도 가능하다. 원하는 코드를 긁어서 코드리뷰, 주석달기, 리팩토링도 가능하다. Ctrl + Alt + Shift + C 코드리뷰 Ctrl + Alt + Shift + Z 주석달기 Ctrl + Alt + Shift + G 코드생성 Ctrl + Alt + Shift + R 리팩토링 Ctrl + Alt + .. 2023. 3. 20. 이전 1 2 3 4 다음 반응형
