기업협업 1일차

트러블 이슈

1) 안드로이드 스튜디오에서 핸드폰이랑 연결이 안됨...ㅠㅡㅠ
(왜 내 핸드폰이 안뜨는 걸까요?)

2) VScode에서 npm run android 했을때, 왜 가상화면(?)에 나오지 않을까요?

---

오늘의 생각

기업협업 첫날이다. 설렘만큼 긴장도 강하게 하고 있었는데, 그것은 나의 부족한 개발실력 때문이었다. 하지만 부족한 건 부족한 것이고, 그것을 향상시키는 것이 이번 한달의 교육목표이니만큼, 차근차근 능력치를 레벨업 해나가면 되는 것이니까, 긴장을 풀고, 할 일에 몰입해야겠따..

• 리액트 네이티브로 할일 관리 만들기..

---

[용어]
-SDK? Software Development Kit

1.node를 설치해.

2. open jdk 설치.
   근데 왜 줄라?
   

제대로 표시되는지 확인

3. 리액트네이티브 빌드시스템은 파이썬에 의존한다고 함.
   
   이미 있지롱...ㅋㅋ

4. 리액트 네이티브 CLI 설치
   

5. 안드로이드 스튜디오 설치스튜디오 설치
   SDK관련 설정

6. 시스템 변수 설정

---

배운 것

1) 리액트 네이티브 프로젝트 만들기
1-1/ Expo.io
RN은 안하고 expo만 하는 이유는
RN은 포함되어 있어서 같이 설치된다.

1-2/리액트 네이티브 CLI

expo init 폴더명

위의 명령어에서 주의할 것은 git bash에서 실행시키지 말고, 명령프롬프트에서 실행ㄱ

export const theme = {
  background: "#101010",
  itemBackground: "#313131",
  main: "#778bdd",
  text: "#cfcfcf",
  done: "#616161",
};

import React from "react";
import { theme } from "./src/theme";
import styled, { ThemeProvider } from "styled-components/native";

const Container = styled.View`
  flex: 1;
  background-color: ${({ theme }) => theme.background};
  algin-items: center;
  justify-content: center;
`;

const Title = styled.Text`
  font-size: 40px;
  font-weight: 600;
  color: ${({ theme }) => theme.main};
  align-self: flex-start;
  margin: 0px 20px;
`;
export default function App() {
  return (
    <ThemeProvider them={theme}>
      <Container>
        <Title>투두리스트 </Title>
      </Container>
    </ThemeProvider>
  );
}