개발일지 [스파르타코딩클럽]/앱개발 3

[앱개발] #3주차 리액트(컴포넌트, 상태, 속성, useEffect)

3주차에 배운 내용은? 리액트! 앱은 처음 배워보는 분야라서 더 쉽게 이해하려고 최대한 간단하게 정리해봤다. 💻 리액트 네이티브 앱을 만들어야 하기 때문에 리액트 관련 개념을 배웠다. 개념은 크게 4가지! - 컴포넌트 Component - 상태 State - 속성 Props - useEffect 01. 컴포넌트 Component 정해진 요소를 사용해 만든 화면의 일부분 UI 요소나 요소를 재사용 가능한 부분으로 쪼개 운영하는 기법 버튼, 버튼을 모아둔 영역, 글 영역 등 모든 영역은 컴포넌트가 될 수 있다. 컴포넌트를 간단하게 설명해주는 이미지가 있어 가져왔다🔻 02. 상태 State, useState 컴포넌트에서 데이터를 유지하고 관리하기 위한 유일한 방법 == 사용할 데이터 리액트에서는 컴포넌트에서 ..

[앱개발] #2주차 React native & Expo

💻 리액트 네이티브 앱 개발 시, Expo를 사용하면 편리하게 개발할 수 있다. JSX 앱 개발. 리액트 네이티브 앱 개발에서 레이아웃을 잡는 문법 언어 용도에 맞게 사용하면 된다. 구역은 , 글자는 처럼. * 앞 글자는 대문자로 작성해주어야 한다. 📝 사용할 요소를 react-native에서 꺼내온다. import {Text, View} from 'react-native'; //여기에 글씨 React Native? 자바스크립트 언어 하나로 Android 앱, iOS 앱 모두를 만들 수 있는 라이브러리 물론, 진짜로 자바스크립트 하나만 사용해 개발하기는 어렵다(ಥ _ ಥ) Android, iOS를 조금씩 알아야만 하는 상황이 발생할 수 있는데..! 이때 필요한 건 Expo Expo? 리액트 네이티브로 앱..

[앱개발] #1주차 준비, Javascript

01. 앱 서비스 기본 동작 구조 클라이언트 / 서버 클라이언트: 사용자 ex.) 크롬, 사파리, 앱 서버: 컴퓨터 데이터를 사용자에게 전송 💻 클라이언트가 서버에 데이터를 요청하면, 서버는 응답해 데이터를 전송한다. 안드로이드는 Java&Kotlin, iOS는 Swift로 개발한다. 02. 필수 프로그램 1️⃣ Visual Studio Code https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visua..