시리즈

ReactNative

1.reactnative_설치& 구동

설치 방법 리액트네이티브 홈페이지 https://reactnative.dev/ JSX = JavaScript + xml 홈페이지 접속 설치하기 위해 아래와 같은 순서 진행 리액트 네이티브를 내부적으로 자바코드를 쓰기위해 JDK(openJDK)도 다운 2-1)

2023년 5월 25일

2.RN)프로젝트생성_스타일변경

리액트네이티브를 설치한게 아니라서 npx 키워드 써야함프로젝트 생성생성한 폴더로 이동 후 실행💡 에뮬레이터가 내가 켜둔 게 아닌 걸로 재실행 되거나, 오류가 나면 node를 끄고 다시 하면 됨component : 화면을 이루는 모든 것들JSX : JavaScript

2023년 5월 26일

3.RN) 이벤트처리_버튼_텍스트인풋

state : 화면을 갱신해주는 특별한 친구로 제어하는 방법!!!버튼 콜백용 메소드는 전역보다는 이 컴포넌트 클래스의 멤버로 존재하는 것을 권장\--> 멤버 함수로 만들어 제어함(멤버로 쓸 땐 Function 키워드 쓰면 안됨!!)\--> JS 클래스 안에서 멤버접근은

2023년 5월 26일

4.RN) 이미지

<Image source={require('./image/moana01.jpg')}><Image source={ {uri:''} }>source에 리터럴 객체 생성🧨 주의네트워크 이미지는 사이즈를 지정하지 않으면 보여주지 못함스타일 지정 필수!!!!!!!!

2023년 5월 30일

5.RN) Layout 배치

여러개의 컴포넌트를 배치하려면 큰 뷰 그룹이 있어야함why? return은 1개의 컴포넌트만 가능!!flex 스타일 기반!(기본 적용)RN은 기본 방향이 cloum(web - row가 기본)item-aline은 기본 strech요소가 기본값\*\* 명심!!justify

2023년 5월 30일

6.RN) 커스텀컴포넌트

[1]컴포넌트 만들기 [2] props 컴포넌트에 전달된 속성값을 가지고 있는 변수 read-only 속성임 Custom Component에 속성(property)값을 전달 컴포넌트를 사용할 때 속성(property)으로 전달된 값은 컴포넌트의 아주 특별한 멤버변수(

2023년 5월 30일

7.RN) List형 레이아웃_ㅡmap()/FlatList/SectionList

일반적인 리스트 뷰RN의 기본 리스트뷰 컴포넌트데이터가 view 넘어가면 스크롤 자동 생성필수 2가지 속성(props) - data, renderItem \- data : 대량의 데이터, FlatList기 보여줄 데이터들 \- renderItem : 아이템 뷰 레이

2023년 5월 31일

8.RN) 라이프사이클

2023년 5월 31일

9.RN)함수형 컴포넌트 사용법과 Hook소개_화면갱신useEffect()

[1] 클래스형 컴포넌트 VS 함수형 컴포넌트 함수형

2023년 6월 1일

10.RN) 화면전환_reactnavigationt사용하기

https://reactnavigation.org/홈화면에 네비게이터가 화면들을 전환해줌네비게이터를 어떤걸 쓰느냐에 따라 알아서 화면에 그림실행중인 라이러리엔 설치 못함 앱과 노드창 꺼야함1\. 기본 네비게이션 추가추가 기능도 터미널로 설치가장먼저 네비게이터들

2023년 6월 1일

11.RN) 화면전환_BottomTabNavigator _MaterialTopTabs

[1] BottomTabNavigator 메인 화면 탭 화면 탭1 탭2 탭3 [2] MaterialTopTabs 메인 화면 탭 화면 탭1 탭2 탭3 Draw (현재 버전 맞지 않아 실습은 못함..) ![](https://velog.velcdn.com/images/thwjd9393/post/5e4aacea-7013-

2023년 6월 2일