개발/React Native

[리액트 네이티브(React Native, RN)] 기기 글자 크기 조정 제한하는 방법

의존성 버전 (dependencies version) "expo": "~36.0.0", "react": "~16.9.0", "react-dom": "~16.9.0", "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz", 리액트 네이티브 앱을 개발하다보면 디바이스에서 설정하는 글자 크기와 스타일에 따라서 애플리케이션 폰트 사이즈가 조정되는 것을 볼 수 있습니다. 우리가 사용하는 디바이스는 디바이스 별로 설정에서 글자 크기와 스타일을 조정할 수 있는 기능을 제공합니다. 문제는 글자 크기와 스타일에서 조정하는 크기들이 애플리케이션의 폰트 사이즈까지 반영이 된다는 점입니다. (물론 폰트 크기 조정을 제한하는 것은 좋은 ..

투자/삼성전자우 모으기

[투자일지 #32] 하루에 1~2주씩 개미처럼 삼성전자우(삼전우) 모으기 [44/2000]

👏 오늘도 어김없이 삼전우를 매수하다 오늘 삼성전자우(삼전우) 주식 매수 가격은 50,100원. 오늘 종가가 50,600원임을 감안하면 아주 훌륭한 매수 가격이라고 생각한다. 오늘 장중에서 가장 싼 금액으로 매수해서 굉장히 기분이 좋다. 회사에서 일하면서 신경을 쓸 수 없어서 50,100원에 매수를 걸어놨는데 매수가 되었고 이 금액이 최저가라니.. 오늘 아주 되는 날인 것 같다. 💵 보유현황 현재까지 삼성전자우(삼전우) 주식을 총 44주를 보유하고 있다. 현재 평가손익은 138,894원을 기록하고 있고, 매수 평균단가는 47,315원이다. 손익률은 6.67%로 준수한 수익률을 보이고 있다. 이번주에 50주를 목표로 매수를 했지만 최근에 삼성전자우(삼전우) 주식이 많이 올라버려서 매수를 못했다. 마음껏 매..

투자/리츠(REITs)

[리츠투자] NH프라임리츠 아직 투자할만한 가치가 있을까? 향후 전망은?

최근 SK그룹 계열의 부동산 디벨롭퍼, SK디앤디가 리츠(REITs·부동산 투자회사) 상장 절차를 준비하면서 시장의 관심이 커지고 있습니다. SK디앤디는 상업용 부동산과 물류센터 등을 포함한 재간접펀드를 선보일 예정이라고 합니다. 현재 SK디앤디처럼 재간접 투자형 리츠로 구성되어 있는 상품들 중에 대표적인 상품에는 NH프라임리츠가 있습니다. 오늘은 NH프라임리츠에 대해서 살펴보고, NH프라임리츠와 같은 재간접 리츠는 무엇인지, 그리고 어떤 장점과 단점이 있고 향후 전망이 어떤지를 다뤄보도록 하겠습니다. 들어가기 전에 다른 리츠 상품에 대해서 궁금하다면? 코람코에너지플러스리츠 현재 투자할만한 가치가 있을까? 배당률, 배당일 그리고 전망 신한알파리츠 현재 투자하기 괜찮을까? 이리츠코크렙 현재 투자하기 적합할..

개발/Javascript

자바스크립트에서 CSS 미디어쿼리(Media Queries)를 활용해보자 (How To Use Media Queries in JavaScript) - matchMedia

반응형 웹사이트를 개발할 때 CSS 미디어쿼리를 활용해서 사용자의 화면 크기에 따라서 스타일을 적용했습니다. 하지만 종종 자바스크립트에서도 이러한 반응형에 따른 분기처리될 로직이 존재합니다. 그에 따라서 매번 스타일 따로 자바스크립트 로직 따로 분기처리를 해가면서 작업을 하기에는 굉장히 번거롭고 까다롭습니다. CSS에서 반응형 웹을 개발하기 위해 자주 사용하는 기능인 미디어쿼리(Media Queries)! 자바스크립트에서도 사용할 수 있는 것 알고 계셨나요? 자바스크립트(JavaScript)에도 CSS의 미디어쿼리(Media Queries)와 같은 matchMedia 메서드가 존재합니다. 오늘은 자바스크립트에서 CSS 미디어쿼리를 활용하는 방법에 대해서 알아보도록 하겠습니다. 구문 mqList = win..

개발/React Native

[리액트 네이티브(React Native, RN)] 앱과 웹뷰(Webview) 사이에서 인터페이스를 활용해 커뮤니케이션(통신)하는 방법(react native communicate between app webview)

리액트 네이티브(React Native, RN)에서 코드를 구현하다보면 웹뷰(Webview)와 커뮤니케이션을 해야되는 상황이 생기는데요. 이때 리액트 네이티브에서는 인터페이스(Interface)를 활용해서 웹뷰와 커뮤니케이션(통신)을 할 수 있게 제공해주는 기능들이 존재합니다. 이번 포스팅에서는 이러한 기능을 소개하고, 앱 부분에서 처리하는 부분과 웹뷰에서 처리하는 부분을 나눠서 설명을 하도록 하겠습니다. 웹뷰 -> 앱 웹뷰(Webview) / 웹 코드 onMessage 이벤트를 활용한 간단한 예시를 다뤄보도록 할까요? onMessage 이벤트가 발생하는 조건은 웹뷰에서 ReactNativeWebView.postMessage가 실행되어야 됩니다. ReactNativeWebView.postMessage의 ..

투자/리츠(REITs)

[리츠 투자]이리츠코크렙 현재 투자하기 적합할까? (이리츠코크렙 투자 정보, 배당일, 주가, 배당금 총정리)

들어가기 전에 다른 리츠 상품에 대해서 궁금하다면? 코람코에너지플러스리츠 현재 투자할만한 가치가 있을까? 배당률, 배당일 그리고 전망 신한알파리츠 현재 투자하기 괜찮을까? 롯데리츠 분석, 현재 적합한 투자인가? 이지스레지던스리츠 전망, 투자원금 손실 가능성이 확 낮아졌다는데 과연?? 제이알글로벌리츠(JR글로벌리츠) 전망, 배당률이 이렇게 높다고? NH프라임리츠 아직 투자할만한 가치가 있을까? 모두투어리츠 현재 투자할만한 가치가 있을까? 배당금과 배당일 그리고 앞으로 전망 이지스밸류리츠(이지스밸류플러스리츠) 현재 투자할만한 가치가 있을까? 회사개요 이리츠코크렙은 (주)이랜드리테일이 운영하고 있는 유통점을 통해 안정적인 임대료를 수취하고 수익을 주주에게 배분하는 부동산투자신탁회사로 2018.6월 유가증권시장..

개발/Nuxt.js

nuxt/gmap에서 height 100% 적용하는 방법(google map 100 height)

nuxt/gmaps 모듈은 nuxt(vue ssr) 프로젝트에서 간단하게 구글맵을 사용할 수 있게 해주는 라이브러리입니다. nuxt/gmaps에서 부모 요소의 높이값에 따라서 구글맵의 높이값을 가변으로 적용하는 방법을 소개합니다. Gmap 컴포넌트에는 구글맵이 렌더링됩니다. Gmap 컴포넌트는 기본적으로 구글맵의 높이값을 400px로 고정적으로 렌더링합니다. 이 값을 부모요소의 높이에 따라서 가변으로 변경하는 방법이 존재합니다. 부모 요소에 position속성을 relative로 세팅한 후 내부 Gmap__Wrapper 클래스 요소에 position속성을 absolute로 적용합니다. .gmap-holder 높이값에 따라서 구글맵 영역이 확장되는 예시입니다. 기본적인 google maps 라이브로리를 활..

투자/리츠(REITs)

[리츠 투자]롯데리츠 분석, 현재 적합한 투자인가? (배당금, 배당일 그리고 앞으로의 방향)

들어가기 전에 다른 리츠 상품에 대해서 궁금하다면? 코람코에너지플러스리츠 현재 투자할만한 가치가 있을까? 배당률, 배당일 그리고 전망 신한알파리츠 현재 투자하기 괜찮을까? 이리츠코크렙 현재 투자하기 적합할까? (이리츠코크렙 투자 정보, 배당일, 주가, 배당금 총정리) 이지스레지던스리츠 전망, 투자원금 손실 가능성이 확 낮아졌다는데 과연?? 제이알글로벌리츠(JR글로벌리츠) 전망, 배당률이 이렇게 높다고? NH프라임리츠 아직 투자할만한 가치가 있을까? 모두투어리츠 현재 투자할만한 가치가 있을까? 배당금과 배당일 그리고 앞으로 전망 이지스밸류리츠(이지스밸류플러스리츠) 현재 투자할만한 가치가 있을까? 회사개요 회사명 롯데위탁관리부동산투자회사 주식회사 (“롯데리츠”) 자본금 859억원(2019.12.31 기준) ..

투자/리츠(REITs)

[리츠 투자]신한알파리츠 현재 투자하기 괜찮을까? 최근 현황에 대해서 알아보자 (배당일, 배당률 그리고 전망까지)

보통 배당금을 받는 목적으로 배당주에 투자를 할 때 어떤 곳에 많이 투자할까요? 배당수익률이 높은 맥쿼리인프라 같은 고배당주에도 투자를 하지만 리츠라는 상품에 투자를 해서 높은 배당 수익률을 거둘 수 있습니다. 오늘은 리츠 상품 중에 신한금융그룹이 만든 첫 번째 리츠인 신한알파리츠에 대해서 다뤄보도록 하겠습니다. 들어가기 전에 다른 리츠 상품에 대해서 궁금하다면? 코람코에너지플러스리츠 현재 투자할만한 가치가 있을까? 배당률, 배당일 그리고 전망 이리츠코크렙 현재 투자하기 적합할까? (이리츠코크렙 투자 정보, 배당일, 주가, 배당금 총정리) 롯데리츠 분석, 현재 적합한 투자인가? 이지스레지던스리츠 전망, 투자원금 손실 가능성이 확 낮아졌다는데 과연?? 제이알글로벌리츠(JR글로벌리츠) 전망, 배당률이 이렇게..

투자/삼성전자우 모으기

[투자일지 #31] 하루에 1~2주씩 개미처럼 삼성전자우(삼전우) 모으기 [43/2000]

👏 오늘도 어김없이 삼전우를 매수하다 오늘 삼성전자우(삼전우) 매수 가격은 50,200원. 오늘 시장 종가보다 100원 비싼 가격으로 매수했다. 제주도 휴가를 다녀오고 첫 매수를 했는데 5만원이 넘는 금액으로 매수하게 되다니.. 너무 비싼 금액이다.. 삼전우 3만원대로 내려와야 마음껏 매수할텐데.. 그런 기회를 주진 않겠지.. 그래도 오늘도 삼전우 모으기를 이행했다. 이번주에는 삼성전자우(삼전우) 주식 꼭 50주를 채울 것이다. 💵 보유현황 현재 삼성전자우(삼전우) 주식을 총 43주 보유하고 있다. 손익률은 6.03% 그리고 평가손익은 122,550원이다. 현재 2,154,300원으로 200만원을 넘기고 있다. 평가손익이 122,550원을 감안하면 현재까지 200만원 가까이 삼성전자우(삼전우) 주식을 매..

개발/Javascript

자바스크립트(Javascript)로 정말 쉽게 클립보드 복사하기 기능 구현하는 방법

대부분의 사이트에서 URL을 공유하기 위해 텍스트 클립보드 카피 기능을 제공하고 있습니다. 제가 예시로 든 Ant Design 말고도 정말 많은 서비스에서 이렇게 사용자들에게 편리함을 제공하기 위해 클립보드 복사를 애용하고 있습니다. 이렇게 간편한 클립보드 기능은 직접 구현하는 방법도 있고 clipboard.js라는 라이브러리를 활용해서 쉽게 구현하는 방법도 있습니다. 하지만 직접 구현하는 방법도 굉장히 간단하기 때문에 굳이 라이브러리를 설치하지 않고 직접 구현하는 것도 좋은 방법이라고 생각합니다. 중요한 점은 ClipboardAPI는 WEB API 최신 스펙을 기준으로 사용되고 있으므로, 아직 지원되지 않는 브라우저가 많은 점은 유의해야합니다. 브라우저 호환성 WEB API 최신 스펙을 기준으로 사용되..

개발/Third-party

카카오톡 링크 공유 API ErrorCode(4002) 에러 간단하게 해결하는 방법 (Javascript SDK 카카오톡 링크 공유 API)

카카오톡 링크(Kakaotalk link) 공유 API를 사용하다보면 ErrorCode(4002)를 맞이하는 순간이 올 수 있습니다. 해당 에러코드는 카카오 개발자에 해당 프로젝트에서 사용하는 플랫폼에서 현재 도메인을 허용하지 않았기 때문에 발생하는 이슈입니다. 이슈는 아래와 같은 화면으로 노출됩니다. 카카오 로그인을 구현할 때 했던 작업과 동일하게 웹 플랫폼에 사이트 도메인을 추가해야 합니다. 사이트 도메인을 추가하는 방법을 모르시는 분은 애플리케이션 등록 가이드를 참고해서 반영하면 됩니다. 사이트 도메인과 포트까지 정확하게 일치해야 카카오에서 제공하는 Javascript SDK의 API에서 제공하는 기능들을 사용할 수 있습니다. 문제의 해결 포인트는 카카오 개발자에서 등록한 프로젝트에서 사용하는 플랫..

개발/React Native

리액트 네이티브(React Native, RN)에서 카카오맵(Kakao 지도) API 사용하는 방법

Dependencies version react-native-webview@8.1.2 react-native@0.61.4 expo@~36.0.0 리액트 네이티브(React Native, RN)에서 카카오지도를 사용하는 방법은 웹뷰(Webview)를 활용하면 아주 간단하게 구현할 수 있습니다. 우선 react-native-webview 모듈을 사용해서 WebView 컴포넌트를 추가합니다. 저는 Location의 이름을 가진 stateful component를 생성하겠습니다. // react native screen view import { WebView } from "react-native-webview"; export default class Location extends Component { ... r..

투자/삼성전자우 모으기

[투자일지 #30] 하루에 1~2주씩 개미처럼 삼성전자우(삼전우) 모으기 [42/2000]

👏 오늘도 어김없이 삼전우를 매수하다 오늘의 삼성전자우(삼전우) 매수 가격은 49,650원. 나름 5만원 아래에 형성된 가격에 잘 매입했다. 오늘 고가가 50,400원임을 감안하면 오늘 하루중에 합리적인 가격으로 매입했다고 생각한다. 삼성전자우(삼전우) 평균 단가가 더이상 오르지 않았으면 좋겠다. 가격이 오르면 그만큼 개수를 확보를 못하기 때문이다. 지금 최대한 저렴한 가격으로 개수를 최대한 늘려야 되는데 꾸준히 우상향하면서 가격이 올라 개수를 모으는데 조금 힘들어지고 있다. 이러다가 삼전우 주가가 6만원까지 가는게 아닐련지... 물론 주가가 오르면 삼전우 가치가 높게 평가되어서 나쁠건 없지만 나는 장기투자 개념으로 가지고 가는거라서 모으는 초반인 지금은 최대한 싼 금액으로 개수를 늘리는게 목적이라 가격..

일상/컴퓨터 관련 팁

맥북(Mac)에서 와이파이(Wi-Fi, WiFi) 비밀번호 쉽게 확인하는 방법

맥북(Mac)을 사용하다 보면 와이파이(Wi-Fi) 비밀번호를 역으로 찾게되는 경우가 생깁니다. 예를 들면, 회사나 집 컴퓨터에 등록된 와이파이 비밀번호를 다른 디바이스 (핸드폰, 태블릿)에 연결하기 위해서 다시 비밀번호를 찾던가, 기억해야되는 경우가 있죠. 보통 공용 와이파이 비밀번호가 가까운 곳에 적혀있다면 비밀번호를 확인하고 치면 끝나겠지만, 만약 비밀번호가 가까운 곳에 공유되어 있지 않고 내가 따로 어디에 연락을 해서 받아야 된다면? 매우 번거롭고 귀찮겠죠? 다른 경우에 만약 집에서 임의로 설정한 와이파이 비밀번호를 까먹었다면? 다시 와이파이 공유기를 재설정하고 비밀번호를 다시 세팅한다는 것은 정말! 귀찮은 일입니다. 그럴 경우에 굉장히 간단하게 와이파이 비밀번호를 찾을 수 있는 방법이 있습니다...

투자/삼성전자우 모으기

[투자일지 #29] 하루에 1~2주씩 개미처럼 삼성전자우(삼전우) 모으기 [41/2000]

👏 오늘도 어김없이 삼전우를 매수하다 오늘 삼성전자우(삼전우) 매수 금액은 49,800원. 종가 50,000원임을 감안하면 고가로 매입 안했으니 괜찮은 가격으로 매수한 것 같다. 현재 평균단가가 47,120원이니까 양호한 금액으로 매수한 편이다. 하지만 평균단가가 원래 4만 6천원대에 있었는데 이제 4만 7천원까지 올라왔으니 이 부분은 너무 아쉽다. 💵 보유현황 현재 삼성전자우(삼전우) 주식 개수는 총 41개가 되었다. 현재 2,050,000원의 가치를 내고 있고 손익률 6.11%, 평가손익 118,100원으로 괜찮은 흐름으로 가고 있다. 가지고 있는 맥쿼리인프라는 하루에 50원씩 떨어지는 것 같은데, 역시 삼성전자우(삼전우)의 주가는 떨어질 기미가 안보인다. 이런 흐름이면 연말에 약 200주 정도를 보..

개발/Javascript

자바스크립트(Javascript, Node.js)에서 랜덤 문자열 생성하는 방법(Generate random string/characters in JavaScript)

자바스크립트(Javascript, Node)에서 랜덤 문자열을 간단하게 생성하는 방법은 uuid 모듈을 활용하면 됩니다. uuid 모듈의 v4활용하면 간단하게 랜덤 문자열을 생성할 수 있습니다. 자세한 내용은 여기에서 문서를 참고하세요. // ES6 module syntax import { v4 as uuidv4 } from 'uuid'; var id = uuidv4(); // "110ec58a-a0f2-4ac4-8393-c866d813b8d1" // CommonJS syntax const { v4: uuidv4 } = require('uuid'); uuidv4(); // ⇨ '1b9d6bcd-bbfd-4b2d-9b5d-ab8dfbbd4bed' 만약 의존성없이 코드를 구현하고 싶으시다면, 아래와 같이 직..

개발/기타

웹 브라우저 별 query parameter(url querystring) 최대 길이 제한

웹 브라우저마다 서로 다른 query parameter limit 정책을 가지고 있습니다. query parameter를 다룰 때는 지원하는 웹 브라우저의 이러한 최대 길이 제한에 대해서 숙지하고 작업을 하는 것이 안전합니다. Microsoft Internet Explorer (Browser) Microsoft states that the maximum length of a URL in Internet Explorer is 2,083 characters, with no more than 2,048 characters in the path portion of the URL. Attempts to use URLs longer than this produced a clear error message in In..

개발/React Native

[리액트 네이티브(React-Native RN)] Expo에서 localhost webview 사용하는 방법

리액트 네이티브(React-Native RN)에서 localhost webview를 구성해야될 때가 있습니다. 웹뷰를 좀 더 편하게 디버깅하기 위해서도 있고, 좀 더 효율적으로 개발환경을 구성하기 위해서도 꼭 필요한 작업입니다. 하지만 단순하게 웹서버에서 열어준 localhost:{PORT}로 webview uri를 구성하면 아래와 같은 에러를 맞이하게 됩니다. Error loading page Domain: undefined Error: Code: -6 Description: net::ERR_CONNECTION_REFUSED 정말 간단하게 리액트 네이티브 웹뷰에서 우리가 구성하려는 웹뷰 로컬환경을 설정하는 방법은 웹뷰 개발 환경을 실행하기 전에 HOST=0.0.0.0을 설정하는 것입니다. // pack..

블로그/애드센스 수익

[티스토리 애드센스 수익공개 #2] 월간 방문수 40% 증가! 수익은 어느정도 상승되었을까? 애드센스 수익 공개!

[티스토리 애드센스 수익공개 #1] 티스토리 블로그 월 방문자 1만명 달성! 애드센스 수익 전격 공개 1편에 이어서 7월 애드센스 수익 결산을 통해 2편을 작성하게 되었습니다. 티스토리 블로그는 2016년부터 운영하고 있었지만 본격적으로 올해 6월부터 운영하기 시작했습니다. 본격적으로 운영하면서 블로그에서 발생하는 애드센스, 카카오 애드핏 광고 수익이 어느 정도 되는지 기록하고 싶어서 매달 이렇게 기록을 남기고 있습니다. 저번 달 저의 티스토리 블로그 통계와 수익은 여기에서 바로 확인할 수 있습니다. 짧게 요약하자면 7월달의 블로그 월간 방문자수는 저번 달에 비해서 굉장히 많은 성장을 했고, 아주 귀여운 수익이지만 그래도 나름의 수익을 내면서 저의 수익형 블로그로써의 가치를 내줬던 한 달이었습니다. 7월..