본문 바로가기

분류 전체보기727

C#에서 NSoup을 이용한 HTML 파싱하기 NSoup은 JSoup의 닷넷 버전입니다. HTML과 XML을 파싱할 때 번거롭게 XPath를 사용하지 않아도 됩니다. 간편하게 HTML의 class, id, name 등을 이용하여 쉽게 Element를 찾을 수 있답니다. C# 프로젝트의 NuGet에서 NSoup을 설치하세요. 심플한 NSoup 예제입니다. // 위키에 연결하며, Timeout은 5초로 지정합니다. Document doc = NSoupClient.Parse(new Uri("https://en.wikipedia.org/"), 5000); // HTML의 타이틀입니다. Debug.WriteLine(doc.Title); // id가 mp-itn인 태그 하위에 b태그의 하위 a태그 Elements 추출 Elements newsHeadlines .. 2021. 4. 6.
React-Native 0.64.0 화면간 데이터(파라미터) 전달하기 React-Native에서 화면간 데이터 즉 파라미터를 전달하는 방법입니다. 모듈 버전 react-native : 0.64.0 파라미터 전달 여러 데이터(파라미터)를 JSON으로 전달하면 됩니다. this.props.navigation.navigate('SCREEN_ID', {paramName1:paramValue1, paramName2:paramValue2, ...}); 파라미터 받기 this.props.route.params.paramName1 this.props.route.params.paramName2 ... 예제 (1) 데이터 전달하기 import React, { Component } from 'react'; import { View, Text, Button, TextInput } from 'r.. 2021. 4. 5.
Google 애드센스 앱 다운로드 Google의 애드센스 앱이 구글 플레이에서 검색이 되지 않고 있습니다. 애드센스에서 애드몹의 수익 확인이 분리되면서 구글 플레이에서 사라진 것 같네요. 공식적으로 애드센스 앱은 더이상 지원되지 않는다고 하지만 지금도 사용가능합니다. 다운로드는 아래의 링크에서 가능합니다. https://play.google.com/store/apps/details?id=com.google.android.apps.ads.publisher 2021. 4. 5.
react-native 0.64.0 화면간 이동 react-native를 개발 할 때 항상 느끼는거지만 버전에 따른 개발이 달라져서 힘들었습니다. 반드시 버전을 확인해서 개발에 적용하시길 바랍니다. 모듈 버전 react-native : 0.64.0 @react-navigation/native : ^5.9.4 @react-navigation/stack : ^5.14.4 react-native-gesture-handler : ^1.10.3 react-native-safe-area-context : ^3.2.0 react-native-screens : ^3.0.0 모듈 설치 npm install @react-navigation/native npm install @react-navigation/stack npm install react-native-safe-.. 2021. 4. 4.
안드로이드 스튜디오에서 다국어 작업하기 한국어로 개발된 안드로이드 앱에 영어를 추가하려고 합니다. 기본언어가 한국어로 되어있는데 이것을 영어로하고, 한국어를 추가하려고 합니다. 안드로이드 스튜디어의 Translations Editor를 이용하여 언어를 추가하여 다국어 지원을 하는 방법입니다. 1. res/values/string.xml을 엽니다. 2. 상단의 Open Editor를 클릭하여 Translations Editor를 엽니다. 3. Translations Editor에서 한국어를 추가합니다. 4. 다국어 작업을 합니다. - Defalut Value : 영어 - Korean : 한국어 ※ 다국어 테스트는 폰의 언어를 바꾸어서 진행 하시며 됩니다. 2021. 3. 31.
마이크로소프트 엣지 브라우저 무료 게임 서핑 마이크로소프트의 엣지 브라우저에 무료로 할 수 있는 게임 서핑에 대해서 소개합니다. 심심 할 때 시간 때우기에 무지 좋습니다. 엣지 브라우저 주소에 "edge://surf/"를 입력하며 게임을 할 수 있습니다. 좌우 방향키로 서퍼를 골라보세요. 스페이스바를 누르면 게임이 시작되는데, 방향키 좌(←)우(→)로 방향을 정하고 직진은 ↓방향키 , 정지는 ↑ 방향키입니다. 시작할때 번개는 꼭 먹고 시작하세요. 나중에 문어가 따라올 때 F 키를 누르면 속도가 빨라집니다. 서핑을 즐겨볼까요~~ 2021. 3. 29.
React-Native 0.62.2에서 iOS 14에 이미지 표시 안되는 현상 해결 방법 React-Native 0.62.2에서 iOS 14에 이미지가 표시되지 않는 현상이 발생합니다. 아마도 0.62.x에서 동일하게 발생하는 것을 생각됩니다. 이 문제를 해결하기 위해서 구글링을 했는데, React-Native 0.62.2 모듈의 소스를 수정해야 해결이 됩니다. React-Native 0.62.2 모듈의 소스를 수정하고 싶지 않지만 해결책이 보이지 않아 수정하여 해결했습니다. /node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m 에서 "if (_currentFrame)" 를 찾아서 수정해야 합니다. [수정 전 소스] if (_currentFrame) { layer.contentsScale = self.animatedImage.. 2021. 3. 29.
React-Native iOS 개발을 위한 VMWare Play 설정 iOS 앱은 React-Native로 윈도우즈에서 코딩을 하고 VMWare Play의 macOS에서 컴파일 하고 있습니다. 최적의 VMWare Play 환경은 아니지만 나름대로 사용하고 있는 VMWare Play의 설정을 설명 없이 화면만 캡쳐하여 알려드리겠습니다. 1. 하드웨어 2. 옵션 2021. 3. 28.
React-Native Execution failed for task ':app:mergeDexDebug' React-Native 안드로이드 아래의 컴파일 오류 시 처리 방법입니다. [오류] Execution failed for task ':app:mergeDexDebug'. > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade > com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: [해결방법] /android/app/build.gradle 에 아래의 내용을 추가 후 컴파일 하세요. android { ... defaultConfig { ... multiDexEnabled true } ... 2021. 3. 28.
React-Native error: package android.support.annotation does not exist React-Native 안드로이드 컴파일 시 아래와 같이 오류가 발생해서 구글링해서 해결책을 찾았습니다. 참고하세요. [오류] ...\node_modules\react-native-admob\android\src\main\java\com\sbugert\rnadmob\RNAdMobBannerViewManager.java:4: error: package android.support.annotation does not exist import android.support.annotation.Nullable; [해결방법] npm install --save jetifier npx jetify npx react-native run-android 2021. 3. 28.
React-Native : 애드몹(AdMob) iOS 14 적용하기 iOS 14에서 고주용 식별자(IDFA)에 액세스하려는 앱의 경우 앱 추적 투명성(ATT) 프레임워크라는 메시지를 통해 사용자에게 액세스 권한을 요청해야 합니다. 애드몹 사이트에서 아래와 같이 2가지 알림이 표시되는데 해당 건을 처리하는 방법입니다. [권한 요청 화면] [React-Native 모듈 버전] react : "16.11.0" react-native : "0.62.2" react-native-admob : "2.0.0-beta.6" 1. Info.plist 수정 (1) SKAdNetworkItems 추가 SKAdNetworkItems SKAdNetworkIdentifier cstr6suwn9.skadnetwork { this.state.banner = ; this.setState(this.st.. 2021. 3. 27.
SlickGrid 새로운 Row 추가하기 SlickGrid에 새로운 Row를 추가하는 방법입니다. 1. 새로운 Row를 추가하는 Javascript 함수를 추가합니다. function addRow(){ var data = grid.getData(); data.splice(data.length,0,{no: null, title: null, creator: null}); grid.invalidateRow(data.length); grid.updateRowCount(); grid.render(); grid.scrollRowIntoView(data.length-1) } 2. HTML 에 새로운 Row를 추가하는 버튼을 추가합니다. 3. 전체 소스입니다. 2021. 3. 26.
맥OS 하드디스크 용량 확인하기 맥OS에서 하드디스크의 용량을 확인하는 방법입니다. 1. 좌측 상단의 사과아이콘 > 이 Mac에 관하여를 클릭합니다. 2. 상단 중간에 저장 공간을 클릭합니다. 3. 분석이 끝나면 저장 공간을 확인 할 수 있습니다. 2021. 3. 25.
KT엠모바일 - 지니뮤직 스마트 음악 감상 3개월 이용권 등록하기 알뜰폰 KT엠모바일에서 지니뮤직 3개월 이용권이 문자로 왔습니다. 지니뮤직 앱에서 이용권을 등록하는 방법을 알려드릴께요. 1. 아래와 같이 문자로 받은 이용권 코드를 복사합니다. 2. 지니 뮤직 앱을 실행하고 로그인 후, 오른쪽 하단의 전체메뉴를 터치합니다. 3. 전체 메뉴의 제일 끝에 상품권 등록을 터치합니다. 4. 상품권 등록에서 상품권 번호에 이용권 코드를 붙여넣고, 확인을 터치하면 이용권 등록이 끝납니다. 이제 3개월동안 무료로 음악을 감상해보세요. ^^ ※ 이용권 등록 여부는 내정보에서 아래와 같이 확인 가능합니다. 2021. 3. 24.
멜론 이용권 해지 방법 멜론의 이용권 구입은 쉽지만 해지는 여러 단계를 지나야 해지가 가능합니다. 메론의 이용권 해지 방법입니다. 1. 메론에 로그인 후 오른쪽 상단의 계정을 클릭합니다. 2. 오른쪽 상단에 멜론이용권/결제정보를 메뉴를 클릭합니다. 3. 멜론 이용권/결제정보의 이용권해지신청을 클릭합니다. 4. 계정의 비밀번호를 입력 후 확인을 클릭합니다. 5. 멜론 이용권의 해지신청의 신청하기 버튼을 클릭합니다. 6. 여기서 조금 혼란이 오는데, 여러가지 혜택과 이벤트가 나열되고 제일 밑에 해택 포기할래요를 클릭해야 합니다. 7. 멜론 이용권의 해지신청 번튼을 클릭합니다. 8. 드디어 이용권 해지를 할 수 있는 화면입니다. 하단의 확인 번트을 클릭하면 이용권이 해지됩니다. 9. 이용권 해지 신청이 정상적을 되었다는 확인 내용이.. 2021. 3. 21.
MS워드 한페이지만 가로로 만들기 MS 워드에서 한페이지만 가로로 만드는 방법입니다. 1. 가로로 표시 할 영역을 선택합니다. 2. 페이지 레이아웃 > 여백 > 사용자 지정여백 메뉴를 클릭합니다. 3. 페이지 설정 화면에서 용지방향을 가로로 선택하고, 적용대상을 선택한 텍스트로 지정 후 확인을 클릭합니다. 4. 아래와 같이 선택한 텍스트가 가로로 표시됩니다. 2021. 3. 18.
파워포인트 가로 세로 슬라이드 변경하기 파워포인트의 슬라이더를 가로 또는 세로로 변경하는 방법입니다. 1. 디자인 > 슬라이드 방향 > 세로 메뉴를 클릭하면 가로 슬라이더가 세로로 변경됩니다. 2. 가로 슬라이더가 아래와 같이 세로로 변경되었습니다. ※ 파워포인트의 기본 슬라이드 크기가 아닌 사용자 크기는 디자인 > 페이지 설정 메뉴를 클릭하면, 페이지 설정 화면이 표시되는데 페이지 설정 화면에서 원하는 화면의 크기를 지정하면됩니다. 2021. 3. 17.
Could not download aapt2-windows.jar (com.android.tools.build:aapt2:3.2.0-4818971): No cached version available for offline mode 아래와 같은 오류가 갑자기 발생해버렸습니다. Could not download aapt2-windows.jar (com.android.tools.build:aapt2:3.2.0-4818971): No cached version available for offline mode Gradle이 Offline Mode로 설정이 되어있어 해당 Jar를 다운로드 할 수 없어서 발생한 오류입니다. [Offline Mode 해제] 1. View > Tool Windows > Gradle 메뉴를 선택합니다. 2. Offline Mode 토글 버튼을 해제로 변경 후 다시 컴파일 합니다. ※ 아래와 같이 Gradle Offline Mode 해제 할 수 있습니다. 2021. 3. 16.
파워포인트 도형에 해칭(패턴) 넣기 파워포인트에서 도형의 내부를 해칭(패턴)을 넣는 방법입니다. 1. 도형을 선택 후 마우스 우클릭하여 팝업 메뉴에서 도형 서식을 클릭합니다. 2. 도형 서식의 채우기에서 패턴 채우기를 선택하고 해칭(패턴)을 선택합니다. 패턴의 색과 배경색도 지정이 가능합니다. 3. 아래와 같이 도형에 해칭(패턴)이 표시됩니다. 2021. 3. 16.
다이소 미러 디지털 탁상시계(품번 1013198) 설명서 다이소에서 미러 디지털 탁상시계를 5천원에 구입했습니다. 생각한 것보다 디자인도 깔끔 심플해서 좋네요. 동봉되어있는 설명서를 포스팅합니다. 2021. 3. 13.
[JS] SlickGrid 다중정렬(Multi Sort)하기 SlickGrid의 타이틀을 클릭하며 정렬이 되는데 다중정렬을 구현해보도록 하겠습니다. SlickGrid에서 다중정렬 동작은 첫번째로 컬럼을 정렬 후 시프트 키를 누르고 타이틀을 클릭하면 다중정렬이 됩니다. 1. 컬럼 정의에 정렬 할 컬럼에 "sortable: true"를 지정합니다. var columns = [ {id: "no", name: "No", field: "no", sortable: true}, {id: "title", name: "Title", field: "title", width:300, sortable: true}, {id: "creator", name: "Creator", field: "creator", width:150, sortable: false} ]; 2. Grid 옵션에 "m.. 2021. 3. 13.

티스토리툴바