kasumil의 코딩 공작소

- 오늘 학습한 내용. 타입스크립트를 적용하여 리액트 네이티브를 통해서 만들어보았다. 코드의 내용은 간단하다. 그러나, 타입스크립트를 적용하는 것도 해봤지만 내가 직접 짤 수 있는 능력은 늘어나고 있는 것인가? 그리고 작동에러가 너무 많다. 상대경로에서는 작동이 잘되는데, 절대경로에서 왜인지 에러가 너무 잦다. 못 찾아서 일일히 상대로 잡아서 바꾸어주었다. youtu.be/wQ0L7w54RTY - 소감 이건 완전 버그와의 싸움이다. 절대 경로했다고 에러가 뜨는데 node창을 보면서 원인 파악을 해야한다. 그래도 expo보단 편해서 좀 낫다고 생각한다. ++ RN의 절대경로 문제는 5장에서 해결했다.

- 오늘 학습한 내용. VIEW = div Text = 문장들은 꼭 text컴포넌트로 감싸야한다. 리액트는 글자 이렇게 쳐도 되었는데, RN은 감싸야한다. Image = img 태그 Textinput = input태그 ScrollView = 스크롤기능이 리액트는 자동으로 생겼지만, RN은 생기지 않기에 꼭 감싸줘야한다. StyleSheet = 리액트에선 css를 통해 css를 설정했지만, RN은 Stylesheet를 통해서 사용한다. Button = RN에도 Button 태그가 있지만, 커스텀이 까다롭기에 touchableopacity를 사용한다. NavigationContainer = 리액트에서는 ROUTER의 역할이고 RN에서는 NavigationContainer로 사용한다. navigation.na..

- 오늘 학습한 내용. navigation, push 의 차이점. navigation은 특정 페이지로만 이동하고, 뒤로가기(스택)이 쌓이지 않는다. push는 특정페이지로 이동하는 것은 동일하나, 뒤로가기로 페이지가 쌓인다. - 오늘의 코드 내용. navigation.push('Home')} /> navigation.navigate('Main')} /> - 소감 사용하는 방식이 요구될때마다 해당 기능에 맞춰서 사용되어야한다. 하지만, 보통은 뒤로가기를 쓰기위해서 push만 주로 사용될 것 같은데, navigation은 언제 사용되는 것일까? * 답변 * push는 스택을 쌓으므로 뒤로가기를 하면 되지만, navigation은 이미 해당 컴포넌트가 있으면 바로 그 자리로 돌아간다.(즉, 홈버튼 같이 누르면..

- 오늘 학습한 내용. 리액트 네이티브에 입문함. 초기 세팅 작동 원리 탐구. - 오늘의 코드 내용. import React from 'react'; import { StyleSheet, Text, View, SafeAreaView, TouchableOpacity } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import styled from "styled-components/native"; import 'react-native-gesture-handler'; function Home..