미션 미모저모

시험 끝나고 어떤 것들 했나요?

• 자스를 해보면서 얼마나 리액트가 대단한 것인지 느낄 수 있었습니다! 정말 편합니다.
  • 앝은 복사 깊은 복사
• 미션에 객체를 너무 안 사용하고있지 않나
• 템플릿에서 조건문을 통한 렌더링을 하는 방식에서 이를 함수를 사용하면 더 좋은 코드를 작성할 수 있을 것 같다
• 스타일 라이브러리
  • styled-component 재사용이 좋은 것 같습니다.
• 디자인 패턴
  • 정답은 없는 것 같아요.. 상황에 맞는 것을 적용해야 할 것 같습니다.
• 리액트 생명주기
  • useEffect의 필요성.

발표

리팩토링 문제

여러분! 심심한데 간단한 refactoring 문제 풀어볼까요?아래는 각기 다른 파일의 코드입니다. 아래 코드의 문제점을 제시해주고, 올바르게 고쳐주세요!

// data.js _ 데이터들을 한 곳에 모아두는 파일입니다.
let defaultOwner = { firstName: "마틴", lastName: "파울러" };

export function getDefaultOwner() {
  return defaultOwner;
}

// business.js _ 특정 동작을 하는 로직이 담긴 파일입니다.
const owner = getDefaultOwner();
owner.firstName = "건규";
console.log(owner); //결과 :  { firstName: '건규', lastName: '파울러' }
console.log(getDefaultOwner()); //결과 : { firstName: '건규', lastName: '파울러' }

• js가 데이터를 메모리에 저장하는 방법

  • 객체의 앝은 복사와 깊은 복사

• 프론트가 해도 괜찮고, 백이 해도 괜찮은 문제는 어떻게 해결하는 게 좋을까요?

  • 데이터나 로그를 수입해야 하는 것들은 무조건 백이 하는 것이 좋을 것 같아요
  • 그것이 아니라면? 프론트와 백 어느쪽이 책임을 가져도 좋아요.
  • 가이드라인 : 모르는 사람과 하게되면 협업 하면서 가이드라인을 만들어 가면 좋아요. 기존의 프로젝트에 들어가면 해당 가이드라인을 그대로 가져가면 될 것 같아요