웹앱, 웹뷰앱, 하이브리드앱 만드는 방법
안드로이드 아이폰 앱 동시에 만드는 방법
[HTML 기초 강좌 2강] 웹 사이트 만들고 인터넷에 공개하기 .COM 도메인, HTTPS 적용까지 완전 무료!
1. 무료 html 템플릿 - free css
저작권 관련 파일 확인 readmi.txt or license.txt 화인 필수
Download 3552 Free Website Templates - CSS & HTML | Free CSS
www.free-css.com
2. 무료 웹사이트 만들기 - netlify
https:// 지원 됨 및 deploy (인터넷에 웹사이트를 올려줌 )
Scale & Ship Faster with a Composable Web Architecture | Netlify
Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!
www.netlify.com
앱 만드는게 이렇게 쉬웠나? 3분만에 안드로이드와 아이폰 어플 만들기
앱 개발 이렇게 쉬웠나? React Native로 크로스 플랫폼 웹뷰앱 만들기
크로스플랫폼 안에 하이브리드 앱을 만들기
1. 프로그램 환경설정을 위해 설치 - nodejs
리엑트는 자바스크립트 환경으로 node.js 환경에서 돌아감
자바스크립트를 실행하기 위해서는 node.js라는 환경이 필요함
Node.js — Run JavaScript Everywhere
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
2. 프래그램 코딩할기 위해 설치 - visual studio code
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
3. git 설치 - git scm
Git
git-scm.com
4. 웹 뷰 앱 만들기 위해 설치 - expo
andrioid, iOS를 한번에 만들 수 있는 크로스 플랫폼 프레임워크(리엑트 네이티브)를 한번 더 감싸준다(Expo)
한번에 만들 순 있지만 기능이 떨어 질 순 있다.
Expo
Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.
expo.dev
Expo / 하이브리드 앱 & 웹앱 개발 초기 셋팅
1. Expo 회원가입 Sign Up — Expo Create an account for Expo here. expo.dev 하이브리드 어플제작을 위해 Expo에 회원가입! 2. 개발 컴퓨터에 Expo 로그인 진행 npx expo login ... expo 이메일 or 아이디, 패스워드 입력
code-ruach.tistory.com
앱 만드는게 이렇게 쉬웠나? 3분만에 안드로이드와 아이폰 어플 만들기
과거 전에 올렸던 내용
누구나 5분만에 스마트폰 앱 만들기! 웹으로 웹뷰앱을 만들어보자
웹뷰 앱이란?
우리가 만든 URL 주소를 띄우는 방식
앱은 그냥 껍데기일 뿐이고 그안에 웹사이트가 돌아가는 형태
1. Drag & Drop 방식으로 앱 제작 툴 - swing2app
스윙투앱 - 사용자가 직접 만드는 노코드 모바일 앱(어플) 제작 서비스, 스윙투앱(swing2app)
실시간 무료 앱(어플) 제작 서비스, 노코드 앱제작 서비스 스윙투앱을 지금 시작하세요, 안드로이드, 아이폰, 모바일 웹 모두 지원
www.swing2app.co.kr
2. Drag & Drop 방식으로 앱 제작 툴 - smart maker
스마트메이커
스마트메이커로 만든 앱 취미로 시작해서 돈도 버는 앱 만들기! 무료 동영상 학습 따라하기만 해도 앱을 만들 수 있습니다. 스마트메이커 제작후기(개인) 앱을 만들고 후기를 적어봤어요. 오픈
www.smartmaker.com
3. 게임앱 만드는 툴 - unity
Unity 실시간 개발 플랫폼 | 3D, 2D, VR 및 AR 엔진
엔터테인먼트, 영화, 자동차, 건축 등의 분야에서 활용할 수 있는 실시간 3D 게임, 앱, 경험을 만들고 성장시켜 보세요. 지금 바로 Unity를 시작해 보세요.
unity.com
4. 교육용 안드로이드 앱제작 도구 앱인벤터 - appinventor
MIT App Inventor
Developing Apps to Learn Quantum Computing with App Inventor Our long time friend and collaborator Prof. Fujio Yamamoto explores Quantum Computing with App Inventor in his new blog. More
appinventor.mit.edu
'개발 공부' 카테고리의 다른 글
| 프론트엔드 / UI 애니메이션 코드 참고 사이트 (html, css) (0) | 2024.06.05 |
|---|---|
| 컬러 / 디자인 시스템 컬러 팔레트 및 시멘틱 컬러 사용 방법, 명암비 사이트 모음 (0) | 2024.05.21 |
| 메모 / 웹, 앱 서비스 만들어서 수익화하는 8가지 방법 (0) | 2024.05.17 |
| 확인 / 기획 디자인할때 누락되는 것들, 완전한 핸드오프를 위하여 체크할 사항 (0) | 2024.05.15 |
| 메모 / 오래가는 브랜드를 만드는 브랜드 경험(Brand Experience, BX) (0) | 2024.05.14 |
