💡구현 목표 - 커스텀 공통 네비게이션헤더 컴포넌트를 생성하고 각 화면에서 타이틀, 아이콘이 다르게 렌더링되도록 하기 자식 컴포넌트로 아래 인자들을 prop로 전달하고 오른쪽 아이콘을 렌더링시킬지, 왼쪽 아이콘을 렌더링 시킬지 혹은 둘다 렌더링 시킬지 아래와 같이 조건문으로 분기 처리 전체 소스 import React from "react"; import {View, TouchableOpacity, StyleSheet} from "react-native"; import {useNavigation} from "@react-navigation/native"; import Icon from "react-native-vector-icons/Ionicons" import { defaultFontText as Te..

React Native FlatList 컴포넌트란 - 많은 양의 스크롤이 필요한 리스트 아이템을 보여줄 때 사용하는 리액트 네이티브 컴포넌트 - 데이터가 화면을 벗어났을 때 Scroll을 생성하여 벗어난 부분을 볼 수 있게 해주는 와 달리 FlatList는 더 많은 기능이 있다. - 데이터 길이가 가변적이고 데이터 양을 예측할 수 없는 경우 사용하기 적절하다. FlatList 사용법 - data, renderItem 두 가지 prop만 이해하면 된다. data는 리스트 소스를 담는 prop, renderItem은 data로 받은 소스들 그 각각의 item을 랜더시켜주는 콜백함수이다. - keyExtractor는 각각의 item에 고유의 키를 부여하는 역할을 수행한다. 나는 이번 프로젝트 UI중 여러 목록..

이번 2강에서는 저번에 만든 앱에 MongoDB를 연결하는 실습을 진행했습니다. 🤍MongoDB Cluster 생성 1.MongoDB 홈페이지에 접속 2. 회원가입을 해줍니다. 3. Free로 선택해 줍니다. 4. aws, 가장 가까운 도시(필리핀)으로 선택하고 create해주면 끝. 5. Connect your application 선택 6. application code를 복사해 옵니다. 🤍monoose 설치 & MongoDB 연결 npm install monoose --save 명령어를 입력해 주면 package.json dependencies에 "monoose"가 추가된다는데... 나는 아래와 같이 뜨고 ㅠㅠ추가가 되지 않는다...그래서 설치가 된 건지 안 된 건지 모르겠다... 2시간 째 삽질 ..

스크립트 요소(Scripting Element) 1. 스크립트 요소 의미 -JSP 페이지에서 여러 가지 동적인 처리를 제공하는 기능 -기호 안에 자바 코드로 구현함. -기호를 스크립틀릿이라고 부름. 2. 종류 1)선언문(declaration tag) -JSP에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용 -선언문 안의 멤버는 서블릿 변환 시 서블릿 클래스의 멤버로 변환됨. 2)스크립틀릿(Scriptlet Tag) -JSP에서 자바 코드를 작성할 때 사용 ==> EL -주로 초기 웹 페이지에서 동적인 기능을 구현하기 위해 사용됨. 3)표현식(Expression Tag) -JSP에서 변수의 값을 출력할 때 사용 -자바에서 System.Out.Println() 과 같은 의미 1 2 3 4 5 6 7 ..