본가에 내려와서 쉰지 3달이되어갈때쯤, 관리실로 부터 연락을 받았다.

가스계량기 교체에 협조해달라는 내용이었고, 교체를 하지 않을경우 과태료를 부과할수 있다는 내용이었다. 인터넷을 검색해보니 계량에 의한 법률 시행령 제21조에 의거 매 5년마다 가스계량기를 의무적으로 교체를 해야된다고 한다. 

가스 계량기는 아래와 같이 생겼는데 계량기를 통째로 갈아서 바꿔가며, 바꾸는데는 2~3분안에 끝난다. 


[가스계량기]


나같은 경우는 가스계량기랑 보일러가 실내에 있다보니까 검침원 및 방문원일정을 조절해야된다. 계량기방문원이 왔다가고 집에 없을경우는 집문에 적힌 곳으로 연락을 해서 방문일자를 조정하는것이 좋다. 방문기사 휴대폰에 가능한 날짜 와 시간을 적어서 문자로 보냈더니 해당방문날짜 아침에 전화가 와서 수월하게 일을 처리했었던거 같다. 교체비용은 무료였다. 



블로그 이미지

클라인STR

,

아버지 차에 사용하고 있는 아이나비네비게이션ES300 업그레이드가 종료됨에따라 (2017년 11월 지도 이후로 업데이트가 종료되었으며,   재업데이트 후에도 2017년 11월 지도 버전까지만 지도 사용이 가능함.)  네비게이션을 구매하기 위해서 알아보았다. 

처음에는 가격대가 저렴안 레드아이 제품군을 살펴보았는데, 집 근처에 AS 매장이 없다보니 추후에 불편할꺼라 예상되어, 아이나비 제품을 구매하기로 하였다. 


인터넷을 검색하다가 우연히 이마트 쇼핑몰에서 네비게션을구매할경우 할인을 받을수 있다는 댓글을 우연히 발견하였다. 




내가 구매한 기종은 아이나비네비게이션 LS500 이다.


[아이나비ES300 보다는 크기는 아담한편인다.]



거치대를 따로 사지않았는데, 거치대도 같이 배송되어왔다. 


이마트쇼핑몰에서 2018년 12월안에 구매할경우 Wi-Fi DONGLE 2.1 과 햇빛가리개를 추가로 제공해준다.



추가로 2019년 1월 7일확인한 결과 이마트쇼핑몰 아이나비 해당모델 및 3개의 모델이 2019년 할인 신년할인 행사가 진행중이다. (1월 1일 ~ 1월 31일)


이마트쇼핑몰 바로가기 


참고 : http://www.ssg.com/ (이마트 쇼핑몰)


블로그 이미지

클라인STR

,

https://banking.nonghyup.com/nhbank.html 농협인터넷 뱅킹에 접속한다.


화면 오른쪽상단에 돋보기 버튼을 선택한다.


통합 검색화면에서 운세를 검색한다. 


검색결과중 최상단에 


개인인터넷뱅킹 > NH라운지 > NH라이프스토리운세 > 운세보기 를선택한다. 




원하는 내용을 선택하고 운세를 본다. 


농협인터넷 뱅킹 신한생명 운세는 고든 이라는 업체에서 동일한 운세내용을 무료로 제공한다. 




블로그 이미지

클라인STR

,




병원에서 구매했던 DGL이 떨어져서 부득이하게 인터넷으로 구매를 하게되었다.

말로만 들었던 아이허브 웹사이트에서 구매하게되었다. 


https://kr.iherb.com/ 접속해서 dgl을 검색한다. 




초콜릿 맛이 먹기 편하긴한데 하필 품절이다보니 .. 기존에 구매했던 상품을 선택하였다. 






결제를 하는도중 아래와 같은 화면이 나오면서 PCC 코드를 입력하라고 한다. 




직구를 하려면 개인통관고유 번호라는 게 있어야 한다. 


https://unipass.customs.go.kr/csp/persIndex.do# URL 로 접속하여  이름을 입력하고 주민번호를 입력하여 조회 버튼을 선택한다.




조회 완료 후 팝업창이 나타난다.




신규 발급 버튼을 누르고 개인 인적사항을 입력하고 등록버튼을 누른다.





등록후에 개인통관번호가 발급된다. 




P로시작하며 다시 결제 화면으로 돌아가 PCC 코드 입력란에 개인통관고유부호를 입력하고 결제를 완료 하면된다. 




블로그 이미지

클라인STR

,

미세먼지 농도를 표시할려는 앱을 현재 구상중인데 아래와 같은 원형차트와 비슷한느낌을 내는 라이브러리를 찾아서 소개하고자 한다.


차트 모양이 완전히 똑같진 않지만 진행상태를 원형 상태바를 유지하고 있다. 


리액트네이티브 프로젝트를 생성하고 npm 명령어를 이용하여 라이브러리를 설치한다.


npm install --save react-native-progress-circle




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import ProgressCircle from 'react-native-progress-circle'
 
export default class App extends Component {
    render() {
      return (
        <View style={{ justifyContent : 'center',  height : 60,  alignItems : 'center', flexDirection: 'column', flex : 1 }} >
            <ProgressCircle
                percent={30}
                radius={100}
                borderWidth={30}
                color="#06BF35"
                shadowColor="#CDF2D7"
                bgColor="#fff">
                <Text style={{ fontSize: 30 , fontWeight : 'bold' }}>{'30'}</Text>
            </ProgressCircle>
          </View>
      )
  }
}
cs

[App.js]


프로젝트를 실행하면 아래와 같이 Progress Cirlce 원이 실행된다.



주요속성으로는 아래와 같은속성이 있다.


percent : 진행상태를 나타낼 퍼센트 값을 입력한다. Number Type 

radius :  Circle에 크기를 나타낸다.


[radius 값이 50일때 원크기]


[radius 값이 100일때의 원크기]


borderWidth :  Circle 에 두깨를 나타낸다. 값이 클수록 두꺼워진다. 

color : border color

shadowColor : border에 백그라운드 컬러 (바로 위에 스샷은 회색이다.)

bgColor : 원안쪽에 컬러이다. (바로 위에 스샷에 30%글자 영역이 bgColor 영역이다.)



참고 

https://cmichel.io/react-native-progress-circle

https://github.com/MrToph/react-native-progress-circle#readme



블로그 이미지

클라인STR

,

npm 명령어를 사용하여 특정모듈을 설치할경우 특정버전을 설치해야되는 경우가 있다. 


npm install 라이브러리명@버전명




블로그 이미지

클라인STR

,

내가 가입한 보험금 내역을 한눈에 조회해 볼 수 있는 서비스를  찾다가 발견한 것이 내보험 찾아줌 서비스이다. 

https://cont.insure.or.kr/ 에 접속한다. 




숨은보험금 조회하기 영역을 클릭하면 다음 화면으로 넘어간다.




이름 , 휴대폰 번호 , 주민등록 번호를 입력하고 휴대폰 인증버튼을 선택한다.

간혹 아래와 같은 경고창이 뜨면서 안되는경우가 발생을 한다.  IE(익스플로러)브라우저의 경우 호환성보기를 하지않으면 문자인증후 다음화면으로 넘어가지 않는 현상이 발생하기도 했었음. 크롬에서도 잘동작한다. 대신 팝업 허용을 반드시 해주도록 하자.

https://cont.insure.or.kr/ url 새로 접속하여 다시 진행한다. 


휴대폰 인증팝업이 뜨면 휴대폰 인증을 진행하고 , 인증이 완료되면 화면이 다음으로 자동으로 전환된다. 정상적으로 처리되는 경우라면 아래와 같은 조회 결과 화면이 나타난다. 




내보험찾아줌 , 내가 가입한 보험금 내역 조회


블로그 이미지

클라인STR

,

HTML 어휘 강조 표현

HTML&CSS 2018. 11. 22. 16:34

<strong> : 내용의 중요성 (importance), 심각성 (seriousness), 긴급성 (urgency)을 강조할 경우 사용



<em> : 특정 내용의 스트레스(Stress) 강조 (Emphasis) - 문장 의미를 변경 



의미가 없는 요소 (Non Semantic Elements)

- 다른 글자와 구분하기 위한 용도 



<b> : 단순히 다른 글자와 구분된 용도로 사용.

          문서 요약의 주요 단어, 리뷰 제품 이름 등



<i> : 다른 글자와 구분된 용도로 사용, 기술적 용어, 다른 언어(목소리), 인물의 생각 등을 표현 


아래 조건에 부합하지 않을 경우 최종적으로 b 요소 사용을 고려



제목은 h1 ~ h6 요소를 사용하고, 강조는 em 요소를 사용해야하며, 중요도는 strong 요소로 표시 되어야 하고, 표시 또는 강조 표시된 텍스트는 mark 요소를 사용.



의미적으로 중요한 경우 적용 순서

<strong>, <em>

rmdhl <b>, <i>



'HTML&CSS' 카테고리의 다른 글

pt 사이즈를 px로 변환하는 방법  (0) 2018.12.16
CSS 선택자 연습 참고 사이트 [CSS Selector][CSS 연습]  (0) 2018.12.08
CSS 선택자  (0) 2018.12.07
HTML dl, dt, dd  (0) 2018.11.11
블로그 이미지

클라인STR

,