스파르타 코딩 클럽 🤟🏻 - 개발일지 1

과제 Github

라이브러리

import React, { useEffect, useState } from "react";
import { StyleSheet, View, Text } from "react-native";
import PlusButton from "./components/PlusButton";
import MinusButton from "./components/MinusButton";

함수

const [state, setState] = useState(0);

const Minus = () => {
  setState(state - 1);
};

const Plus = () => {
  setState(state + 1);
};

태그

return (
  <View style={styles.contianer}>
    <View style={styles.textContainer}>
      <Text style={styles.titleText}>Counter</Text>
      <Text>{state}</Text>
    </View>
    <View style={styles.buttonContainer}>
      <PlusButton Plus={Plus} />
      <MinusButton Minus={Minus} />
    </View>
  </View>
);

디자인

const styles = StyleSheet.create({
  contianer: {
    flex: 1,
  },
  buttonContainer: {
    flex: 1,
    paddingTop: 100,
    flexDirection: "row",
    justifyContent: "center",
  },
  textContainer: {
    flex: 1,
    alignItems: "center",
    justifyContent: "space-evenly",
  },
  titleText: {
    color: "black",
    fontWeight: "bold",
    fontSize: 30,
  },
});

소감

기초 강의에서 배웠던 내용을 다시 다잡는 시간을 가져 저번 강의에서 이해하기 힘들었던 useState, setState를 다시 한 번 공부할 수 있어서 좋았다.
리액트 네이티브가 아무래도 리액트 기반이다보니 리액트 개발자가 쉽게 공부할 수 있다고 한다.
반대로 리액트 네이티브 개발자가 리액트를 쉽게 공부할 수 있는걸테니 앱에 이어 웹까지 진출할 수 있는건가? 😎
요즘들어 Flutter 개발자 수요가 늘고 있는것 같은데 Flutter도 궁금해진다.
배우고 싶은게 너무 많다 🥲