배울수록 연봉은 늘어간다.(30)
-
[왕초보] 나만의 수익성 앱, 앱개발 종합반 3주차
나만의 꿀팁 앱 상세 화면 만들어보기 ◆ 파일 추가하기 pages 폴더안에 DetailPage.js 파일을 만들기 ◆ DetailPage.js에 코드 추가하기 DetailPage.js import React from 'react'; import { StyleSheet, Text, View, Image, ScrollView,TouchableOpacity,Alert } from 'react-native'; export default function DetailPage() { const tip = { "idx":9, "category":"재테크", "title":"렌탈 서비스 금액 비교해보기", "image": "https://storage.googleapis.com/sparta-image.appspot.co..
2022.08.25 -
개발을 하면서 접하게 되는 영어
Lines (라인즈) : 줄들 Track (트랙) : 추적하다 Area (에어리어) : 지역 Gap (갭) : 틈 2022년 11월 06일 flex direction(플렉스 더렉션) : 방향을 바꾸다. row : 옆으로 줄을 서다. 열~ column(칼럼) : 기둥을 세우다 row - reverse (로우 - 리버스) : 반전 flex wrap(플렉스 랩) : flex flow (플랙스 플로우) : 흐름 justify(저스티파이) : 정당화 space - between : 간격 align - item(얼라인 아이템) : 아이템에 맞춰 조정합니다. flex - grow : 커지다 flex - shrink(쉬링크) : 줄어들다 flex - basis (베이서스) : 기초 , 기반 flex : 몸을 풀다 20..
2022.08.21 -
[왕초보] 나만의 수익성 앱, 앱개발 종합반 2주차
2-1 리액트 네이티브 앱 개발&expo 리액트 네이티브 = 리액트 +네이티브 expo : 안드로이드 , ios 코드를 하나도 몰라도 자바스크립트로만 앱 개발이 가능한 도구 개발환경 만들기 1. 앱 설치 IOS 클라이언트 앱 다운 (링크) 안드로이드 클라이언트 앱 다운 (링크) 2. 터미널 실행 (cmd) yarn 설치 npm install -g yarn 맥 사용자는 sudo npm install -g yarn yarn 설치 후 제대로 깔렸는지 버전 확인하기 yarn -v 실행 화면 정리 명령어 윈도우 사용자 : cls 맥 사용자 : clear expo 설치 윈도우 사용자 : npm install -g expo-cli 맥 사용자 : sudo npm install -g expo-cli expo 설치 후 제..
2022.08.16 -
[왕초보] 나만의 수익성 앱, 앱개발 종합반 1주차
1-1 오늘 배울것 마음가짐 : 조급하게 생각하지 말고 외우려 하지 말고 천천히 시작하자. 프론트와 백앤드: 주고 받는 관계다. 앱을 만들려면?? 안드로이드 : 자바 , 코틀린 / ios : 스위프트 크로스 플랫폼 앱 : 자바 스크립트로는 두가지를 다 만들 수 있습니다. 1-2 필수 프로그램 설치 (공통) VSCode&안드로이드 스튜디오 Visual Studio Code 설치 (다운로드 링크) 안드로이드 스튜디오 (다운로드 링크) (Windows 사용자만) node, npm, git 설치 node, npm 설치 (다운로드 링크) git 설치 (다운로드 링크) (Mac 사용자만) XCode&node, npm 설치 1-3 자바스크립트 기초 문법1 움직이는 그림을 구현한다. 앱을 만들때도 사용한다. 프레임워크..
2022.08.13 -
동물 울음 소리 앱
사용자 인터페이스에서 이미지를 추가합니다. 오른쪽 하단에 "미디어"에서 파일 올리기 버튼을 클릭해 이미지를 업로드합니다. 오른쪽 속성에서 사진을 클릭해 이미지 파일 선택 후 확인 버튼을 클릭합니다. 이미지 사진을 중앙으로 맞추기 위해 컴포넌트에 스크린 속성에서 수평정렬,수직정렬을 가운데로 눌러 줍니다. 레이아웃에서 수평 배치 레이아웃을 하나 꺼내 줍니다. 이미지 컴포넌트와 체크박스를 레이아웃 안에 넣어 줍니다. 속성에서 수평 정렬 , 수직정렬을 가운데로 맞추어 줍니다. 같은 방법으로 이미지를 하나 더 추가해 줍니다. 버튼 컴포넌트를 한개 추가해서 "울음소리 듣기"로 이름을 바꿔줍니다. 미디어에서 소리 컴포넌트를 추가해 줍니다. 파일 올리기에서 그림에 해당되는 울음소리를 업로드해줍니다. 2. 블록 꾸미기 ..
2022.07.11