💡구현 목표 - 커스텀 공통 네비게이션헤더 컴포넌트를 생성하고 각 화면에서 타이틀, 아이콘이 다르게 렌더링되도록 하기 자식 컴포넌트로 아래 인자들을 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중 여러 목록..
블로그에 글을 적지 않았던 동안 expo -> React Native 빌드 환경을 세팅하고 아예 리액트 네이티브로 개발할 준비를 했다. 리액트 네이티브 커스텀 폰트 적용 방법 리액트 네이티브에서 외부 폰트를 적용하려면 2가지 방법이 있는데 나는 직접 폰트 파일을 추가하고 설정하는 방법을 택했다. 1. 사용할 폰트 파일 다운 ios 폴더에 fonts 라는 폴더를 만들고 다운받은 ttf 파일을 넣어준다. 2. ios 폴더 경로에 [project name].xcodeproj 혹은 [project name].xcworkspace 를 통해 xcode를 실행한다. 3. 프로젝트 우클릭 후 Add Files to [프로젝트 이름] 을 클릭한다. 4. 아까 폰트 파일을 넣어두었던 ios/fonts 폴더를 선택하고 아래..
지금까지 프로젝트를 진행하면서 모든 소스를 app.py에 모아서 작성했는데 기능이 추가될 수록 복잡해져서 여러 가지 파일로 나눠서 사용할 수 없을까? (자바 Controller처럼) 방법을 찾아보다가 이럴 때 사용하는 게 바로 블루프린트라는 것을 알게 되었다! 블루프린트(Blueprint)란? - Flask에서 제공하는 라이브러리 - 각 페이지 혹은 기능에 맞게 분류해서 사용할 수 있게 해준다. - 큰 애플리케이션을 단순화시키고 확장 프로그램과 라이브러리 등록을 위한 중심 수단으로도 사용된다. 먼저 프로젝트 구조를 Flask Blueprint 구조에 맞춰 변경했다. 원래 각 파일을 폴더별로 나누었는데 파이썬 파일은 모두 바깥으로 빼놓고 가장 상위에 run.py 그리고 __init__.py를 추가했다. 대..
크롤링이란? -웹 페이지에서 필요한 데이터를 추출해 내는 작업. BeautifulSoup 라이브러리 - HTML, XML, JSON 등 파일 구문을 분석하는 모듈. 웹 페이지를 표현하는 HTML 분석을 위해 사용함. pip install beautifulsoup4//설치 방법 목표 : 메인 화면에 실시간 주가 지수 정보를 출력해보기 API를 사용하는 방법은 앞서 뉴스 API를 활용해보았으므로 이번에는 BeautifulSoup을 활용한 웹 크롤링을 해보기로 했다. 1. 크롤링 준비 크롤링 방법은 매우 간단하다. 먼저 네이버 금융 페이지에 접속한다. https://finance.naver.com/sise/ 국내증시 : 네이버 금융 관심종목의 실시간 주가를 가장 빠르게 확인하는 곳 finance.naver.c..
지난번에 네이버 뉴스 API로 수집한 뉴스 데이터를 메인 화면에 출력해 보려고 한다. 이번 프로젝트에서 사용할 부트스트랩 테마는 RuangAdmin 이라는 테마이다. https://github.com/indrijunanda/RuangAdmin GitHub - indrijunanda/RuangAdmin: RuangAdmin - Free Admin Control Panel Themes Based on Bootstrap 4 RuangAdmin - Free Admin Control Panel Themes Based on Bootstrap 4 - GitHub - indrijunanda/RuangAdmin: RuangAdmin - Free Admin Control Panel Themes Based on Bootst..
크게 어려운 게 아닌데 꽤 애먹었던 작업..ㅎㅎ 그리고 나는 회사에서는 윈도우, 집에서는 맥북으로 작업하는데 아직도 맥북에서 오라클 19c 연동하기는 성공하지 못했다 온갖 에러를 다 겪는 중,,,일단 회사에서 INSERT 성공한 것만으로 만족하기로... 1. 오라클 19c 설치 https://www.oracle.com/database/technologies/oracle-database-software-downloads.html Database Software Downloads | Oracle Oracle Database Express Edition Previous Database Release Software Oracle Database 10.2, 11.x, 12.x, and 18c are availab..
진행 중인 파이썬 프로젝트에서 내가 맡은 파트는 경제 뉴스 기능이다. 네이버 API 중 검색/뉴스 API를 활용하여 주식 관련 뉴스를 수집하고 화면에 보여줄 것이다. 네이버 검색>뉴스 API 관련 내용 https://developers.naver.com/docs/serviceapi/search/news/news.md#%EB%89%B4%EC%8A%A4 검색 > 뉴스 - Search API 검색 > 뉴스 뉴스 검색 개요 개요 검색 API와 뉴스 검색 개요 검색 API는 네이버 검색 결과를 뉴스, 백과사전, 블로그, 쇼핑, 영화, 웹 문서, 전문정보, 지식iN, 책, 카페글 등 분야별로 볼 수 있는 API developers.naver.com 요청 URL 요청 파라미터 검색어에 해당하는 'query' 파라미터..