[R.N] 리액트 네비게이션 리액트 네비게이션저번 예제에서 하나의 페이지만 구현했는데 이번엔 리액트 네비게이션을 사용해 여러페이지(스크린)을 구현했다. 메뉴를 구성할때는 stack, 사이드드로우를 구성할때는 drawer를 사용했고 가상으로 더미데이터를 만들어서 컴포넌트에 맞게 데이터를 뿌려주고 contextAPI와 redux를 활용해 즐겨찾기를 구현해봤다. 그밖에 컴포넌트를 디테일하게 나누고 스타일링도 하면서 리액트네이티브와 좀 더 친해지는계기가 되었다. https://github.com/heesangs/RnNavigation GitHub - heesangs/RnNavigation: basic navigation appbasic navigation app. Contribute to heesangs/RnNavigation deve.. 2025. 5. 1. [JS.개발일지] 6. 자바스크립트 3-2(배열메서드) 배열 메서드1. map() : 배열의 각 요소에 (괄호)안에 있는 함수를 실행시켜서 새 배열로 반환. 이렇게 {return num * 2} 리턴문을 써도 되지만 수식이 단순할때는 생략해서 num * 2로 표현한다. 내가 지정한 값만 변경해서 반환하기도 가능 이렇게 ...(스프레드연산자)를 이용해 기존 객체를 수정하지않고 새로운 객체 2배수로 반환한다.({...item, 속성: 새로운 값}) 2. filter() : 조건을 만족한 요소들만 새 배열로 반환 다음은 소수를 필터링하는 재미있는 예제다. (소수, 자신과 1외에는 나누어 떨어지지 않는 수) 소수를 구하는 함수를 필터메서드 안에 대입시키면 소수를 구할 수 있다! 3. reduce() : 배열의 모든 요소를 하나로 줄인다는 뜻.배열을 순회하며, .. 2024. 12. 30. 리액트 기초 :: React basic React 상식 React의 5가지특징 1. Element : 컴포넌트 최소단위 (header, h1, p, span ...) 2. JSX(javascript XML) : 자바스크립트 확장 문법 , 겉으로 보기앤 자바스크립트 + html 3. Component : 첫글자 대문자 a. function 형 i. ReactElement 리턴. (훅과 연동) b. class 형 i. State관리 (동적요소) ii. 훅이 클래스 컴포넌트를 대체가능 (클래스는 상대적으로 무거움) 4. Props : 데이터 동기화를 위해 사용됨 a. Read only (바꾸면 안되기 때문, 동기화니까) b. 위에서부터 데이터가 흐른다. 5. State : 동적데이터 a. 이벤트 우측에는 함수 선언문이 놓여야 한다. i. 함수 실행.. 2020. 8. 28. 이전 1 다음
