본문 바로가기

분류 전체보기94

[React Native 101] #5. Touchables&TextInput&Todos ~3.4까지의 강의 이제부터 투두앱을 만들어보자. 원하는 위치로 가서 expo init WorkHardTravelHardApp --npm 후, blank를 선택한다. 그리고, 마찬가지로 열어준다. 이제 어플 만드는걸 빨리 시작해보자. App.js 더보기 import { StatusBar } from "expo-status-bar"; import React from "react"; import { StyleSheet, Text, View, TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, Pressable, } from "react-native"; import { theme } from "./colors"; export default func.. 2022. 7. 25.
[React Native 101] #4. Location & Weather & Icons ~2.10 까지의 강의 이제 위치정보를 가지고 올 건데, expo install expo-location 를 한다. https://docs.expo.dev/versions/latest/sdk/location/ Location - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev 유저의 권한을 요청할 수 있고, 유저의 마지막 정보를 가지고 올 수 있고, 위치를 알 수도 있다. App.js 더보기 import * as Location from "expo-location"; import.. 2022. 7. 21.
[React Native 101] #3. Styles ~2.6 까지의 강의 이제 드디어 앱을 만들어 보도록 하자. App.js import { View, Text, StyleSheet } from "react-native"; export default function App() { return ( Seoul 27 Sunny ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: "tomato", }, city: { flex: 1.2, justifyContent: "center", alignItems: "center", }, cityName: { fontSize: 68, fontWeight: "500", }, weather: { flex: 3, }, day: { flex: .. 2022. 7. 18.
[React Native 101] #2. Rules & Packages ~2.4까지의 강의 Snack은 브라우저에서 React 앱을 만들 수 있게 해주는 브라우저이다. 브라우저를 통해 바로 React 앱을 만들면 된다. 핸드폰에서 코드를 미리볼 수 있다. 규칙을 몇가지 알아보도록 하자. App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( Hello ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: "white", alignItems: 'center', justifyConten.. 2022. 7. 18.
[React Native 101] #1. INTRODUCTION 이제 ReactJS를 활용해서 웹페이지는 많이 만들어 봤으니까, 니꼬쌤과 함께 React Native를 배워보자! ~1.7까지의 강의 이 강좌를 위해서는 먼저 ReactJS를 알고 있어야 한다. state, props, useEffect, useState를 알고 있으면 된다. 우선 터미널에 가서, node -v를 실행시킬 수 있으면 된다. 핸드폰에 있는 앱에 코드를 전송해서 앱을 실행해볼 것이다. 기본 시설들이 준비된 앱이 있다. 인프라가 준비되어 있는데, 코드만 준비되어 있지 않아서 우리는 앱을 complie 시킬 필요없고, 앱을 다운받고 앱으로 코드를 전송시키면 된다. 그 앱은 바로! Expo이다. Expo는 작성한 코드의 결과를 앱에서 즉시 확인할 수 있다. 다음을 터미널 창에 입력한다. 아니 Ex.. 2022. 7. 15.
[합격 후기] 소프트웨어야 놀자 지원서 작성 Tip!✨ 내가 5월에 지원하고, 합격했던 네이버 커넥트 재단 '소프트웨어야 놀자' 지원서 작성 팁을 공유하고자 한다! 멘토링 경험 내 기억이 맞다면 멘토링 경험의 유/무만 작성했지만, 그래도 나의 멘토링 경험을 소개하자면, - 구청 전공 멘토링 1회 - 청소년의회 멘토 (하는 중) 이렇게 두개이고, 전공이 sw이기 때문에 이미 sw멘토링 경험은 있었다. (그리고 상도 받았음😏) 그리고 나포함 반정도의 팀원이 sw멘토링 경험이 있던 상태였다. 팀원 우선 나는 팀장인데, 부팀장이 같이 하자고 연락을 주어서 그 후로 인원을 모으기 시작했다. (나랑 부팀장은 학교에서 전공을 같이 설계하고,,, 시간표도 공유하는 사이이다.... 학사팀이 이어준 인연인데, 잘 맞아서 대회도 같이 나가는 사이이다...🤭) 우선 저번학기에 스.. 2022. 7. 14.

티스토리툴바