# Presenter

19개의 포스트
post-thumbnail

(개발공부) container/presentational 구조

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

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

container / presenter

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

2022년 7월 16일
·
0개의 댓글
·
post-thumbnail

Container-Presenter 패턴

코딩을 배우면서 느낀 것 중에 하나가 개발자는 반복을 정말 싫어하고, 코드가 길어지는 모습을 보지 못하는 것 같다. 변수에 담는 것도, 파일을 나눠서 import,export하는 것 등 그 성격 때문인 것 같다. 그럴 수 밖에 없는 이유는 한 페이지에 모조리 적으면 코

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

2022.07.11_2주차_day01

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

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

실무용 폴더구조 (패턴), 파일관리

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

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

[React 06] - container, presenter, props, setState

🗿 오늘의 목표 1. Container / Presenter 2. 내부 변수와 함수를 연결해주는 Props 3. setState의 원리

2022년 7월 2일
·
0개의 댓글
·

Container, Presenter

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

2022년 6월 11일
·
0개의 댓글
·
post-thumbnail

FE.07 Day.06

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

2022년 5월 17일
·
0개의 댓글
·
post-thumbnail

Day-6 폴더구조체계화(Container, Presenter), props

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

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

코드캠프 FE 6일차 - TIL(Container,Presenter,Props)

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

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

Storybook이 뭔가요? 리덕스는 또 뭐죠?

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

2022년 4월 14일
·
1개의 댓글
·
post-thumbnail

9)Javascript..죽어라 하는데,,, typescript..너가 왜 나와? 타입 왜 귀찮게 알려줘야하는데?(Code-Camp FE 6기)

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

2022년 3월 24일
·
0개의 댓글
·

container / presenter

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

2022년 3월 21일
·
0개의 댓글
·

Day 06.

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

2022년 1월 17일
·
0개의 댓글
·

11.08(6)

til 6일차

2021년 11월 8일
·
0개의 댓글
·
post-thumbnail

TIL - Layout, Global Styles

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

2021년 5월 30일
·
0개의 댓글
·

[TIL]

Container Presenter Pattern

2020년 5월 22일
·
0개의 댓글
·