프론트엔드 코딩

1. 같은 목적을 가진 코드로 구성하여 응집도를 높이기

  - 세부사항을 전개하지 말고 따로 코드로 빼두고 세부구현을 해놓는다

  - 코드가 길어지더라도 따로 코드로 빼놓는 것이 메인 흐름을 이해하는데 유리하다

 

2. 함수는 하나의 역할만 하도록 제대로 나누기

  - 함수는 단일책임만 가지도록 나누기

  

3. 함수의 세부구현 단계를 추상화를 통해서 통제하기

  - 컴포넌트를 하나 만들어서 대강 어떤 일을 하는지 알수 있게 구현하기

 

4. 비동기처리에서 성공과 에러 처리하기

  - async await 로 성공인 경우만 작성하여 무슨 일을 하는지 알기쉽게 한다

  - try catch 를 쓰지않고 await fun 안에서 에러처리를 하도록 맡긴다.