TechStacksAndTools

사용되는 기술과 도구

SKHU's 모바일 앱은 React Native 기반으로 개발된 Expo 로 개발 되었습니다. Expo에서 제공하는 Expo CLI 를 사용하여, Managed Workflow 방식으로 개발하고 있습니다. 프로젝트에서 사용하는 기술과 라이브러리 목록과 도구. 그리고 그에 대한 설명입니다.

사용 기술과 라이브러리

• JavaScript - 본 프로젝트는 JavaScript 로 개발하고 있습니다.
• JSX
• React.js - React Native 는 기본적으로 React 를 활용하여 모바일 앱을 개발하는 SDK 입니다.
• React Native - Facebook 이 개발한 오픈소스 크로스 플랫폼 모바일 앱 SDK 입니다.
• Expo - React Native 에 몇가지 API, 라이브러리를 추가하고 별도의 도구를 추가로 제공하여 React Native 개발을 편리하게 할 수 있도록 해 주는 도구이자 서비스 입니다.
• React Navigation - React Native 를 위한 앱 화면 라우팅 및 네비게이션 라이브러리 입니다.
• react-navigation-header-buttons - React Navigation 에서 각 화면마다 있는 상단 헤더에 아이콘 버튼을 구성하기 위한 패키지 입니다.
• react-native-snackbar-component - 앱 하단에 간단한 메시지 표시를 위한 패키지 입니다.
• Moment.js - JavaScript 에서 날짜와 시간 데이터 처리에 쓰이는 라이브러리 입니다.
• Immutable.js - JavaScript 에서 불변성 데이터 관리를 편리하게 할 수 있도록 해 주는 라이브러리 입니다.

사용 도구

• Git
  • 분산형 소스코드 버전관리 도구입니다.
  • 프로젝트에 참여 하시려면 적어도 브랜치 관리 까지는 쓸 줄 아셔야 합니다
  • 처음 쓰신다면 CLI 방식 도구를 권장합니다.
• GitHub
  • Git 을 사용하는 프로젝트를 위한 프로젝트 호스팅 서비스 입니다.
  • 이슈 추적기와 Pull Request 정도는 할 줄 알아야 합니다.
• Yarn - JavaScript 패키지 관리자 입니다. 프로젝트 의존성 관리에 사용됩니다.
• Node.js - 간접적으로 Yarn 및 Expo CLI 에 의해 사용됩니다.
• NPM - JavaScript 패키지 관리자 입니다. 프로젝트 진행에 필요한 도구 설치에 사용됩니다.
• Expo CLI - 프로젝트 실행, 빌드, 디버깅, 배포 등에 사용됩니다. 앱 빌드 시 Expo 에서 제공하는 빌드 서비스를 이용하며, OTA 배포시 Expo 서버를 이용합니다.
• ES Lint - 코드 스타일 통일과 문법 오류 검사 등에 사용됩니다.
• Visual Studio Code - Microsoft 의 오픈소스 코드 편집기 입니다. 가볍고 확장하기 좋아서 권장 드리는 편집기이며. 다른 코드 편집기를 사용하셔도 무방합니다.
• CLI(Command Line Interface)
  • 명령행 인터페이스. 까만 화면에 흰 글씨나 알록달록한 글씨만 가득한 그 화면. 명령어를 키보드로 쳐서 작업을 수행하는 그 화면 입니다. 생각보다 쓸 일이 많습니다. Bash 든, Zsh 든, Fish 든, PowerShell 이든, Cmd 이든... 상관 없습니다. 명령행 기본적인것은 쓸줄 아셨으면 합니다.