본문 바로가기

react

1. next js 도입을 위한 학습

- NPM-과-NPX-그리고-Yarn
  라이브러리 관리 도구
 
- Next js (React Framework)
  Next.js는 Node.js를 기반으로 구축된 오픈 소스 개발 프레임워크로, 서버 측 렌더링 및 정적 웹사이트 생성과 같은 React 기반 웹 애플리케이션 기능을 가능하게 합니다.
 
- typescript
 
- Sass(Scss)
  CSS Preprocessor : CSS 전(예비)처리기
  Sass(Syntactically Awesome Style Sheets)의 3버전에서 새롭게 등장한 SCSS는 CSS 구문과 완전히 호환되도록 새로운 구문을 도입해 만든 Sass의 모든 기능을 지원하는 CSS의 상위집합(Superset) 입니다.
  SCSS는 CSS와 거의 같은 문법으로 Sass 기능을 지원한다는 말입니다.
 
- eslint & prettier
  eslint : 코드에서 문법에러나 버그를 찾아주는 도구
  prettier : 일관적인 스타일로 코드를 만들어주는 도구
 
- npm 설치시 --save 와 --save-dev 차이
  yarn 설치시는 -D == -dev 옵션으로 --save-dev를 사용
  운영반영시 해당 라이브러리, 플로그인이 포함 되는지 여부
  개발을 위한 편리성을 위한 도구인경우 --save-dev 로 설치한다.
 
- 소스제어도구 SVN : 기존 사용
 
- React에서의 결재 : 조사만 했음 학습 필요
  1. 아임포트 결재 연동
    - 리액트에서 아임포트 결제 연동하기
    - 아임포트 결제 선택 사유
      서비스 API문서가 잘정리되어 있다.
      업무시간내에 고객센터에 연락하면 개발적인 부분에 대해 빠른 피드백을 해준다.
      초기 서비스 비용이 없으며, 1개의 PG사만 사용할 경우 계속해서 비용이 들지 않는다.
      주변 개발자들의 추천
    - 아임포트 PG별 문서
    - KICC(한국정보통신)
 
  2. [이니시스] 아임포트 없이 결제 연동하기 1탄 ~ 5탄