본문 바로가기

전체 글77

앱 기획 및 유용한 도구 정리 앱 기획이란? 앱을 개발하기에 앞서 선행돼야 하는 것은 역시나 기획입니다. 회사나 개인 사업을 위해 앱을 만든다면 기획 단계에서 많은 일들을 해야 합니다. 앱의 주요 목적과 해결할 문제를 명확히 하고 사용자의 요구사항을 충분히 분석하여 아이디어를 구체화한 후 시장조사를 통해 경쟁 애플리케이션과 비교하여 차별화된 기능도 갖춰야 합니다. 그 후 기능 명세서를 작성해 App의 주요 기능들을 목록화하고 이를 바탕으로 와이어프레임 제작 후 프로토타입을 제작해야 합니다. 이러한 일련의 과정을 거친 후 본격적인 UI/UX 디자인과 개발이 착수됩니다.따라서 App의 기획은 굉장히 중요합니다. 그러나 저는 취미와 공부용으로 App을 개발해볼 계획이기 때문에 여러 단계로 나눠지는 App 기획 단계 중, 앱 기능 구체화와 .. 2024. 5. 24.
JavaScript 공부하기 첫번째 npm 프로젝트 생성 및 실행, 배열(Array)데이터 공부하기 오늘은 너무 예전에 자바스크립트를 공부하고 해 본 적이 없어 Expo를 통해 앱을 만들기 전 자바스크립트에 대해 공부해보려고 합니다. 자바스크립트에 대해 공부하기 위해 먼저 npm 프로젝트를 생성하고 실행해 실제로 코딩한 자바스크립트가 어떻게 돌아가는지 확인해 보고 첫 번째로 배열 데이터에 대해 공부해보려고 합니다. npm 프로젝트 초기 세팅하고 실행하기npm init 명령어를 통해 프로젝트를 생성해당 명령어를 넣으면 프로젝트의 기본 구성을 설정할 수 있는 대화형 프롬프트가 시작됩니다. 첫번째로 package name(프로젝트 이름)을 물어봅니다. 여기서 별도의 프로젝트 이름을 적어도 되고 엔터키를 통해 다음으로 넘어가면 기존 폴더 이름 그대로 프로젝트가 생성됩니다. 두번째로는 프로젝트의 버전을 물어보며.. 2024. 5. 19.
React Native 컴포넌트 설명 및 Image 컴포넌트 사용해보기 React Native에 본격적으로 개발하기에 앞서 React Natvie 사이트에서 제공하는 문서들을 읽어보고 습득해보려고 합니다. 아주 예전에 코딩을 해보고 한번 도 해보지 않은 상태기 때문에 사실 JavaScript에 대해서도 가물가물한 상태로 공식 사이트에 나와 있는 React Natvie에 대한 기본 정보들을 읽어보며 공부하고 실제 개발할 준비를 해보겠습니다. 물론 공식 문서를 읽어도 결국 구글링이나 책을 찾아가며 앱을 개발해야 하겠지만 옛날 기억을 떠올리며 공부해 보겠습니다. React Native 사전 준비 사항우선 가장 먼저 소개 페이지를 읽어봤습니다. React에 대해 이미 알고 있다면 해당 문서를 뛰어넘어도 되고 간단히 읽어보고 상기시키기만 해도 충분하다고 합니다. 저는 React 개발.. 2024. 5. 18.
Expo 기본 세팅 및 기본 앱 만들기 오늘은 React Natvie 앱 개발의 첫 번째로 Expo를 사용하기 위한 초기 설정은 무엇이 있고 어떻게 진행하는지 알아본 후 첫 번째 앱 프로젝트를 생성하고 실제 디바이스에서 앱을 실행해 보는 과정에 대해 자세히 포스팅해 보겠습니다.앱 개발을 시작하는 과정 중 사소하지만 막혔던 부분에 대해 해결 방법도 같이 포스팅하겠습니다. Expo 기본 세팅 1.Visual Studio Code 설치 우선 Expo를 세팅하기에 앞서 대부분 앱 개발 외에도 코딩을 해본 사람이라면 기본적으로 설치되어 있겠지만 저는 새로 시작했기 때문에 소스 코드 편집기인 VS code 먼저 설치해줬습니다. VS code는 Microsoft에서 개발한 무료 소스 코드 편집기로 다양한 플랫폼(Windows, macOS, Lunux)에서.. 2024. 5. 16.