폴더구조 코드캠프 6일차 실무적인 폴더구조(Container/Presenter) 컴포넌트분리 및 데이터전달(Props) 둘다 값이 비어있음을 나타낸다. null은 개발자가 일부러 해당 부분을 비웠음을 의미하는 암묵적 룰로 사용되며 폴더구조 체계화 여러 사람들이 사용할 경우 필요한 부분을 찾기 힘들고 읽기가 힘들어진다. 그렇게 때문에 폴더구조를 바꿔주어 이를 해결한다. 컴포넌트분리 및 데이터전달 Container/Pr... setStatePropscontainer/presenter코드캠프폴더구조Props ontainer - presenter 구조 contianer / presentational 패턴과 atomic패턴이 있다. container, presentational 패턴이란, 여기서 container은 기능을 담당하고, presenter는 UI를 담당한다. 아래의 React 컴포넌트를 container, presenter 구조로 나누어 보자 아래와 같이 container, presenter 파일을 생성한다. 여기서 present... React폴더구조TILReact Day 06. container /presentational 패턴 소스코드를 js(기능)와 html(정확히는 jsx로, ui)로 나누는 방법을 의미한다 ❗️ 내용만 똑! 떼오면 내부 함수, 변수들이 연결이 되어있지 않아 오류발생 container가 2개의 컴포넌트로 분리되었는데, 부모 컴포넌트에서 자식컴포넌트로 변수/함수를 전달해준다 쉽게 생각해서 container -> (props) -> presente... PropsPresentercontainer폴더구조Presenter 리액트 아키텍처 패턴 (React Architecture Patterns) 또한 잘 짜여진 프로젝트는 코드베이스를 쉽게 탐색, 수정 및 확장할 수 있다. 이들 폴더 각각은 디렉토리의 목적을 달성하기 위해 다양한 파일이 있다. create-react-app을 사용하여 React 어플리케이션을 만들었을때 index.js, App.js가 기본적으로 src 폴더 내에 구성된다. 여기서 디렉토리 이름을 코드베이스에있는 누구라도 이해할 수 있는 깔끔한 규칙을 따르는게 좋다. ... architectureJavaScriptReact폴더구조JavaScript
코드캠프 6일차 실무적인 폴더구조(Container/Presenter) 컴포넌트분리 및 데이터전달(Props) 둘다 값이 비어있음을 나타낸다. null은 개발자가 일부러 해당 부분을 비웠음을 의미하는 암묵적 룰로 사용되며 폴더구조 체계화 여러 사람들이 사용할 경우 필요한 부분을 찾기 힘들고 읽기가 힘들어진다. 그렇게 때문에 폴더구조를 바꿔주어 이를 해결한다. 컴포넌트분리 및 데이터전달 Container/Pr... setStatePropscontainer/presenter코드캠프폴더구조Props ontainer - presenter 구조 contianer / presentational 패턴과 atomic패턴이 있다. container, presentational 패턴이란, 여기서 container은 기능을 담당하고, presenter는 UI를 담당한다. 아래의 React 컴포넌트를 container, presenter 구조로 나누어 보자 아래와 같이 container, presenter 파일을 생성한다. 여기서 present... React폴더구조TILReact Day 06. container /presentational 패턴 소스코드를 js(기능)와 html(정확히는 jsx로, ui)로 나누는 방법을 의미한다 ❗️ 내용만 똑! 떼오면 내부 함수, 변수들이 연결이 되어있지 않아 오류발생 container가 2개의 컴포넌트로 분리되었는데, 부모 컴포넌트에서 자식컴포넌트로 변수/함수를 전달해준다 쉽게 생각해서 container -> (props) -> presente... PropsPresentercontainer폴더구조Presenter 리액트 아키텍처 패턴 (React Architecture Patterns) 또한 잘 짜여진 프로젝트는 코드베이스를 쉽게 탐색, 수정 및 확장할 수 있다. 이들 폴더 각각은 디렉토리의 목적을 달성하기 위해 다양한 파일이 있다. create-react-app을 사용하여 React 어플리케이션을 만들었을때 index.js, App.js가 기본적으로 src 폴더 내에 구성된다. 여기서 디렉토리 이름을 코드베이스에있는 누구라도 이해할 수 있는 깔끔한 규칙을 따르는게 좋다. ... architectureJavaScriptReact폴더구조JavaScript