코딩수강일지/팀스파르타 앱개발 종합반 수업일지 (5) 썸네일형 리스트형 앱개발 종합반 4주차 수강일지 백엔드 ! 서버리스: 서버를 직접 구축하지 않고 서버를 사용하는 방법(파이어베이스 등) 👉 앱에서 서버에 데이터를 요청하거나 데이터를 보내는 대화를 하려면 서버가 정한 규칙에 따라 대화 요청(Request)을 해야합니다. 정한 규칙에 따라 요청을 하지 않으면 응답(Response)이 오지 않습니다. 서버 쪽에서 정한 규칙을 우린 보통 API(Application Programming Interface)라고 부릅니다. 그 규칙의 형태는 다음과 같이 👉 서버가 제공하는 도메인일수도 있고 www.sparta.com/getdata ←- 데이터 조회 API www.sparta.com/setData ←- 데이터 저장 API 👉 서버가 만들어놓은 함수를 그냥 이용해서 사용하는 규칙일 수도 있습니다. db.ref('/.. 앱개발 종합반 3주차 - useState 추가 정리 동적인 값 끼얹기, useState 컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 리액트에 useState 라는 함수가 있는데요, 이것을 사용하면 컴포넌트에서 상태를 관리 할 수 있습니다. Counter 컴포넌트를 다음과 같이 수정해보세요. Counter.js import React, { useState } from 'react'; function Counter() { const [number, setNumber] = useState(0); const onIncrease = () => { setNumber(number + 1); } const onDecrease = () => { setNumber(number - 1); } return ( {number} +1 -1 ); } export def.. 앱개발 종합반 3주차 수강일지 코드의 작동 원리에대해서 아는것도 중요하지만 자전거를 탈때 자전거 작동원리를 몰라도 탈 수 있는것 처럼 일단 먼저 실행하고 작동시켜본 다음 천천히 알아가는것도 중요하다. 리액트 네이티브는 리액트(React.js) 라이브러리 기반으로 만들어진 프레임워크 입니다 리액트(React.js) 기본적인 구조 - 상단에 내가 사용할 도구들(자바스크립트 파일)을 Import 해서 준비시켜놓음 자바스크립트 파일 안에는 항상 큰 기본이 되는 함수가 있고 그 함수를 export해서 사용하는 구조로 되어있음 ex) //리액트의 모~든 파일은 컴포넌트라 생각하고 //페이지 기능을 해주는 모든 기능이 담겨 있는 컴포넌트를 만든다 생각하세요! const StackNavigator = () =>{ return ( ) } export.. 앱개발 종합반 2주차 수강일지 대문자/띄어쓰기 잘 확인 !!!! * VS code 단축키 Alt + z(View - word wrap) - 화면에 맞게 코드 정렬 Ctrl + / - 한줄 주석처리 ctrl + c - 서버 종료(서버 시작 명령어 : expo start) * 개발은 무에서 유를 창조하는게 아니라 정리된 코드를 잘 찾고 잘 가져와서 응용하는 것이 더 효율적 (나중에 써먹을 수 있게 잘 정리 해 놓기) * 렌더링 = 작업한 코드의 결과물을 보여주는 작업 * 우리가 리액트 네이티브(자바스크립트 언어 하나로 안드로이드 앱과 iOS앱 두 가지 모두 만들어주는 라이브러리) 로 앱을 개발한다는 것은... Node.js로 자바스크립트 개발 환경을 구축하고, NPM으로 필요한 자바스크립트 앱 개발 도구들을 가져와 사용하는 모습으로 진행.. 앱개발 종합반 1주차 수강일지 웹개발 강의에 이어서 앱개발 강의까지 수강하게 됐다. 내가 만들어보고 싶었던 앱을 위해 열심히 배워봐야 겠다. Java Script 는 크롬 브라우저 개발자 도구(F12)를 통해 수업 참고) 논리연산자 기초문법 1. 변수 - 변수선언 방식 let first_name = 'bob' // snake case라고 합니다. 또는, let firstName = 'bob' // camel case라고 합니다. 회사마다 규칙이 있죠. 과 같이, 쉽게 알아볼 수 있게 쓰는 게 중요합니다. 다른 특수문자 또는 띄어쓰기는 불가능합니다! - const 변수 선언(변경할 수 없는 고정값을 만들고 싶을 때) const value_fix = '값'; value_fix = '변경한 값'; console.log(value_fix) .. 이전 1 다음
