Presenter container / presenter 수정 보수에 용이하고, 협업에도 적합하다. container / presenter 패턴 JSX부분(HTML 부분 - presenter)과 state등의 로직(자바스크립트 부분 - container)을 나누어 각각의 파일에 담음 파일이름.container.js 파일이름.presenter.js 확장자는 js dot대신 카멜케이스나 - 쓰기도 함. 바꿔도 상관 없음. 부모 컨포넌트 - 불러옴 im... containerPresenterPresenter 두디어 찾아온 두번째 주 ! 폴더 구조가 왜 중요한데 ? props는 뭐야 ?container,presenter에 왜 쪼개는건데 !!! (Code Camp FE 6기) 얘는 참이면 뒤를 그려줘 ! -이 두개의 파일을 어떻게 합칠까? - props, export - 리액트의 단방향 데이터 흐름 props : 부모 컴포넌트가 자식컴포넌트에게 불려주는 변수/함수 - 컴포넌트 사용을 위한 폴더구조 ! commons 폴더(여러 군데에서 쓰이는 함수/기능들) , components 폴더 (한 번 쓰는애들) -import, export 잘 작성해줄것 ! -useStat... containerthisBinding실행 컨텍스트스택PropsexportimportVariablesEnvironment큐Presenter호이스팅Presenter Day 06. container /presentational 패턴 소스코드를 js(기능)와 html(정확히는 jsx로, ui)로 나누는 방법을 의미한다 ❗️ 내용만 똑! 떼오면 내부 함수, 변수들이 연결이 되어있지 않아 오류발생 container가 2개의 컴포넌트로 분리되었는데, 부모 컴포넌트에서 자식컴포넌트로 변수/함수를 전달해준다 쉽게 생각해서 container -> (props) -> presente... PropsPresentercontainer폴더구조Presenter
container / presenter 수정 보수에 용이하고, 협업에도 적합하다. container / presenter 패턴 JSX부분(HTML 부분 - presenter)과 state등의 로직(자바스크립트 부분 - container)을 나누어 각각의 파일에 담음 파일이름.container.js 파일이름.presenter.js 확장자는 js dot대신 카멜케이스나 - 쓰기도 함. 바꿔도 상관 없음. 부모 컨포넌트 - 불러옴 im... containerPresenterPresenter 두디어 찾아온 두번째 주 ! 폴더 구조가 왜 중요한데 ? props는 뭐야 ?container,presenter에 왜 쪼개는건데 !!! (Code Camp FE 6기) 얘는 참이면 뒤를 그려줘 ! -이 두개의 파일을 어떻게 합칠까? - props, export - 리액트의 단방향 데이터 흐름 props : 부모 컴포넌트가 자식컴포넌트에게 불려주는 변수/함수 - 컴포넌트 사용을 위한 폴더구조 ! commons 폴더(여러 군데에서 쓰이는 함수/기능들) , components 폴더 (한 번 쓰는애들) -import, export 잘 작성해줄것 ! -useStat... containerthisBinding실행 컨텍스트스택PropsexportimportVariablesEnvironment큐Presenter호이스팅Presenter Day 06. container /presentational 패턴 소스코드를 js(기능)와 html(정확히는 jsx로, ui)로 나누는 방법을 의미한다 ❗️ 내용만 똑! 떼오면 내부 함수, 변수들이 연결이 되어있지 않아 오류발생 container가 2개의 컴포넌트로 분리되었는데, 부모 컴포넌트에서 자식컴포넌트로 변수/함수를 전달해준다 쉽게 생각해서 container -> (props) -> presente... PropsPresentercontainer폴더구조Presenter