본문 바로가기

전체 글311

[크롤링] Python, Selenium 사용법 크롤링 - Python, Selenium Selenium 라이브러리의 핵심은, 웹 드라이버를 새로 띄워 크롤링한다는 점에 있습니다. 먼저 크롬웹드라이버를 다운받아봅니다. 크롬 버전 확인 크롬창을 켜고 주소창에 Chrome://version를 입력합니다. 크롬드라이버 다운로드 크롬드라이버를 다운받습니다. https://sites.google.com/a/chromium.org/chromedriver/downloads 사이트 이동 다운받은 크롬드라이브를, 원하는 폴더에 이동시킵시다. 제가 만든 폴더 구조는 아래와 같습니다. crawling chrome-driver chromedriver.exe crawling.py크롤링 코드 생성 먼저 selenium 라이브러리를 설치합시다. pip install seleni.. 2020. 6. 22.
Android Emulator 실행 방법 (with React native Expo) 안드로이드 스튜디오에서 에뮬레이터를 띄우는 방법을 소개합니다. 더불어 React Native 에서 실행시킨 앱을 에뮬레이터 상에서 보이게 연동시키는 방법을 알아봅니다. 먼저 https://developer.android.com/studio(안드로이드 스튜디오)에 Android Studio를 가셔서 다운받으세요. 실행시키면 아래와 같은 화면이 나옵니다. 이제 Configure 에서 SDK Manager를 클릭합니다. SDK Platform에서 Android 최신버전을 선택하고, Apply 를 눌러 설치합니다. 이번에는 SDK Tools에서 위 4 항목을 체크한 후 설치합니다. 다음으로는 AVD Manager에 들어가서, Create Virtual Device를 눌러봅시다. 나중에 구글 플레이 스토어에서 테.. 2020. 6. 20.
[React Native] Setup, Redux, Navigation 세팅 Shop App 001 1 계획 1) product overview screen : image, title, cart, detail button 2) cart detail screen 3) product detail screen 4) Navigation : shop, orders, manage products orders mange products : plus button → edit product screen 2 생성, Setup Create $ expo init wordmall Setup $ npm install --save react-native react-native-screens $ npm install --save redux react-redux react-navigation react-nav.. 2020. 6. 19.
Object Detection 예제, 설명, 코드포함 [Pytorch] Object Detection finetuing 튜토리얼 본 글은 파이토치 공식 홈페이지 튜토리얼을 토대로, 부가 개념설명과 코드설명을 한 글입니다. Object Detection 컴퓨터비전 태스크는 Classification, Semantic Segmentation, Object Detection, Instance Segmentation 등이 있다. 그 중 Object Detection은 이미지 안에 있는 물체를 구분하여 1) 물체가 무엇인지 클래스를 분류하고, 2) 이미지에서 물체 좌표를 얻는다. 보통 좌상, 우하$(x_1, y_1), (x_2, y_2)$ 좌표를 얻는다. 즉, Object Detection은 Classifcation + Localization 이다. 또한 위 두 과업을 하기위해 Mu.. 2020. 6. 14.
[React Native] Expo 없이 앱 build하기 지금은 Expo에 의존하여 빌드, 모듈, 배포를 했습니다. 하지만, 더 이상 Expo에 의존하지 않으려 합니다. 또한 앱이 규모가 커지면, 다른 배포 도구가 필요합니다. 대안 Expo는 워크플로우를 관리합니다. 세팅할 것이 하나도 없고, 사용하기 편리하고, 많은 네이티브 모듈이 빌트인 되어있습니다. Expo CLI로 제어가 가능하고, Standalone app(Expo가 필요없는)이 배포가 가능합니다. 즉, 안드로이드 스튜디오나 XCode가 기술적으로 필요하지 않습니다. Expo - Bare Workflow React Natvie CLI None-Expo App None-Expo App 여전히 엑스포 패키지 불러옴 Expo 패키지 이용가능, 매뉴얼 설정 필요 설정, 관리 쉬움 자신의 것을 관리 아무 네이.. 2020. 6. 11.
[티스토리] 코드블럭 생성, 테마, 라인넘버 끝내기 Code Block 티스토리에서 코드 블록을 생성하는 방법과 적당히 예쁘게 꾸미는 방법을 알아봅니다. 코드블록(Code block) 생성 1) 티스토리 에디터 > 더보기버튼 > 코드블럭 으로 생성하는 방법 2) 마크다운(Markdown)을 이용하는 방법 마크다운 문서를 편집하여 사용하신다면, ` 세 개로 코드를 둘러쌓으면 코드블럭을 생성할 수 있습니다. ​```javascript console.log("code block"); ​``` 위와 같이 첫번째 줄에 코드 언어도 기입할 수 있습니다. 생성한 후, 매우 기본적인 코드 블록 화면이 생성되었을 것입니다. 제 환경과는 다르게 말입니다. 그래서 이제 해볼 것은, 언어별로 코드블록 테마를 설정하고, 위 예시와 같이 코드 라인 숫자를 삽입하는 방법을 알아보겠.. 2020. 5. 16.
[React Native] 5 React Navigation 설정 Font 불러오기 $ expo install expo-font font 가 로딩되면 화면이 렌더링 되도록 구성해봅시다. 폰트가 담긴 ttf 파일을 assets/fonts 에 넣어주고, 폰트를 불러옵니다. App.js import React, { useState } from 'react'; import { StyleSheet, Text, View } from 'react-native'; import * as Font from 'expo-font'; import { AppLoading } from 'expo'; function fetchFonts() { Font.loadAsync({ 'open-sans': require('./as.. 2020. 5. 16.
[React Native] 4 반응형, 적응형 사용자 인터페이스 만들기 React Native 004 - Responsive, Adaptive User Interfaces 반응형, 적응형 사용자 인터페이스 자동적으로 모든 가능한 디바이스에 알맞은 모양으로 적용되도록 만들어 봅니다. 디바이스 차원, 방향(orientation)을 찾는 방법을 알아봅니다. 크기와 방향에 근거한 레이아웃 조정해봅니다. iOS 또는 Android 등 다른 디바이스 플랫폼을 구별하는 방법을 알아봅니다. 플랫폼 기반 적응형 코드 / UI 를 만들어봅니다. Dimension API width: '25%' 위와 같이 넓이를 정할 때는 퍼센트를 사용하는 것이 일관성있으며, minWidth, maxWidth 도 퍼센트로 지정하는 것이 좋습니다. 더 좋은 방법은 Dimensiion API를 사용하.. 2020. 5. 10.
[React Native] 3 Touchable, Modal Overlay React Native 003 - Basics 2 Touchable 컴포넌트 import { Touchable, TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, TouchableWithoutFeedback } from 'react-native'; 컴포넌트 안에도 onTouchEnd 등 다양한 속성이 많지만, 효과를 내는 조금 더 손쉬운 방법으로 react-native에서 컴포넌트를 직접가져오는 것을 추천합니다. TouchableOpacity : activeOpacity 등의 속성 지원 TouchableHighlight : underlayColor 등 속성 지원 TouchableNativeFeedback : Android 에서만.. 2020. 5. 7.
[React Native] 2 component, StyleSheet React Native 002 - Basics Core Components 리액트 네이티브에 빌드 → 리액트 네이티브에 의해 제공된 네이티브 UI 위젯으로 번역(translation) Styling CSS는 없음 Inline Styles, StyleSheet Objects (CSS 문법 기반이지만, 속성, 특징의 일부만 지원함) StyleSheet Objects를 권장 앱 구상 사소하지만, 그럼에도 불구하고 매우 중요하고 도움되는 앱을 제작해보겠습니다. 목표를 추가하는 버튼 구성, 목표 리스트 화면에 보여지고, 한 목표를 탭하면 삭제할 수 있도록 구현 중요 컴포넌트 텍스트를 작성하려면, 태그로 텍스트를 꼭 감싸주어야 함. : 텍스트, 이미지, 유저 인풋에 대한 응답 등에 사용되는 스크린 위의 작은 네모 .. 2020. 5. 7.
728x90