# Presenter

ikolp34

Container와 Presenter 패턴은 하나의 컴포넌트를 유지보수 하기 쉽고 간편하게 하기 위한 분리한 폴더 패턴이다.Container: 컴포넌트의 Javascript 부분을 분리한 폴더Presenter: 컴포넌트의 UI 부분을 분리한 폴더각각 분류된 파일들이지만

zeon8080

크게 3가지의 구조가 있는데container/presentational 패턴,Hooks 패턴,아토믹 패턴이 있다.요즘에는 최신 방식인 훅스패턴을 가장 많이 사용하지만 고전 방식이어도 유명한 container / presentational 패턴에 대해 먼저 알아보자!co

badassong

사실 폴더구조는 어떻게 잡아도 괜찮다.하지만 서비스의 규모가 커졌을 경우를 한번 생각해보도록 하겠다.서비스가 커지면 커질수록 기능이 많아지기 때문에 폴더가 굉장히 많아지게 된다.따라서 큰 그룹으로 묶어주면 관련 기능이 모두 해당 폴더 안에 들어있기 때문에 유지보수시 굉

namyeji

이번주는 이렇게 파일을 구조적으로 분리하고 데이터를 주고받으며, 규칙을 정해 협업하는 방법을 알아봅니다.어제 밤을 세니 아침부터 잠이 쏟아지지만 카페인의 힘을 빌려봅니다... 화이팅!!우선 포트폴리오 리뷰부터~boards 목록보기boards/:idboards/newbo

wony_yoon

올해 연말 쯤 런칭을 목표로하고 있는 프로젝트를 시작하기전, 회사프로젝트에서 사용할 디자인패턴에 대한 정립을 하기 위해 공부를 해보았다 목차 Singleton pattern Factory pattern Container/Presentational Pattern Ite

malza

container/presentationalcontainer/presenter는 소스코드를 자바스크립트(기능)과 JSX(UI)로 나누는 방법을 의미한다.import되어 불려가는 컴포넌트를 자식 컴포넌트라 하고import하여 불러오는 컴포넌트를 부모 컴포넌트라 한다.자식

jx2hx1

리액트에서 선호되는 실무형 폴더구조인 container / presenter 패턴은 JavaScript코드(기능)과 JSX(UI)를 각각 container와 presenter에 분리하여 작성하는 패턴

songji

실무적인 폴더구조 (Container/Presenter)컴포넌트분리 및 데이터 전달 (Props)목록 형태의 데이터를 보여주자 (Map/Filter)안전한 코드를 작성하자 (Typescript)규칙을 정해서 협업하자 (Eslint/Prettier/Husky)단순히 유지

rlaclgns321

리액트에서 사용하는 유명한 패턴으로는 container / presentational 패턴과 atomic 패턴이 있습니다.

rlatjsdn147

COntainer Presenter 패턴은 쉽게말해서 구조와 기능을 다른 컴포넌트로 분리해서 작성하는 구조이다.컨테이너에서는 기능, 즉 API요청, Error, state 등의 기능과 관련된 것들이 소스로 들어가고 이것들을 props로 Presenter로 넘겨줘서 pr

rlatjsdn147

2주차.. 주말에 생활패턴에 적응하느라 힘들었던 몸을 그나마 좀 쉴.... 수 있(지 않았다)는 시간을 가지고 2주차가 시작됬다.저번주에 잠시 배운 ..또는 짚고 넘어간 삼항연산자.. 솔직히 썩 익숙하지는 않은 기호이다..여전히 익숙하지 않은 것 같다. 알고리즘 문제를

hmds1606

코드를 한 페이지에 작성할 때 1000줄, 10000줄 길어진다면 어떡할까❓ 위에서 어떤 코드를 작성한 줄도 모르게 되고 이름과 관련 함수들을 찾으려면 한참 걸리게 되는 것이 현실이다. 이러한 불편함을 방지하기 위해 폴더구조체계화를 해준다면 더 빠르고 간결하게 코드를

space086

6일차📔 학습목표실무적인 폴더구조     >>    container / Presenter컴포넌트 분리 및 데이터 전달    >>    props지난 시간 수업 코드리뷰freeboard_frontend 의 게시물을 등록하면,내가 등록한 게시물의 보드 페이지로 이동하는

genius_jihyepark

스토리북 (Storybook) 스토리북은 리액트 UI 컴포넌트를 개발할 때 쓰이는 라이브러리다 전체 모양을 세우는 프레임워크와는 다르게 라이브러리는 필요한 부분만 쏙쏙 골라 쓸 수 있어서 편리하다 스토리북은 맨 처음 React만 지원했지만, 현재는 Vue도 지원한다.

kimareum

- Algorithm Self Study 하 어떡하지 저번 첫 주는 알고리즘 혼자 푸는 내내 방법도 모르고 헤맸는데 , 배열 객체 반복문 문자열 숫자열 기본함수등을 익히고 원두멘토님의 접근법까지 공부하다보니 ,, 이제 알고리즘 혼자 아침에 풀면 다 맞춰서 정말 너무 기

owlsuri

수정 보수에 용이하고, 협업에도 적합

kimareum

오늘의 일정 폴더 구조props, export리액트의 단방향 데이터 흐름자바스크립트 기초 (day4)Algorithm classSelf study

wisdoom03

폴더구조 / container-presenter / props / Emotion

moony_moon

모든 코드에 의미를 담겠습니다.오늘은 내가 이해한 바의 LayoutOut, Global Styles에 대해서 이야기 해보겠다. 물론 피드백은 환영.. 제발요...지금까지 내가 개인 실습 프로젝트를 자유게시판을 만들면서 Layout을 사용하지 않았다. Presenter/

smellycat0503

블로그 쓸게 너무 밀려있다.