[wecode 27~28일차] 코드리뷰, Node.js 로 api만들기 등

1. 금일 어제 만든 유튜브 클론에 대한 리뷰를 받았으며, 새로이 알게된 내용.(리액트)

    1) 현업에서 디자인, 기획이 다 나온 경우 나온 내용을 토대로 작은 단위 컴포넌트를 만들고 조합하는 방식으로 진행

    2) 일단 전부 만들고, 재사용 필요하면 컴포넌트로 빼서 만든다.

    3) 컴포넌트로 페이지 조립할때, 확장성 고려해서 화면별 템플릿.js 로 조립 후 page 폴더 안에 있는 페이지 컴포넌트로 뿌려도 됨.

      * 페이지 늘어날때, 좋은 코드 보면서 정해야 한다. 

    4) 클래스 네임정하는 규칙은 사람마다 다르다. 회사의 스타일 참고.

    5) 공통적으로 사용하는 css 관리는 통상 style 폴더 만들고, config.scss 만들고, 그 안에다가 모아 놓는다.  

         나중에 aws 이미지 올릴때 공통된 주소 같은거 해놓고, import로 사용한다. 

         특히! 변수로 설정해 놓은 scss 파일은 반드시 import 해서 사용하고, 나머지 css는 index.scss에 import하고,

         index.js(최상위 root 파일)에서 index.scss를 import해서 사용하면 편리하다고 한다.

     6)  레이아웃에 맞는 태그 사용, header, footer, article, figure, section, 

          dt, dd 등등   dd, dt 찾아보고, 왜 레이아웃에 맞는 태그 사용해야하는지

         찾아볼 것!

 

2. 노드 js 로 api만들기

   1) cors 문제 발생시 미들웨어를 사용하여 해결한다.

npm install cors

const cors = require('cors');

app.use(cors());

  2) ajax 통신할때, front쪽에서 보내는 데이터 타입(content-type : application/json)을 꼭 해주어야 백엔드 쪽에서 json을

      인식한다. 아니면 빈 객체만 인식한다.