React Native에서 레이아웃은 Flexbox를 사용- display 블럭이 없음   기본 설정import React from "react";import { View } from "react-native";export default function App(){ return ( );}  import React from "react";import { View } from "react-native";export default function App(){ return ( );} 결과로 볼 수 있듯이 웹에서는 Flex Direction의 기본값은 Row이지만, 모바일에서 Flex Direction의 기본값은 Column이다.  i..

EAS CLI 설치 : 프로젝트 아이디 입력할때 이거 없으면 command not found 나옴npm install -g eas-cli 프로젝트 실행 명령어 expo init => npx create-expo-app 앱이름expo login => npx expo login

import { Text, SafeAreaView, StyleSheet } from 'react-native';// You can import supported modules from npmimport { Card } from 'react-native-paper';// or any files within the Snackimport AssetExample from './components/AssetExample';export default function App() { return ( Change code in the editor and watch it change on your phone! Save to get a shareable url. ..

ex) evnet 발생하면 배경 빨간색으로 발생한다고 치겠음 1. ios와 안드로이드에서 터치 event가 발생2. 어디서 event가 발생했는거 눌러진 시간 어느정도?의 모든 정보를 수집3. React Native 그 정보 가지고 JSON 메시지 생성4. JavaScript는 그 메시지를 받음5. 여기서 코드를 실행시키면 React Native는 React Native 운영체제에게 메시지 전달6. "운영체제씨 배경색 빨간색 변경요~"  우리는 이렇게 메시지를 주고 받고 있다. JavaScript는 그냥, 개발자들이 메시지를 주고 받기 위한 도구일 뿐이라는 것! ReactNative에는- JavaScript- Bridge - Native코드가 있어서 메시지를 주고 받을 수 있다. 작성하는 코드는 앱에서 ..

Expo CLI 설치npm install --global expo-cli혹시 에러가 있다면 아래와 같이 설치하시면 됩니다.sudo npm install --global expo-clihttps://docs.expo.dev/Watchman 설치(Mac용)brew updatebrew install watchmanhttps://facebook.github.io/watchman/docs/install#buildinstall  그리고 나는 ios를 사용하기 때문에 Expo Go를 다운받아 준다.안드로이드는 그냥 Expo   React Native가 ios에게 '버튼 그려달라고 한다. 또 안드로이드에게 버튼을 만든다. 따로 브라우저가 없기 때문임

문제 설명 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. 예각 : 0

코딩애플 숙제로 알아보기 (숙제1) 이름을 파라미터로 입력하면 콘솔창에 "안녕하세요 홍길동"을 출력해주고 아무것도 파라미터로 입력하지 않고 함수를 사용하면 "이름이 없습니다" 를 출력하는 함수를 만들어봅시다. 파라미터와 return 타입지정도 잘 해봅시다. 더보기 function 이름(x? :string ){ if (x) { console.log('안녕하세요 ' + x) } else { console.log('입력하렴') } } 이름(); (숙제2) 함수에 숫자 또는 문자를 집어넣으면 자릿수를 세어 출력해주는 함수를 만들어보십시오. 예를 들어 '245' 이런 문자를 입력하면 3이 return 되어야합니다. 숫자도 마찬가지로 9567 이런 숫자를 입력하면 4가 return 되어야합니다. 숫자 또는 문자 이..

문제 설명 머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. 제한사항 0

문제 설명 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항 0

타입 지정이 애매할 때 가장 좋은 것은 Union type을 사용하는 것이다. 아래 예시처럼 OR 연산자를 사용하여 표시하는 게 Union type으로 두 개의 문자와 숫자를 가능하게 하여 오류를 표시하지 않도록 할 수 있다. let 코드: string | number = 'console'; let 숫자: (string | number) = 100; 아무거나 들어오게 하는것은 any 하지만 이걸 쓰는 순간 Typescript를 쓰는 이유가 없어서 버그를 못 잡아냄 = 타입실드 해제문법 let 대한민국 : any; 대한민국 = 111; 대한민국 = '한국'; 대한민국 = []; 그래서 타입스크립트 최신 문법에 unknown 등장 ! unknown은 겉보기에는 any와 비슷해 보이지만 any보다는 오류를 잘..