스펜서 개발블로그

1. 프로젝트 생성하기 npm init react-app . 터미널에서 원하는 디렉토리에 들어가서 npm init react-app .를 입력하면 현재 디렉토리에 리액트 프로젝트를 생성합니다. 만약 위 방법을 사용할 때 에러가 난다면 아래 방법으로 빌드한다. npx create-react-app my-app 2. 개발 모드 실행하기 npm run start 터미널에서 npm run start를 입력하면 개발 모드 서버가 실행됩니다. 3. 실행 중인 서버 종료하기 ctrl + c (맥북은 cmd + c) 서버가 실행 중인 터미널에서 ctrl + c를 입력하면 서버가 종료됩니다. 4. 개발된 프로젝트 빌드하기 npm run build 터미널에서 npm run build를 입력하면 빌드를 시작합니다. 5. 빌..

보호되어 있는 글입니다.

웹앱은 유지보수가 쉽고 하나의 웹을 구축하여 Android와 iOS 환경 모두에서 사용할 수 있다는 장점이 있습니다. 그래서 최근 웹앱과 네이티브 언어(Kotlin, Swift, Java, 등)를 활용한 하이브리드앱을 많이 볼 수 있는것 같습니다. 우선 웹 환경에서 자바스크립트를 활용하여 네이티브(iOS) 파트를 호출하고 이를 활용하여 코드를 작성하는 법을 보겠습니다. // 1. 디바이스 구분하기 const userAgent = navigator.userAgent;// 실행하는 디바이스 정보 const android = userAgent.match(/Android/i);// 안드로이드 포함 여부 확인 const iphone = userAgent.match(/iPhone/i);// 아이폰 포함 여부 확인 ..

안녕하세요. 오늘은 Vuejs에서 타입스크립트(TypeScript)를 적용하는 방법에 대해 알아보겠습니다. Vue.js 프로젝트에 타입스크립트를 적용하는 방법은 두 가지가 있습니다. 첫번째로 프로젝트를 생성할 때 타입스크립트를 선택할 수 있습니다. 해당 옵션을 선택하여 진행할 경우, Vue.js 프로젝트가 생성되면서 환경설정 및 구조를 자동으로 생성하기 때문에 굉장히 편리하지만 필요한 특정 플러그인, 혹은 라이브러리의 버전을 수정하거나 구조를 수동으로 변경해야하는 번거로움이 있습니다. 두번째로 이미 존재하는 프로젝트에 타입스크립트를 적용하는 방법이 있습니다. 이미 기존에 Vue.js와 자바스크립트로 진행했던 프로젝트가 있는 분들이 많이 선택하시는 방법으로 점진적으로 타입스크립트를 적용할 수 있습니다. n..

안녕하세요. 오늘은 iOS 환경에서 해당 기기에 다른앱이 설치되었는지 확인하고 여는 방법까지 확인해보려고 합니다. iOS 환경에서 동작하는 앱을 제어할 때는 UIApplication을 사용합니다. 앱이 시작하면 시스템은 UIApplicationMain(_:_:_:_:) 함수를 실행하고, 이 함수의 역할 중 하나는 UIApplication 객체를 싱글톤 형식으로 만드는 것 입니다. 이를 사용하기 위해서는 shared로 접근이 가능합니다. 이와 관련된 자세한 내용은 공식 문서를 확인해주세요. (https://developer.apple.com/documentation/uikit/uiapplication) 우선 다른 앱이 설치되었는지 확인하기 위해서는 canOpenURL을 통해 확인할 수 있습니다. canOp..