고양이 퍼레이드

1. 3주차 오늘 배울 것 - 자바스크립트 기초&JSX 화면 그리기 계속~! - 리액트 필수지식 : 컴포넌트, 상태, 속성, useEffect - Expo 기능 사용 : 화면을 친구에게 공유, 링크 클릭 시 해당 링크로 화면 전환, 상태바 스타일 변경 등 - 페이지 적용 : 앱 안에 여러 페이지를 두고 버튼을 눌러 이동할 수 있는 기능 장착 2. 나만의 꿀팁 앱 상세 화면 만들어보기 > Hint 1) DetailPage.js 생성 2) 디테일 화면을 위한 데이터 확인 3) DetailPage.js 코드 작성 >결과 화면 > DetailPage.js 코드 import React from 'react'; import { Alert, Text, StyleSheet, View, Image, TouchableOp..

1. 2주차 오늘 배울 것 - 앱 개발 준비 : 리액트 네이티브 앱 개발을 도와주는 expo - 앱 화면 만들기 : 앱 개발 시 구역(레이아웃)을 잡는 문법인 JSX - 앱 필수 기초 지식(리액트 기초) : 간결하고 직관적인 자바스크립트 문법 2. [앱 개발 준비] 리액트 네이티브&expo 설치 및 진행 1) 리액트 네이티브 = 리액트 + 네이티브 - 자바스크립트 하나의 언어로 android와 ios 두가지 모두 만들어주는 라이브러리 - 라이브러리란 개발에 사용하는 도구! - 안드로이드는 java&kotlin, iOS는 swift 언어 사용 -> 실제 자바스크립트 한 언어로만 개발은 어렵기에 도와주는 도구인 expo사용 2) Expo란? - 리액트 네이티브 앱 개발 시 android&iOS 코드를 건드려..

필수 프로그램 설치 : VSCode&안드로이드 스튜디오, node, npm 1. Javascript 기초 문법-1 1) 자바스크립트란? - 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어 - But. 자바스크립트로 앱도 제작 가능 2) 자바스크립트 환경 - 크롬 브라우저에서 F12(윈도우) - console.log(변수) : 콘솔 창에 괄호 안의 값을 출력 - let, var 둘다 변수 선언 사용 가능하지만, let이 더 최신! 3) 변수 - 변수 대입 : ' = '의 오른쪽에 있는 값을 왼쪽에 넣는다 - let으로 변수 선언, 선언한 변수의 값은 이후 변경 가능 - 사칙연산과 문자열 더하기 가능 - const 변수 선언 : const로 선언한 변수에는 새로운 값을 재할당할 수 ..