Svelte, rxjs, vite, AdorableCSS를 좋아하는 시니어 프론트엔드 개발자입니다. 궁금한 점이 있다면 아래 홈페이지 버튼을 클릭해서 언제든지 오픈채팅에 글 남겨주시면 즐겁게 답변드리고 있습니다.
태그 목록
- 전체보기(56)
- 프론트엔드(21)
- 협업(20)
- 스프린트(15)
- 구글스프린트(14)
- 회고(14)
- 디자이너(14)
- CSS(13)
- 디자이너 구함(12)
- 함수형(7)
- 테오의 스프린트(7)
- 스터디(7)
- AdorableCSS(7)
- 테오 스프린트(7)
- 공부(5)
- 함수형 프로그래밍(4)
- 디자인(4)
- svelte(4)
- frontend(3)
- figma(3)
- vite(3)
- 후기(3)
- JavaScript(3)
- 객체지향(2)
- typescript(2)
- RX(2)
- if(kakao)(2)
- MVI(2)
- 알고리즘(2)
- Flux(2)
- atomic-css(2)
- rxjs(2)
- functional css(2)
- 커리큘럼(2)
- 애자일(2)
- 회의(2)
- 반응형(2)
- Flexbox(2)
- 컴퓨팅 사고(1)
- 썰(1)
- 로드맵(1)
- Nomalize(1)
- Rollup(1)
- 면접(1)
- MVC(1)
- 객체지향 프로그래밍(1)
- Q&A(1)
- props drilling(1)
- SOLID(1)
- bdd(1)
- 타입스크립트(1)
- tailwind(1)
- webpack(1)
- layout(1)
- 레이아웃(1)
- bundler(1)
- reactive(1)
- 아키텍쳐(1)
- CSS 프레임워크(1)
- 코테(1)
- reactive programming(1)
- MVVM(1)
- 좋은 폴더 구조(1)
- 스벨트(1)
- cross browsing(1)
- DOM(1)
- grid-system(1)
- 비즈니스 로직(1)
- 디자인 시스템(1)
- reset(1)
- reset-css(1)
- Behavior-Driven-Development(1)
- 메모(1)
- 기획자(1)
- tailwindCSS(1)
- 그리드시스템(1)
- 잘하는 프론트엔드 개발자(1)
- 시멘틱(1)
- 게임(1)
- 반응형 프로그래밍(1)
- 피드백(1)
- 테오의 스프린트 14기(1)
- MVW(1)
- 완성된 글 아님(1)
- atomic design pattern(1)
- overflow-wrap(1)
- 일하는방식(1)
- grid(1)
- MVP(1)
- full-stack(1)
- tip(1)
- 개발실력(1)
- 체크리스트(1)
- CSS Framework(1)
- sdd(1)
- 설계(1)
- 서평(1)
- 문서(1)
- MM(1)
- Schema-Driven-Development(1)
- 패러다임(1)
- 순수함수(1)
- 불변성(1)
- 자료구조(1)
- 일정관리(1)
- 업무분야(1)
- 풀스택(1)
- framework(1)
- 프레임워크(1)
- OOP(1)
- 컴퓨터적으로 사고(1)
- 자가진단(1)
- 공부법(1)
- 스크럼(1)
- agile(1)
- 2021(1)
- 컴포넌트(1)
- 역사(1)
- Problems with CSS at scale(1)
- StateofCSS(1)
전체보기 (56)프론트엔드(21)협업(20)스프린트(15)구글스프린트(14)회고(14)디자이너(14)CSS(13)디자이너 구함(12)함수형(7)테오의 스프린트(7)스터디(7)AdorableCSS(7)테오 스프린트(7)공부(5)함수형 프로그래밍(4)디자인(4)svelte(4)frontend(3)figma(3)vite(3)후기(3)JavaScript(3)객체지향(2)typescript(2)RX(2)if(kakao)(2)MVI(2)알고리즘(2)Flux(2)atomic-css(2)rxjs(2)functional css(2)커리큘럼(2)애자일(2)회의(2)반응형(2)Flexbox(2)컴퓨팅 사고(1)썰(1)로드맵(1)Nomalize(1)Rollup(1)면접(1)MVC(1)객체지향 프로그래밍(1)Q&A(1)props drilling(1)SOLID(1)bdd(1)타입스크립트(1)tailwind(1)webpack(1)layout(1)레이아웃(1)bundler(1)reactive(1)아키텍쳐(1)CSS 프레임워크(1)코테(1)reactive programming(1)MVVM(1)좋은 폴더 구조(1)스벨트(1)cross browsing(1)DOM(1)grid-system(1)비즈니스 로직(1)디자인 시스템(1)reset(1)reset-css(1)Behavior-Driven-Development(1)메모(1)기획자(1)tailwindCSS(1)그리드시스템(1)잘하는 프론트엔드 개발자(1)시멘틱(1)게임(1)반응형 프로그래밍(1)피드백(1)테오의 스프린트 14기(1)MVW(1)완성된 글 아님(1)atomic design pattern(1)overflow-wrap(1)일하는방식(1)grid(1)MVP(1)full-stack(1)tip(1)개발실력(1)체크리스트(1)CSS Framework(1)sdd(1)설계(1)서평(1)문서(1)MM(1)Schema-Driven-Development(1)패러다임(1)순수함수(1)불변성(1)자료구조(1)일정관리(1)업무분야(1)풀스택(1)framework(1)프레임워크(1)OOP(1)컴퓨터적으로 사고(1)자가진단(1)공부법(1)스크럼(1)agile(1)2021(1)컴포넌트(1)역사(1)Problems with CSS at scale(1)StateofCSS(1)
프론트엔드에서 비즈니스 로직과 뷰 로직 분리하기 (feat. MVI 아키텍쳐)
오늘 해볼 이야기는 상태 관리, 비즈니스와 뷰 로직의 분리 프론트엔드 개발의 구조 등 프론트엔드의 아키텍쳐에 대한 이야기입니다. 프론트엔드를 하다보면 많이들 물어보는 (저 역시 지금도 고민을 하고 있는) 질문들을 꼽아보자면 "컴포넌트 추상화 구조는 어떻게 하면 좋나요
2022년 8월 12일
·
36개의 댓글·
244
프론트엔드에서 MV* 아키텍쳐란 무엇인가요?
MVC, MVVM, MVI 아키텍쳐가 어쩌고 저쩌고... 소프트웨어를 공부하다 보면 한번쯤은 MV__로 시작되는 아키텍쳐라는 용어를 들어본적이 있을 겁니다. 실제로 프로그래밍을 할 때에는 중요하지 않아보이는데 이따금씩 눈에 보여 왠지 알고 가야할 것 같은 개...
2021년 12월 9일
·
25개의 댓글·
296