# 예발자닷컴

- [4. 프론트엔드의 역할은 어디까지 - 더미데이터 만들기](/fork-my-brain/projects/undefined/4..md): 더미데이터를 만들어 컴포넌트에 데이터를 전달해보고, map()을 이용해 더 계층적인 컴포넌트로 리팩토링 해보면서 느낀점들.
- [7. \[React 리팩토링\] CSS Inline Styling에 Props 사용하기](/fork-my-brain/projects/undefined/7.-react-css-inline-styling-props.md): 일단 한번 중괄호 안에 들어가면 변수를 읽기 위해 중괄호를 추가로 넣을 필요가 없다. props를 참조하기 위해 중괄호를 더 쓸 필요도, 이유도 없는 것이다!
- [6. \[React 리팩토링\] JSX에서 조건문 사용해 렌더링하기](/fork-my-brain/projects/undefined/6.-react-jsx.md): 리액트에서 if문을 사용하려면 즉시실행함수 형태로 사용해야하기 때문에 AND연산자가 훨씬 간편한 방법이 될 수 있다.
- [3. 예발자닷컴 프론트서버 업데이트 하기](/fork-my-brain/projects/undefined/3..md): 이렇게 예발자닷컴의 front 서버에 접속했다. 이제 직접 빌드와 배포를 할 수 있는 권한이 생겼다! 신나 🤭
- [8. \[React 리팩토링\] 예발자 프로젝트에 Redux 적용하기](/fork-my-brain/projects/undefined/8.-react-redux.md): 사실 예발자 프로젝트는 앱 규모가 복잡하지 않고, 동적으로 state 값이 변할 일이 없기 때문에 굳이 상태관리 라이브러리가 필요 없을수도 있겠지만, 편리함을 경험해보자는 취지로 redux를 사용해보기로 했다.
- [5. \[React 리팩토링\]  JSX로 HTML 렌더링하기](/fork-my-brain/projects/undefined/5.-react-jsx-html.md): JSX에서 \<br/>태그를 사용하면, 적용되지 않은 채 문자열 그대로 렌더링 된다. React는 무조건 텍스트형태로만 페이지를 렌더링하도록 설계되어있기 때문이다.
- [1. 👨‍👨‍👦‍👦 Github로 협업 프로젝트 관리하기](/fork-my-brain/projects/undefined/1.-github.md)
- [2. React Component를 활용한 웹페이지 디자인 연습](/fork-my-brain/projects/undefined/2.-react-component.md): CSS, React 라이브러리 및 템플릿을 component화 시켜 예발자닷컴 메인 페이지를 반응형으로 디자인했다.
