본문 바로가기

코딩수업/AWS 클라우드환경 네이티브112

5/27 useState 훅, 클릭 후 숫자 증가, 얕은 복사와 깊은 복사, 자식 컴포넌트에서 부모 컴포넌트의 상태 변경, useEffect와 useLayoutEffect 훅, LayoutChangeEvent 타입, ActivityIndicator 코어 컴포, fetch AWS 클라우드환경 네이티브 수업 14일차 리액트 네이티브 228~277 228~232 useState 훅 값을 변경하는 함수(setter 함수) 를 호출하면 값을 변경 및 재랜더링 const [ 값, 값을_변경하는_함수 ] = useState( 초깃값) 타입정의 function useState(initialState: S | (() => S )) : [S, Dispatch] 해당 훅은 제네릭이기 때문에 아래와 같이 활용 가능const [yes, setYes ] = useState(false)const [age, setAge] = useState(22) const [name, setname] = useState('Jack') const [people, setPeople] = useState([ ]) 23.. 2022. 5. 27.
5/26 변수와 메모리 사용 관리, 리액트 훅 개념, setInterval 함수, useEffect 훅, useState 훅, 의존성, useMemo와 useCallback 훅 AWS 클라우드환경 네이티브 수업 13일차 리액트 네이티브 194~227 전역 변수 (Global variable) : 코드 전역에 걸쳐서 효과가 있는 변수 지역 변수 (Local variable) : 선언된 함수 내에서만 효과가 있는 변수 정적 변수 (static variable) : 지역 변수를 계속 해서 이후에도 쓰고 싶을 때, 변수 선언 앞에 static을 붙임으로써 전역 변수와 같은 영역에서 메모리 내에 존재 한다. 메모리의 영역 프로그램이 실행 되면 계속 가지고 가야하는 메모리는 낮은 주소에 사용 된다. 함수 지역 변수 같이 지금 당장 실행되는 데이터들은 높은 주소(스택 영역)에서부터 메모리가 사용 된다. 스택 영역의 동작 방식 int main(void) { func1(); // func1().. 2022. 5. 26.
5/25 generics 개념, 오버로딩과 오버라이딩, numberOfLines, ellipsizeMode, 트위터 클론 만들어 보기 끝 AWS 클라우드환경 네이티브 수업 12일차 조퇴했음. 리액트 네이티브 3장 끝 180~193 generics 개념 설명 class MyArray { T element; void setElement(T element) { this.element = element; } T getElement() { return element; } } MyArray myArr = new MyArray(); 위에서 'T'를 타입 변수(type variable)라고 하며, 임의의 참조형 타입을 의미. generic class를 생성할 때 타입 변수 자리에 사용할 실제 타입(Integer)을 명시하면, 내부적으로는 정의된 타입 변수가 명시된 실제 타입으로 변환되어 처리 ( T -> Integer ) 오버로딩과 오버라이딩 오버로딩 .. 2022. 5. 25.
5/24 flex 상세, flexDirection, alignItem(탑 배치) , justifyContent (아이콘 배치), flexwrap 와 overflow (컨텐츠 내용 배치), FAB 아이콘 사용, flat list(스크롤)와 moment(시간) AWS 클라우드환경 네이티브 수업 11일차 리액트 네이티브 149~180 149~155 flex:1 과 height:100%의 차이 Content의 View에서 flex가 1 일 때는 Top, Bottom의 높이를 다 반영한 뒤의 부모 컴포넌트의 높이 여분을 가져온다. height: '100%' 일 때는 Top, Bottom의 높이를 상관하지 않고 그저 부모 컴포넌트의 100%의 높이를 다 가져와서 Bottom이 아래로 밀려버리는 바람에 안보인다. flex가 여러개 일 때는 여분의 높이를 flex의 비율 대로 가져간다. 156~158 flexDirection 스타일 속성 row / column의 속성을 가지며 한 쪽 방향성으로 자식 컴포넌트를 부모의 영역에 배치하는 기법 158 alignItem 스타일 .. 2022. 5. 24.
5/23 색상 설정, height와 width 설정, margin/padding/border 설정, OS 별 설정, 폰트 설치 및 설정, Home 아이콘 설정, flex 사용 AWS 클라우드환경 네이티브 수업 10일차 진행 리액트 네이티브 104~148 요약 1. StyleSheet - View 의 배경색과 글자색, 글자 크기 및 글자 위치 지정 색은 구글 머터리얼 디자인 색상에 맞춰서 코딩 가능 2. height와 width 값 설정 방법 3. 104~108 StyleSheet API => 리액트 네이티브에서 제공 => 스타일 함수를 이용하여 나오는 배경색과 글자색, 글자 크기 및 글자 위치 지정 => style의 속성에 들어가는 건 문자열이 아닌 '객체'다. 그래서 StyleSheet 컴포넌트를 사용해서 create로 가져 옴. 인라인 스타일과 stylesheet 스타일의 차이 내용이 변하지 않는 스타일 객체 => stylesheet 사용 동적으로 변하는 스타일 객체 =>.. 2022. 5. 23.
5/20 map함수, arrow 함수, faker, 코어와 API 컴포넌트, 이벤트 속성 AWS 클라우드환경 네이티브 수업 9일차 ​ 진행 2장까지 끝 / 71~102p 요약 1. faker 데이터 생성 2. 지정 범위 랜덤 숫자 생성 3. 특정 크기의 이미지 url 랜덤하게 획득하는 법 4. 이름 지정에 따른 아바타 이미지를 얻는 법 5. ScrollView 코어 컴포넌트 6. 이벤트 속성 - button(버튼), Alert(알림메세지) , 터쳐블(눌렀을 때 반전 or 바탕색 투명도 변함) , TextInput (입력값 받아서 출력) ​ ​ 71p map함수, arrow 함수 예제 주석 참고. ​ ​ 73~79 faker 데이터 생성 이용 실습 faker 그럴 듯한 가짜 데이터를 만드는 패키지 자바스크립트로 구현한 패키지므로 타입 스크립트에서 사용하기 위해 @types/faker 타입의 라.. 2022. 5. 23.
5/19 HTML 개념, DOM 개념, 랜더러와 랜더링, react-native 명령과 구동원리, JSX 개념과 구조 AWS 클라우드환경 네이티브 수업 8일차 진행​ 리액트 네이티브 책 46~72p ​app.tsx 에 각종 예제 코딩 실습 진행 요약 1. react native 구동 기본 개념 2. 문법 기본 구조 3. 데이터 배열을 컴포넌트 배열로 만들기 4. 조건문 종류 뭐뭐 있나~ 46~59 프로젝트 만들어 봄 ​ 정적 HTML 웹 서버에서 HTML 문서를 생성하여 웹 브라우저로 전송하는 방식 ​ 동적 HTML 웹 브라우저에서 자바스크립트 코드를 실행하여 동적으로 HTML을 생성하는 방식 ​ DOM 객체 모델, 자바스크립트 코드에서 HTMLDivElement, HTMLHeadingElement 같은 클래스를 말한다. ​ DOM 객체 DOM 클래스의 인스턴스 ​ DOM 구조(트리구조) DOM 객체가 이루는 부모/자식.. 2022. 5. 23.
5/18 비쥬얼 스튜디오 코드, 안드로이드 스튜디오 기본 창 다루는 법 AWS 클라우드환경 네이티브 수업 7일차 ​​ 진행​ 리액트 네이티브 28~40p ​ 요약 실습 위주였다. ​ ​ ​ 비쥬얼 스튜디오 코드 - 타입 스크립트 설치 - 다중 터미널 여는 법 ​ ​ ​ 안드로이드 스튜디오 - 에뮬레이터 만들기 - 안드로이드 앱 프로젝트 생성 실습 - 에뮬레이터 초기화 2022. 5. 23.
5/17 프로그램 설치 하다 끝. java 공부 사이트 AWS 클라우드환경 네이티브 수업 6일차 ​ ​ ​ ​ ​ https://javascript.info/ => 자세하게 java 공부하는 용 www.w3schools.com => java 몇몇 부분 검색 용 ​ ​ ​ ​ 오늘 아래 프로그램 설치만 하다가 끝남. scoop node.js 자바8 JDK 비쥬얼 스튜디오 코드 안드로이드 스튜디오 2022. 5. 23.
5/16 객체와 구조체, 클래스와 인스턴스 AWS 클라우드환경 네이티브 수업 5일차 ​ ​ ​ ​ ​ ※ 아래 두 개의 사이트 참고해서 공부할 것 tcpschool.com https://www.w3schools.com/ ​ ​ ​ ​ ​ 객체 지향 프로그래밍(OOP) -> 포인터 원리와 똑같다. ​ 클래스 메모리를 어떻게 쓸지 계획을 짜놓은 것 ​ 인스턴스 변수 함수 다양하게 맘대로 쓴 걸 묶어놓은 것 메모리를 실제로 잡아서 만들어 놓은 것 클래스에 값 넣으면 인스턴스임 ​ http://tcpschool.com/java/java_class_component ​ 구조체 struct 키워드를 이용해서 여러가지의 변수들만을 정의해 놓은 것 ​ 구조체 + 함수 추가 => 클래스 클래스에서 메모리로 구현 => 인스턴스 ​ OOP의 구조는 마치 배열을 구현.. 2022. 5. 23.
728x90
반응형