Skip to content

기술스택

Donghyun Kim edited this page Dec 16, 2020 · 3 revisions

기술스택 정리

1

FrontEnd

  • React
    • 어마어마한 생태계
    • SPA라서 사용자 경험을 향상 시킬 수 있음.
    • 가상 DOM을 사용해서 필요한 부분만 업데이트 렌더링 한다.
    • 뷰와 모델의 바인딩
  • Webpack & Babel
    • 다수의 모듈을 번들링하여 용량을 줄이고 속도를 향상 시킨다.
    • 브라우저 커버리지 향상
    • ts를 js 로 jsx를 js로 es6를 es5로 트랜스파일한다.
  • React Mathquill Library
    • web기반 수식편집기 라이브러리
    • 수식 그대로 편집할 수 있는 것이 포인트
    • 편집하자마자 실시간으로 업데이트가 가능
    • 이미지 기반 수식 표식 등과 비교해 보면 현격히 유지보수가 쉬워진다.
    • JavaScript로 만든 오픈 소스 소프트웨어
  • React MyScript Library
    • 높은 수준의 손글씨 인식률
    • 인식된 결과를 latex 문법으로 변환
  • TypeScript
    • 에러의 사전 방지
    • 코드 가이드 및 자동완성 (개발 생산성 향상)
  • Chorme Extension
    • 사용자의 접근성 향상

그 외 테스트 jest, react-testing-library

BackEnd

  • Express
    • NodeJs 장점
    • 서버에 체크하는 로직이 많지 않다.
    • 단일 처리의 크기가 작은 서비스 개발이기 때문이다.
  • Mysql
    • 오픈 소스 라이센스를 따르기 때문에 무료로 사용가능
    • 다양한 운영체제에서 사용할 수 있으며, 여러 가지의 프로그래밍 언어를 지원
    • 널리 알려진 표준 SQL 형식을 사용
  • OAuth2
    • 서비스마다 회원가입을 할 필요없이 기존의 사용하던 타사의 정보를 이용하여 로그인을 진행가능
  • SourceDeploy
    • 새로 작성되거나 업데이트 된 소스들을 자동으로 서버에 배포하고 적용해주는 자동화 배포 서비스

💒 Home

Home

📆 Planning

📋 요구 사항

📑 프로젝트 설계

📓 Api 명세서

📖 제품 백로그

📺 화면 기획서

📽️ Project

📖 도움말

📷 실행 화면

⚒️ 기술 스택

⚙️ 기술 특장점

✔️ Team Rule

그라운드 룰

☑️ 깃허브 사용 규칙

코딩 컨벤션 규칙

📝 Progress

🌿 1주차 Progress
☘️ 2주차 Progress
🍀 3주차 Progress
🍁 4주차 Progress
🌲 5주차 Progress

📚 학습 정리 공유

🛠️ 기술 관련 공유

Clone this wiki locally