어느 데이터를 제공하고 있어서 어떤 데이터를 가지고 어떤 서비스를 개발할 지는 먼저 데이터 유형이 정리가 되면 더 좋을 것 같은 취지구요 이렇게 한장으로 정리함으로서 더 많은 저와 같은 유용한 정보를 제공하는 개발자 분들이 많아 졌으면 하는 바램도 있습니다.

이렇게 정리해 두고 보니 정말 많은 수의 공공데이터가 오픈되어 있는 걸 세삼 느꼈습니다. 종류도 많고 제공하는 기관도 많으니 잘 참고하시기 바랍니다. 덕분에 저도 다시 공부가 좀 되었네요.

안녕하세요 직장인 블로거 입니다. 저는 공공데이터를 가지고 어떤 서비스 정보를 제공하는 웹 사이트 개발이 취미입니다. 최근에는 7가지 언어로 주요 관광정보를 지도 베이스로 제공하는 웹 사이트를 개발하였죠.

관광정보 웹 사이트에 추가하여 다른 웹사이트 개발을 생각해 보다가 국가에서 제공하는 오픈데이터 유형을 정리해 두면 좋을 것 같아 정리해 보았습니다. 

데이터 목록

- 파일데이터 약 34천건 (2020. 05 기준)

신용 보증기금_보증비율별 보증부 대출 금리 비교

(보증부 대출에 대한 은행별 금리 비교를 통해 고객의 정책 금융 이용 편의성 향상)

국가보훈처_ 국가보훈처_보훈의료 위탁병원 코로나 119 병원 정보 현황

(보훈대상자 의료 제공 위탁병원의 코로나-19 관련 병원 운영 현황 정보 등 제공(국민안심병원, 감염병전담기관, 감염병전담기관 외래진료 정보)

전라북도_대기요염정보(이산화질소, 일산화 탄소)

(전북의 년 평균 대기오염에 관련된 정보 / 항목 : 전북의 권역, 이산화질소, 일산화탄소)

환경부_전기자동차 급속충전기 보급 현황

(전기자동차 급속충전기 연도별 보급현황(~2020년 1분기) )

한국토지주택공사_임대주택 단지별 연령대별 성별정보

(전국의 임대주택 단지내 연령대별 성별정보 제공)

- 오픈 API 약 6천건 (2020. 05 기준)

경기도 유해화학물질 취급 사업장 현황

(경기도 내의 유해화학물 취급 영업소(사업장) 현황에 대한 정보를 제공)

금융위원회_채권권리행사정보

(조기행사옵션, 옵션부채권조기상환, 옵션행사가조정내역, 옵션행사내역 정보를 제공)

금융위원회_단기금융증권발행정보

(단기기업어음발행기본정보, CD발행기본정보, 전자단기사채발행기본정보, ABCP발행기본정보등을 제공)

금융위원회_정보공개재산정보

(국가자산대분류코드명, 국가자산토지면적값, 국가자산소재지상세주소, 국가자산실태조사일자 등)

충청남도_주요 관광명소

(충청남도의 주요 관광지(명산, 해변, 역사유적지 등) 정보 제공)

- 표준 데이터 119건 (2020. 05 기준)

전국도로안내표지표준데이터

(전국 도로안내표지 정보(도로안내표지일련번호, 도로안내표지구분, 표지방향구분 등)를 제공)

전국동물보호센터정보표준데이터

(전국 동물보호센터정보(유기동물보호센터명, 구조대상동물 등)를 제공)

전국민박펜션업소표준데이터

(전국 민박/펜션업소 정보(업소명, 장소 등)를 제공)

전국도시공원정보표준데이터

(전국 도시공원정보(공원유형, 보유시설 등)를 제공)

전국무인민원발급정보표준데이터

(전국 무인민원발급정보(설치장소, 운영시간 등)를 제공)

국가중점데이터

국민의료정보

의료영상정보

교통신호정보

소비자 안전정보

수출입무역통계

교육행정정보

생태자연도평가정보

암검진자정보

국가암협력병기조사데이터

국민건강정보

국민건강알람예측정보

민원분석정보

재난관리정보

국민연금정보

철도종합정보

건축정보

부동산종합정보

부동산거래관리정보

국가공간정보

도시재생종합정보

도시계획정보

지하안전정보

공간융합정보

자동차종합정보

노동보험정보

산재판례정보

금융표준종합정보

대용량기상데이터

기상정보

통합재정정보

국고보조금정보

농수축산 경략 및 조사가격정보

농업활동지원정보

해외시장진출지원정보

교통사고정보

법령정보

임상연구정보

스마트 교통정보

사회보장정보

등산로 및 국가생물종 정보

상권정보

식의약품종합정보

부보금융회사 종합정보

한국아동패널 정보

자율주행 인식기술개발 영상정보

대중교통 이동형 IoT 통합 정보

국가종합전자조달정보

중소기업지원사업 현황 정보

선거공약정보

선거종합정보

국가통계종합정보

산업재산권 정보

고용보험정보

일자리종합정보

사업용차량운행기록정보

침수흔적도 정보

학교급식계약정보

소비자행태조사정보

전국푸드뱅크정보

산업기술정보

실시간수도정보

가뭄통합정보

공공시설물안전정보

식품안전인증정보

전통식품정보

여성가족패널조사정보

다국어5종의 음성과 영어대역문장 DB

참조표준 데이터

음식물쓰레기 정보

실내공기질정보

환경영향평가정보

수산정보

해운항만물류정보

해양환경생태정보

해양공간정보

지진대피소정보

지방행정정보

지방재정정보

도로명주소정보

생태자연도

먹는샘물안전정보

대기오염배출물질정보

이슈데이터

코로나바이러스19

(진료소 현황, 약국현황, 공적마스크 판매정보 제공 등)

미세먼지

(대기환경, 대기오염, 환겨오염, 오존, 황사 등)

저출산/고령화

(노인복지, 일자리, 근로소득, 고령화, 출산율 등)

아마존에서 제공하는 도메인 서비스 Route53과 아마존 호스트 서비스 Lightsail의 연동 방법에 대해서 설명하도록 하겠습니다.

기본적으로 도메인과 호스트의 연동은 호스트의 네임서버 값을 도메인에 입력하는 방식으로 후이자나 카페 24와 같은 웹서비스 업체에서 구매하여도 동일합니다.

아마존의 Ruute53도메인은 2년 사용료 2만원대로 국내 도메인 서비스 비용보다 저렴한 편입니다. 하지만 후이즈와 같은 도메인 서비스사에서 이벤트 성으로 1년 9천원대의 도메인을 판매하는 경우도 있습니다.

아마존 라이트 세일 호스트 네임 서버 값 확인

아마존 라이트 세일은 월별 비용 과금 체계입니다. 한달에 5달러 부터 다양한 가격대가 있으며 하드웨어 스펙에 따라 비용이 달라지는 구조 입니다.

제가 사용하는 서비스는 가장 저렴한 5달러 짜리 호스트 서비시 입니다. 5달러 가격에 부가세 + 트래픽 비용까지 발생하니 한달에 대략 8달러 정도 발생하는거 같네요.

사용하는 아마존 라이트 세일 호스트에 접속하여 Networking 메뉴로 이동합니다.

저는 2개의 인스턴스 서비스를 신청하여 사용하고 있습니다. 5달러 * 2 정도여서 한달에 10달러 정도 호스트 서비스를 이용하고 있는 거죠.

사용하고 있는 인스턴스를 확인하고 Networking 메뉴로 이동한 다음 사용중인 DNS ZONES를 선택합니다. 우선 위 화면은 라이트세일에서 인스턴스를 만들고 DNS와 Static IP까지 설정하여 인스턴스에 연동 하였을 경우 위와 같이 나타 납니다. 

DNS 설정과 Static IP를 설정하지 않았다면(단순히 라이트 세일에서 인스턴스만 구입하였을 경우) 위와 같은 화면과 다른 화면이 발생합니다. 

구입한 인스턴스에 DNS와 Static IP를 설정하는 방법은 아래 글을 참조하시기 바랍니다.

Name servers configuration check

위화면에는 총 2개의 빨간색 칸이 있습니다. 먼저 위의 빨간색 칸은 Route53의 도메인을 라이트세일 호스트에 입력하는 부분 입니다. 구매한 도메인을 입력하고 Resolves to에 Staticip-1을 선택합니다(Staticip는 설정 후 자동으로 위 표에 나타 납니다).

하단에 빨간색은 라이트 세일 호스트의 네이서버 값입니다. 이제 4개의 값을 가지고 Route53에 적용합니다. 그 전에 Static IP 값도 확인합니다. Route53에는 네임서버 값과 Static IP 두개의 값을 입력해야 합니다.

Route53에 네임서버 값 입력

아마존 사이트 메인 페이지에서 전체 메뉴를 클릭하면 하단에 Route53이 있습니다. 아마존 도메인은 이 메뉴를 통해서 구입하고 이 메뉴를 통해서 구입한 도메인을 관리합니다. Route53을 클릭하도록 합니다.

Route53에서는 구입한 도메인 목록이 표시됩니다. 라이트세일 네임서버 값을 지정할 도메인을 선택합니다. 

추가적으로 상단의 호스팅영역 생성을 누르면 도메인을 검색하여 구매할 수 있는 메뉴로 이동합니다.

라이트세일에서 확인한 네임서버 값과 Statip IP값을 입력합니다. 먼저 Route53을 통해 IP를 구매한 후 이 메뉴에 들어오면 유형이 SOA가 하나만 Default로 있고 나머지는 없습니다(제가 이미 입력한 값들 입니다.)

화면 상단에 '레코드세트 생성'을 누르면 우측에 입력 필드가 생성이 되는데 위의 예시를 참조하여 유형이 A를 두개(하나는 도메인에 www가 포함 / 하나는 www 미포함)을 만들어 Static IP를 값으로 넣어 저장하고, 

유형이 NS를 한개를 만들어 값에 라이트세일 네임서버 값 4개를 전체 다 넣어 저장하면 됩니다. 이렇게 총 3개의 유형 값(A 2개, NS 1개)를 입력하면 Route53과 라이트세일의 연동이 완료 됩니다.

워드프레스를 하기 위해 여러 기초적인 학습이 있습니다. 가장 기본적인 웹사이트 환경의 이해(호스팅과 도메인의 관계, 호스팅이 웹 서비스 되는 구조 등)부터 기본 기술(DB, FTP 등)을 이해하는 학습을 말합니다.

워드프레스에도 2가지 서비스 유형이 있습니다. 파일을 다운받아 호스팅에 직접 설치하여 사용하는 방식과 워드프레스 사이트에 계정가입하여 네이버나 티스토리 처럼 로그인하여 사용하는 방식으로 제공됩니다. 하지만 사이트의 구조를 변경하거나 디자인 수정등을 원하신다면 계정가입 방법은 어울리지 않을 수 있습니다.

저는 보통 설치형으로 워드프레스를 사용하는데 사이트의 변경이나 추가 수정, 신규 업데이트 등을 하는데 수월합니다. 다만, 사전에 공부해야 할 부분이 있고 충분히 이해가 되지 않는다면 워드프레스 자체가 어려워 흥미가 떨어질 수 있습니다.

워드프레스 기초적인 학습에 대한 개념은 별도 포스팅으로 설명하겠습니다. 오늘 이번시간에는 워드프레스 뿐만 아니라 보통의 웹 사이트에서 필요한 메뉴를 만드는 방식을 설명하겠습니다.

그전에 이 메뉴를 만들고 배치하기 위해 간단히 워드프레스 구조에 대해 이해하면 좋습니다.

○ 워드프레스 사이트 구조 이해

- Header

사이트의 위치 상 가장 위에 해당하는 부분입니다. Header라는 표기로 다양한 메뉴에서 사용하므로 Header의 위치를 알아두시기 바랍니다. 이번 포스팅에서는 Header에 메뉴를 만들어 적용하는 방식을 설명합니다.

- Main

일반적인 사이트의 콘텐츠가 만들어져 보여지는 위치 입니다. 사이트의 중간 위치이구요 Main을 꾸미는 방식에 따라 사이트의 전체적인 디자인이 변경됩니다. CSS나 HTML을 잘 알아두면 더 멋진 디자인의 워드프레스 사이트를 만들거나 수정, 관리할 수 있습니다.

- Sidebar

사이트 좌, 우측 위치를 의미합니다. Siderbar에는 다양한 추가 기능을 Add할 수 있는데 워드프레스에서는 이런 추가 기능을 위젯이라고 표현하며, 워드프레스 대쉬보드에 별도 '위젯'메뉴가 포함되어 있습니다.

- Footer

사이트의 가장 하단을 의미합니다. 보통 사이트에서 Footer 영역에는 사이트 소유자의 주소나 회사 대표자 명, 저작권 소유자를 표기하고 있습니다. 워드프레스에서는 이 Footer 영역에 별도 메뉴를 구성할 수 있습니다.

○ 워드프레스 메뉴 만드는 방법

이제 워드프레스 메뉴를 만들어 보도록 하겠습니다. 먼저 워드프레스 메뉴를 만들고 구성하기 위해 워드프레스 대쉬보드에 로그인 하여야 합니다. 로그인하는 방식은 사이트 주소 뒤에 /wp-admin 또는 /wp-login.php를 추가하여 표시되는 로그인 창에서 아이디 및 패스워드 입력으로 가능합니다.

1. 메뉴를 구성하기 위한 페이지 만들기

처음 메뉴에 포함될 만한 페이지를 만들어야 합니다. 그 전에 우선 메인 메뉴의 구성이 어떻게 구성될 지 고민이 필요합니다. 보통 메뉴는 정적인 내용(쉽게 변하지 않는 구조)으로 만들어 지는게 일반적이라 페이지를 만들고 그 페이지 항목을 사용하여 메뉴를 만드는 방식이 사용됩니다.

2. 메뉴를 구성하기 위한 포스트 만들기

만약 메뉴가 정적인 내용이 아닌 동적인 내용(자주 변하는 구조)로 만들려면 이 포스트를 작성하여 메뉴를 구성할 수도 있습니다. 또는 페이지로 만들이 않고 포스트로 만들어도 그 내용을 쉽게 변하지 않게 관리할 수도 있습니다만, 사이트의 일관된 관리를 위해 정적인 내용(페이지), 동적인 내용(포스트)로 구분하여 메뉴 구성하는게 좋습니다.

3. 메뉴를 구성하기 위한 카테고리 만들기

이 카테고리는 워드프레스의 포스트를 위해 사용됩니다. 포스트를 별도의 그룹으로 지정하는 것을 카테고리라고 하며 카테고리에 속한 포스트는 카테고리 메뉴 클릭 시 일괄적으로 보여집니다. 화면에 표시되는 포스트 유형을 리스트나 다양한 유형으로 지정할 수도 있으며, 이런 표시 유형은 워드프레스 테마에서 지원하는 기능에 따라 달라집니다(저는 현제 워드프레스 아바다 유료 테마를 사용하는데 6가지 포스트 표시 유형을 제공하고 있습니다).

4. 메인 메뉴 만들기

이제 만들어진 페이지, 포스트, 또는 카테고리로 메뉴를 구성하도록 합니다. 대쉬보드 메뉴중 표현 -> 메뉴 항목으로 이동하여 main menu라는 타이틀을 가지는 메뉴를 하나 만들도록 합니다. 초기에 이 메뉴로 이동하였을 때 아무 메뉴도 생성되어 있지 않으며 create menu 탭을 클릭 메뉴명을 입력(main menu)한 후 저장하면 됩니다.

이렇게 만들어진 main menu에 위에서 준비한 페이지, 포스트, 또는 카테고리를 메뉴 좌측에서 드래그앤 드랍으로 메뉴창으로 이동하도록 합니다. 이동된 창에서 메뉴가 보여지는 순서를 변경할 수 있으며 메뉴 하위에 있는 자식 메뉴로도 설정할 수도 있습니다.

마지막으로 하단에 Top menu 옵션을 클릭한 후 저장을 누르면 이 main menu가 워드프레스 사이트의 기본 메뉴로서 구성되게 됩니다.

5. 사이드 바 메뉴 만들기(옵션)

별도의 메뉴를 추가로 만들거나 만들어진 main menu를 사이드 바에 표시할 수도 있습니다. 우선 만들어진 대쉬보드 위젯 영역으로 이동하여 menu 위젯을 blog sidebar에 추가한 후 main menu를 추가하면 사이드 바에 메인메뉴가 추가됩니다.

이 사이드 바가 표시되는 워드프레스 메인 페이지(또는 포스트)에서 구조가 사이드 바 표시 구조이고, 표시되는 사이드바 위젯이 blog sidebar로 지정되었다면 사이드바에 메뉴 만들기가 완성됩니다.

6. 푸터 메뉴 만들기(옵션)

마지막으로 푸터에 메뉴를 구성할 수도 있습니다. '5. 사이드 바 메뉴 만들기(옵션)'와 만드는 방식은 동일하며 위젯이 blog sidebar가 아닌 footer 위젯에 추가하면 됩니다(만약 메인 페이지나 포스트에서 footer 표시 제한이 걸려 있다면 메뉴가 포함된 footer 위젯이 표시되지 않을 수 있으니 참고하시기 바랍니다).

술자리에서 하는 단체게임용 모바일 앱 - 오락실 앱

요즘 코로나 때문에 모임을 자제하고 계시죠? 저도 사회적 거리두기에 적극 동참하고 있어 좋아하는 술자리를 안 갖게 된지 꽤 되었습니다. 어서 빨리 코로나가 없어져서 여러모로 예전과 같았으면 좋겠네요. 화이팅 입니다!

오늘은 제가 예전에 자주 사용하던 술자리 오락실이라는 앱에 대한 소개를 하려 합니다. 

이 앱은 저도 전해 듣기로는 개발자가 개발한 후 자금이 모자라 개발 여력이 안되 오픈은 되었지만 더이상 업데이트가 안되는 앱이라고 했는데 최근에 보니 누군가 다시 업데이트를 하는 거 같더라구요. 이런 좋은 앱은 계속 잘 발전하기를 바랍니다.

술자리 오락실 앱은 플레이 스토어에서 검색 후 무료로 다운로드 가능합니다. 저도 알게된지는 얼마 안된 앱인데 꽤 재미있게 친구들이랑 사용하고 있습니다.

술자리 오락실 앱에서 제공하는 메뉴는 크게 방만들기, 방찾기, 술자리 정보, 설정이 있습니다. 이 중 방만들기를 누르면 게임을 선택할 수 있는 방장이 되며 QR코드가 제공됩니다. 다른 사용자 분들은 QR코드를 이용하여 방에 입장할 수 있습니다.

화면 좌측 상단에 보이는 QR코드가 이 방에 접속할 수 있는 QR코드 입니다. 상대방이 방에 접속하게 되면 Player란에 해당 사용자의 ID가 노출됩니다.

제공되는 게임은 아래와 같습니다. 게임을 선택한 후 'Go'버튼을 눌러 게임을 시작합니다.

- 병돌리기

 : 병을 돌려 병 마개쪽 위치에 있는 사용자가 벌칙을 받는 게임입니다. 그냥 단순히 오프라인 병을 온라인에서 돌리는 게임이라고 보면 됩니다.

- 왕게임

 : 참가한 사용자들에게 왕 포함 번호가 부여 됩니다. 우리가 하는 왕게임의 쪽지를 술자리 오락실 앱에서 온라인으로 제공한다고 보면 됩니다.

- 라이트 룰렛

 : 카지노에 있는 룰렛과 비슷합니다. 룰렛을 돌려 벌칙받는 사람이 지정되는 게임입니다.

- 탭탭

 : 화면을 누가 빨리 많이 터치하느냐에 따라 순위가 결정되는 게임입니다. 제한된 시간안에 가장 적게 화면을 클릭한 사람이 벌칙을 받습니다(순위 표시됨)

- 치카치카

 : 탭탭 게임과 유사합니다만 이 게임은 클릭이 아닌 화면을 좌우로 누가 많이 움직이냐에 승패가 걸립니다. 양치하는 화면이 나오고 양치질을 적게 하는 사람이 벌칙을 받습니다.

- 순서대로

 : 1부터 25까지 순서카드가 뒤죽박죽으로 나옵니다. 순서대로 카드 번호를 클릭해서 없애는 게임인데 제일 늦게 없앤 사람이 벌칙을 받습니다.

- 캐치독

 : 개를 클릭하는 게임입니다. 정상인 개와 닭이 있습니다. 정상인 개를 클릭하면 점수를 얻고 닭을 클릭하면 점수를 잃습니다. 제일 점수가 낮은 사람이 벌칙을 받습니다.

방장이 게임을 진행할 방을 만들면 이 게임에 참여할 다른 사용자들은 '방찾기' 메뉴를 클릭하여 만들어진 방의 QR코드에 대면 자동으로 방에 입장하게 됩니다.

'방찾기'를 클릭하면 위 사진과 같이 QR코드를 입력할 수 있는 사진기 화면이 뜹니다. 네모칸 안에 QR코드를 입력하면 방에 입장됩니다.

이번시간에는 아마존의 라이트 세일 인스턴스를 사용할 때 도메인 연동에 필요한 분야인 DNS 설정과 Static IP설정하는 방법에 대하여 포스팅 하도록 하겠습니다.

제가 현재 사용하고 있는 라이트세일 인스턴스는 총 2개 입니다. 둘다 워드프레스 웹사이트용인데 한개는 운영 사이트를 위해 사용중이고 하나는 사이트 개발 및 테스트 용으로 사용중입니다.

아마존 라이트 세일의 과금 체계는 월 사용량에 따라 지불하는 월별 과금체계입니다. 요청하는 하드웨어 스펙(HDD 용량 등)에 따라 기본 비용이 달라 지며 가장 저렴한 요금제는 월 $5 요금제 입니다(제가 사용하는 요금제입니다).

라이트 세일에서 사용할 인스턴스를 구매한 후 DNS와 Statip IP를 설정하면 위 화면과 같이 표시되며, 이렇게 진행 후 아마존 도메인에 네임서버 값과 Statip IP값을 입력하면 아마존 도메인과 라이트세일 연동이 되는 구조입니다.

만약 다른 도메인 사로 부터 도메인을 구입하였다면, 본 포스팅에서 제공하는 라이트 세일의 네임서버 값 설정 및 확인하는 방법을 참고하여 네임서버 값을 입력해 주면 연동이 될 수 있습니다.

먼저, 위 사진과 같이 Create static IP와 Create DNS zone 두개의 버튼을 이용하여 DNS와 Static IP를 설정하도록 합니다. 이 둘중 우선은 Static IP입니다. 

Static IP를 설정 후 만들어진 IP에 설정할 DNS를 연동하는 과정입니다. DNS존을 만들기 위해서는 도메인이 필요합니다(하지만 제공되는 Static IP를 입력해도 됩니다). 아마존 도메인은 Route53이라는 서비스이며 이 포스팅에서는 도메인까지 구입하였다는 전체로 진행합니다.

아마존 라이트 세일 Static IP 설정

Create static IP를 누르면 위와 같은 화면으로 이동합니다. 이동 후 선택하는 란은 IP 지역을 선택하는 것으로 웹서비스가 제공되야 하는 지역을 선택하면 됩니다.

저는 한국과 미국(Virginia) 두개의 Region Static IP를 가지고 있습니다. 한 인스턴스는 미국 지역에서 서비스 제공으로 사이트 운영중이며 나머지 하나는 한국에서 서비스 제공이 되고 있기 때문이죠.

일단 Seoul을 Region으로 선택하도록 합니다.

Static IP는 같은 지역의 인스턴스와 연결이 됩니다. 처음 라이스 세일 서비스를 신청할 때 서비스 Region을 선택학게 되어 있는데 이때 선택한 Region과 같은 Static IP Region값이 매칭되는 구조 입니다.

처음 인스턴스를 구입했을 때 Region값을 Seoul로 지정하였다는 전제로 Static IP Region을 Seoul로 선택하도록 합니다. 다음 Create 버튼을 누르면 Static IP 설정이 완료됩니다.

아마존 라이트 세일 DNS Zone 설정

Create DNS zone을 클릭합니다. 가장 처음 표시되는 창은 구입한 도메인 값을 입력합니다. 도메인 서비스 제공사를 통해 구입한 도메인 URL을 입력하도록 합니다.

도메인 URL을 입력하면 하단에 Create DNS zone 버튼이 활성화가 됩니다. 지금은 입력없이 캡쳐한 본이라 비활성화되어 있습니다. 도메인 URL 입력 후 Create DNS Zone버튼을 누르면 먼저 DNS가 생성이 되게 됩니다.

최종적으로 DNS와 Static IP가 연동되고 연동된 DNS존에 라이트세일 인스턴스가 매핑되는 구조입니다.

이렇게 되면 도메인 URL을 DNS Zone에 매핑하고 매핑된 DNS Zone의 Static IP와 지정한 인스터스의 서비스를 제공하는 구조가 되게 되는 것 입니다.

l 집중력 향상 - Relaxio 모바일 앱

예전에 한참 기술사 공부를 위해 엠씨스퀘어 모바일 앱을 3만원 정도 주고 구매해서 이용한 경험이 있습니다. 한데 구입 후 핸드폰을 바꾸면서 부터 작동이 잘 안되더라구요...

최근에 기술사 및 어학 공부를 위해 엠씨스퀘어를 다시 구매해서 사용할려고 하다 보니 다른 집중력을 향상 시켜주는 무료 앱 Relaxio를 발견하여 사용해 보았습니다.

먼저, 플레이 스토어에 접속하여 Relaxio로 검색하여 다운로드 받습니다. 앱은 2016년 4월에 개발되어 2020년 1월까지 업데이트가 꾸준히 잘 되고 있네요. 제가 다운받을 때 기준(2020년 5월)으로 백만명이상이 다운받고 사용하고 있는걸 확인하였습니다.

앱의 사업 수단은 인앱 구매인거 같습니다. 인앱 항목당 한화 69,000원이라고 표기가 되어 있는걸 보니 인앱 구매로 운영되는 앱인거 같은데 저는 구매를 해 본적이 없네요.

확인해 보니 인앱은 하단에 광고가 있는데 이 광고를 제거하는 버전을 구매하는 비용이 69,000원 인거 같습니다.

그럼 집중력 향상을 도와주는 Relaxio앱에 있는 기능등을 설명해 볼께요.

l Relaxio 사운드 메뉴 종류

이 Relaxio앱에는 총 16가지의 사운드가 담겨져 있습니다. 간단히 엠씨스퀘어 방식을 설명하면 어떤 특정 주파수의 특정 반복 패턴 사운드가 있고 이 사운드를 들으면서 학습을 한다거나 독서를 하면 당시의 행동에 좀더 집중하게 하여 기억력을 높여 주는 방식입니다.

이 Relaxio앱도 이런 엠씨스퀘어와 유사한 방식으로 사용자가 선택하여 들을 수 있는 16가지의 사운드를 가지고 있습니다. 저는 개인적으로 바람과 숲 사운드를 좋아합니다.

이 앱의 재미있는 특징은 어떤 특정 한가지 사운드만 들을 수도 있지만 여러가지 사운드를 Mix하여 들을 수도 있습니다. 사용 방법은 여러 사운드를 그냥 선택만 하면 됩니다.

화면 하단에 볼륨 아이콘이 있는데 이 아이콘을 클릭하면 위의 사진처럼 발생됩니다. 위 사진은 비, 번개, 자동차, 나뭇잎, 물 소리의 총 5개의 사운드를 선택한 것인데 이 중 볼륨을 0으로 한 번개외 4개의 사운드가 볼륨에 따라 Mix되어 나오는 방식입니다.

마지막으로 타이머 기능입니다. 화면 하단에 타이머 아이콘이 있으며 아이콘 클릭하면 위의 사진처럼 시간을 지정할 수 있는 화면이 표시됩니다.

5분 또는 10분 등 원하는 시간대에 맞춰서 사운드가 종료될 수 있도록 타이머를 지정할 수 있는 기능까지 집중력을 높여주는 무료 모바일 앱 Relaxio에 대해 설명하였습니다.

이 블로그를 쓰는 저는 이 Relaxio앱과 '1'도 연관이 없으며 개인적인 경험에 따라 유용해 보여 공유하고자 작성하였습니다.

도메인은 웹사이트의 주소입니다. 도메인 서비스를 제공하는 업체는 아마존 Route53, 카페24, 후이즈와 같은 업체가 있습니다. 각각의 업체에서 제공하는 서비스(비용 등)를 참조하여 선택하면 됩니다.

저는 아마존 Route53 도메과 후이즈 도메인 서비스를 이용하고 있습니다. 최근 후이즈에서 이벤트를 제공하고 있는데 .best로 끝나는 도메인의 연 비용이 9,900원 입니다(굉장히 저렴한 비용입니다.)

이번시간에는 카페 24 호스팅에 워드프레스 사이트를 운영하고 있으며 후이즈의 도메인에 사용중인 호스팅을 적용한 후 최종 워드프레스에 후이즈 도메인을 적용하는 방식에 대해서 설명하려고 합니다.

먼저 후이즈 도메인을 구입하였다는 전제하에 메뉴 중 '내 도메인 자산관리' 메뉴로 이동합니다.

제가 구매한 도메인은 koreaconcierge.best라는 도메인 입니다. 본인이 사용중인 호스팅에 후이즈 도메인을 연동하려면 먼저 네임서버 변경 메뉴로 이동하여 호스트의 네임서버 값을 입력하여야 합니다.

참고로 후이즈에서 제공하는 도메인의 유형은 .kr, .com 등 대부분의 사이트에서 제공하는 도메인 유형과 동일하나 .best라는 도메인을 저렴한 가격으로 이벤트 하고 있어 참고하시면 좋습니다.

카페 24호스팅을 예로 들겠습니다. 카페 24의 호스팅 네임서버 정보를 잘 모른다면 아래 포스팅을 참조하여 네임서버를 확인하고 카페 24와 후이즈 도메인의 연동 방법을 이해하시기 바랍니다.

카페 24의 네임서버값을 입력하기 위하여 '네임서버 정보 직접 입력' 메뉴를 선택합니다. 카페24 호스트 뿐만 아니라 호스팅 서비스를 제공하는 서비스사(아마존 라이트 세일 등)에서는 호스트의 네임서버 값을 별도로 제공합니다. 이 부분을 참고하면 카페24뿐만 아니라 다른 호스트사의 서비스와도 후이즈 도메인 연동이 용이할 수 있습니다.

카페 24에서 제공하는 네임서버 값은 총 4개 입니다. 4차 네임서버값까지 입력하고 '신청하기'를 누릅니다.

카페 24 호스팅의 네임서버값까지 입력하여 신청하기 완료하였으면, 최종 승인되어 적용되기까지 최장 48시간정도 걸린다고 합니다만 저는 1시간 내로 적용이 완료되었습니다.

참고로 혹시 모를 수 있으니 변경 전에 기존에 가지고 있던 네임서버의 값은 백업용으로 저장해서 관리하는 것이 좋을 듯 합니다.

이렇게 카페 24 호스팅과 후이지 도메인을 연동하였다고 해서 사용중인 워드프레스의 사이트에 바로 도메인이 적용되지는 않습니다.

마지막으로 워드프레스 대쉬보드의 설정(Settings)에서 워드프레스 주소 및 사이트 주소 값을 후이즈 도메인 값으로 변경하면 완료됩니다.

안녕하세요 직장인 블로거 입니다. 웹사이트를 사용하다보면 영어나 다른 언어로 된 정보를 접하는 기회가 많은 데 언어를 모르면 잘 이해가 안되는 정보가 꽤 됩니다.

이렇게 다른 언어로 된 사이트 페이지를 이해가 편한 한글로 번역할 수 있는 기능이 구글 크롬에서 기본적으로 제공되며 이번시간에는 웹사이트의 언어를 자동으로 변환해 주는 기능에 대해서 설명하겠습니다.

본 포스팅에서 설명하는 기능은 구글 크롬 웹사이트를 통해서만 이용할 수 있습니다.

샘플로 위와 같이 영어로 된 사이트를 캡쳐해 보았습니다. 아마존에서 제공하는 라이트 세일이라는 호스팅 서비스 웹사이트인데 사이트 언어는 영업니다.

위 사진 우측 상단에서 보이는 것과 같이 크롬의 번역 기능을 설정하면 한국어외 다른 언어로 서비스 되는 사이트 접속 시 번역할 것인가를 묻는 창이 자동으로 생성됩니다. 

번역 기능을 사용하면 위 사진 처럼 번역 아이콘이 생기며 번역 언어를 선택하여 사이트 전체 언어를 번역할 수 있습니다. 구글에서 제공하는 다양한 언어를 설정하여 번역할 수 있습니다.

제 경험상 번역율이 상당히 높은 편입니다. 개인적으로 워드프레스 웹사이트를 개발하여 사용하고 있는데 사이트 관리자 내 내용을 한글로 번역하는데 워드프레스 한글 버전과 차이가 거의 없습니다. 실제로 번역 내용이 이상한것은 없었습니다.

이제 번역 기능을 실제로 설정하는 방법으로 넘어 가겠습니다. 우선 크롬의 설정 메뉴로 이동하도록 합니다. 설정 메뉴는 크롬 웹 브라우저 상단 우측에 점이 세로로 3개가 나열되어 있는데 이 점을 누르면 위 사진과 같이 추가 메뉴가 나타 납니다.

이 추가로 나타난 메뉴 하단에 설정 메뉴가 있습니다. 참고로 추가 메뉴 중 북마크, 방문기록 등은 기타 크롬 사용에 유용한 기능이니 참고하시면 좋을 것 같습니다. 

- 북마크 : 자주 방문하는 사이트를 관리하는 목록

- 방문기록 : 크롬을 통하여 방문한 사이트의 데이터를 저장. 크롬 사용 속도를 향상 시키기 위해 데이터 삭제 등 주기적 관리하면 좋습니다.

추가메뉴에서 설정을 누르면 위와 같은 화면으로 이동합니다. 전체 화면은 아니고 전체 화면 중 좌측의 메뉴 부분만 별도로 캡쳐한 화면입니다. 위 사진의 빨간색처럼 고급을 클릭합니다.

화면으로 캡쳐하지는 않았으나 고급을 클릭하면 하위 메뉴가 생성됩니다. 이 중 언어 메뉴를 클릭하여 이동하도록 합니다.

언어 메뉴를 클릭하면 위와 같은 화면이 우측에 표시됩니다. 이 화면에서 언어를 추가함으로서 크롬의 번역 기능을 사용할 수 있습니다.

언어를 추가하면 추가된 언어를 번역할 수 있습니다. 주의할 점은 한국어가 가장 상단에 위치하지 않으면 번역기능이 제공되지 않습니다.

구글 크롬에서 제공하는 번역기능은 사용하기에 상당히 유용하나 많은 분들이 알고 있는 기능은 아닙니다. 저도 최근에 알게된 기능이라 크롬을 사용한 지는 꽤 되었지만 이렇게 정리해서 공유합니다.

언어의 장벽으로 웹사이트의 정보를 얻지 못하는 불상사가 생기지 않도록 이 크롬 번역 기능을 잘 사용하시기 바랍니다.

웹사이트를 운영하기 위하여 호스팅을 구하고 도메인을 구입하여 호스팅과 도메인을 연동함으로서 웹사이트 오픈을 진행합니다. 웹사이트 운영에 필수적인 호스팅과 도메인 구입시 상세 Spec과 식별이 용이한 도메인을 구입하는 것이 좋습니다. 

| 주요 호스팅 및 도메인 서비스 제공 회사

1. 아마존(AWS)

2. 카페24(cafe24)

3. 후이즈(Whois)

아마존은 Route53(도메인 서비스), Lightsail(호스팅 서비스)로 제공하며 카페24와 후이즈는 가입 계정으로 도메인 및 호스팅 서비스 이용이 가능한 구조입니다.

이번 시간에는 호스팅은 카페24에서 구입을 하고 도메인은 후이즈를 구매한 상태에서 도메인과 호스팅을 연동하는 방법에 대해서 설명하도록 하겠습니다.

이런 구조는 흔히 사용하고 있습니다. 도메인은 후이즈가 저렴하고 호스팅은 카페24가 저렴할 경우 이렇게 사용하는 경우가 발생하지요.

먼저 카페24에서 사용중인 호스팅에 대한 네임서버 값을 확인하도록 합니다. 카페 24의 나의 서비스 관리로 이동합니다.

나의 서비스 관리로 이동 후 '도메인 연결관리'메뉴로 이동합니다. 향 후 구입한 도메인을 이 메뉴에 직접 입력하여 도메인과 호스팅을 연결할 수 있습니다. 

- '도메인 연결관리' 메뉴 이동 -> '도메인 연결하기' 란 -> 도메인 직접 입력하기' 내 도메인 입력 후 연결하기

'도메인 연결관리' 메뉴에서 후이즈에 설정할 카페24 호스트의 네임서버 값을 확인할 수 있습니다. '카페24 네임서버 보기'를 클릭하여 표시되는 팝업의 네임서버 값을 확인합니다.

카페24 네임서버 주소

 * 1차 ns1.cafe24.com xxx.xxx.xxx.xxx

 * 2차 ns1.cafe24.co.kr xxx.xxx.xxx.xxx

 * 3차 ns2.cafe24.com xxx.xxx.xxx.xxx

 * 4차 ns2.cafe24.co.kr xxx.xxx.xxx.xxx

확인한 총 4차로 이루어진 카페24 네임서버값을 확인한 후 후이즈 사이트로 이동합니다. 카페24 네임서버 값은 별도로 띄워두거나 저장하도록 합니다.

| 후이즈 네임서버 설정

후이즈에 로그인하여 도메인 값을 설정하는 메뉴로 이동합니다. 로그인 후 '내도메인 자산관리'메뉴로 이동합니다.

메뉴 이동 후 하단에 '등록기간 연장'등 구매한 도메인과 관련한 많은 설정 값 지정 메뉴가 있습니다. 이 중 '네임서버 변경(위 사진 빨간색 네모)'을 클리합니다. 사전에 적용하려는 도매인의 체크박스에 체크가 되어 있어야 합니다.

먼저, 구입한 도메인은 후이즈에서 제공하는 도메인 서비스이기 때문에 네임서버가 Default로 후이즈로 설정되어 있습니다. 이 네임서버를 카페24 네임서버 값으로 변경하도록 합니다. 

페이지 하단에 '네임서버 정보 직접 입력' 체크박스를 선택하도록 합니다.

네임서버를 입력하는 곳에 카페24에서 확인한 카페24 호스팅 네임서버 값을 입력하도록 합니다. 총 4차까지 네임서버 값을 입력한 후 하단에 '신청하기'버튼을 누르면 됩니다.

이렇게 신청이 완료되면 최대 48시간 이내 후이즈 도메인과 카페24호스팅의 연동이 완료가 됩니다. 완료되면 별도 완료 메세지가 발송되지 않으니 적당한 시간에 후이즈 도메인에 접속하여 테스트 해 보세요.

마지막으로 위에 언급하였으나 한번 더 언급하겠습니다. 이렇게 신청 후 카페24에 후이즈 도메인을 입력하는 것을 잊으시면 안됩니다. 아래 '도메인 직접 입력하기'란에 후이즈 도메인을 입력하시기 바랍니다.

최근 택배사를 가장한 스미싱을 당한 경험이 있어 공유하고자 포스팅합니다. 저도 정보보안관련 업무를 하고 있는 실무자라서 정보에 빠르다고 생각했으나 방심해서 당할 뻔 했던거 같습니다.

*스미싱이란

지인이나 주변사람, 혹은 택배사나 금융기관을 사칭하여 문자로 특정 사이트에 접속할 수 있는 링크를 보내고 사용자가 링크에 접속하면 개인정보를 탈취하는 해킹 기법

저는 온라인 쇼핑을 자주 하는 편입니다. 최근에는 코로나 때문에 더 많이 이용하는 편이구요. 근래 네이버 쇼핑을 통해 물품하나를 구매하였는데 때마침 위와 같은 문자가 왔습니다.

위와 같은 문자는 아마 택배를 이용하는 분들은 많이 아실꺼예요. 택배가 도착하고 어디에 두었다는 안내 메세지인데 저도 받고 별뜻없이 읽기만 하고 링크 클릭은 안했었습니다.

날짜를 보시면 아시겠지만 5월 11일은 원래 제가 주문한 물품이 도착하기로 한 일자입니다. 메일을 이미 받기는 했는데 무심코 택배사를 안읽고 지나갔었죠.

하지만 집에 도착하니 현관앞에 두었다는 물품이 보이지 않았습니다. 주위에 물어보니 따로 택배는 없었구요. 혹시나 해서 문자에 있는 사진이 있다는 링크를 눌렀습니다.

아시다시피 문자에 있는 링크는 클릭 시 위와 같은 경고성 메세지가 1차적으로 발생합니다. 대부분의 링크를 누르면 발생하는 메세지 이길래 별 뜻없이 확인을 눌렀죠. 그랬더니....

짜잔!! 하고 악성 링크라는 웹 창이 발생하였습니다. 제가 사용하고 있는 통신사에서 해당 링크가 악성 해킹이 의심되는 사이트 링크라고 차단 메세지를 보내 줬었죠....이 웹 창을 보고나서 다시금 문자 메세지와 네이버 메일을 비교해 보니...

아뿔사.. 택배사가 문자메세지는 한진이고 실제 발송한 택배사는 대한통운이었네요... 그제서야 보이는 문자메세지의 이상한 부분들...

1) 한진택 배 <- 택과 배 사이가 띄어져 있음

2) 고객, 물품, 현관, <- 단어 사이사이에 ,가 포함되어 있음

3) 그리고 사진이 있다는 링크는 한번도 받아본 적이 없고 직접 사진이 첨부되어 있었음..

참 한순간이더라구요. 다행히 통신사의 이런 지원 덕분에 해킹의 위험에서 벗어날 수 있었지만 정말 당할 수 있다는 것은 한순간이다라고 느껴졌습니다.

위와 같이 택배사에서 링크 포함 문자 메세지가 오면 의심하고 클릭하지 마세요!!

평소 한장의 사진만 편집하는 것이 아니라, 다수의 사진을 크기 변경, 특수 효과 적용 할 일들이 많이 있습니다. 아마 블로그도 그렇게 사진을 모아다가 한번에 정리할 때 이런 작업을 많이 하는 거 같습니다. 이럴 경우 각 사진에 개별로 효과를 적용해야 하니 작업 시간이 많이 걸릴 수 있습니다.

이와 같은 불편함을 해소하고자 무료 사진 편집 프로그램인 포토스케이프로 여러장의 사진을 일괄적으로 편집하는 방법에 대해 포스팅하겠습니다. 이전에 한장의 사진을 입체감있게 변환하는 방법에 대해서 포스팅한 적이 있으니 아래 포스팅을 참고하시면 좋을 것 같습니다.

우선 무료 사진 편집 프로그램인 포토 스케이프를 다운로드 하시기 바랍니다.

http://photoscape.co.kr/ps/main/download.php

포스팅 처음에 다수의 사진이 들어있는 폴더 사진을 첨부하였습니다. 이 사진들을 일괄로 입체감 있는 특수효과를 적용하여 변환하는 기능입니다.

위 사진과 아래 사진을 비교해 보세요. 위 사진은 사진의 원본이고 아래 사진은 포토스케이프를 통해 사진에 입체감 효과를 준 사진입니다. 사진의 차이가 보이시나요?

이런 특수효과 외에 더 많은 특수효과 기능을 포토스케이프에서 가지고 있습니다. 시간이 되면 본 포스팅의 입체감 효과 에 다른 효과들도 적용해 보면 좋을 것 같습니다.

위와 같이 사진의 입체감을 주는 효과 기능은 아래 포스팅을 따라해 보시면 됩니다. 

먼저 다운받아 설치한 포토스케이프를 실행합니다. 포토스케이프에서 제가 주로 사용하는 메뉴는 아래와 같습니다. 

- 사진 편집

- 일괄 편집 : 다량의 사진을 일괄로 변환하는 메뉴

- 페이지 : 여러 사진을 한장의 사진으로 변환하는 메뉴

- 이어 붙이기 : 연속된 사진을 이어 붙이는 메뉴

- GIF 애니메이션 : GIF파일로 변화시켜주는 메뉴

이 중 일괄 편집 메뉴를 사용하여 다수의 사진을 일괄로 편집사용합니다.

일괄 편집 메뉴를 클릭하여 위의 사진과 같은 화면으로 이동합니다. 화면 구성은 좌측에 폴더 위치(내 컴퓨터 기준)가 우측에 크기나 필터 등 효과를 줄 수 있는 메뉴가 있습니다.

좌측의 폴더 구조에서 사진이 보관되어 있는 폴더 및 사진을 선택할 수도 있고, 편집을 원하는 다수의 사진을 드래그로 화면 기준 우측 상단으로 끌어와 편집할 수도 있습니다.

테스트해 볼 사진에 입체감 주는 효과는 사진 빨간색에 있는 '액자 없음' 메뉴에서 ''을 선택하여 처리하는 방식입니다. 주의해야 할 점은 사진을 일괄로 드래그 하였다고 해서 바로 전체 사진 목록에 해당 효과가 적용되는 것은 아닙니다.

효과를 적용할 사진을 사진 목록에서 일괄로 선택한 다음 효과를 지정해야 전체적으로 사진에 효과가 반영이 되는 구조 이니 참고 하시기 바랍니다.

사진에 ''을 주어 입체감 있는 효과를 주었으면 사진을 저장하여 반영할 수 있습니다. 빨간색 메뉴를 보시면

- 사진 추가

- 모든 사진 저장(변환)

- 현재 사진만 저장(변환)

이렇게 메뉴가 있는데, '모든 사진 저장(변환)'을 눌러 전체로 일괄 적용하면 됩니다. 여기서 주의할 점은 이 전 단계에서 설명한 내용인데, 한장의 사진만 효과를 적용하고 '모든 사진 저장(변환)'눌러도 모든 사진에 효과가 적용되지 않습니다.

'모든 사진 저장(변환)'은 각 개별로 사진에 각기 다른 효과를 주었을 때 모든 사진의 효과를 한번에 저장하여 변환한다는 메뉴로 이해하시면 됩니다.

마지막으로 저장을 누르면 입체감 있는 사진으로 변환이 됩니다. 여기서 제가 권고드리는 방식은 '첫번째 사진 아래에 output 폴더를 만들어 저장'입니다. 다른 저장 옵션을 선택하여도 되지만 나중에 찾기가 헷갈리더라구요.

이번 시간에는 크롬에서 제공하는 디버깅 모드에 대한 사용 설명을 포스팅하도록 하겠습니다. 개발을 하신 분들이라면 디버깅이라는 용어를 아실 텐데, 디버깅이란 프로그램 소스 내 흘러가는 로직을 부분별로 볼 수 있도록 하는 기능입니다. 보통 오류 검증용으로 많이 사용하죠.

구글 크롬 브라우저에서는 별도 기능으로 디버깅을 할 수 있도록 지원하고 있으며 저도 최근에 제가 개발중인 웹 사이트의 자바스크립트 오류를 크롬 디버깅 기능으로 잘 찾아내어 처리하였습니다.

구글 크롬은 웹사이트 관리를 위한 유용한 도구

디버깅 모드는 각종 웹사이트 오류를 확인하는 기능

크롬 디버깅 모드 전환

먼저 크롬에서 디버깅 모드에 어떻게 들어가는지 알려 드리겠습니다. 디버깅을 원하는 페이지에서 키보드의 F12버튼을 누르면 아래 사진처럼 추가 화면이 출력됩니다. 

이 추가 화면에서의 메뉴는 아래와 같습니다. 

- Elements : CSS 요소 식별 시 용이합니다.

- Console

- Sources : 디버그 모드 제공 메뉴

- Network

- Performance

- Memory

- Application

- Security

- Audits

다른 메뉴들은 잘 안써봐서 정확히는 모르고 Elements는 CSS요소를 식별하고 값을 바꾸는 용도로 종종 쓰고 있는 메뉴 입니다. 그리고 디버그 모드를 제공하는 메뉴는 Sources 메뉴 입니다.

저는 제가 개발하여 운영하고 있는 kpopschools.com이라는 사이트를 대상으로 디버깅해 보았습니다. 본 포스팅에 있는 사진들은 관련해서 디버깅한 내역을 첨부해 보았습니다.

디버깅을 위해 출력된 추가 메뉴 중 source 메뉴를 선택합니다. 이 메뉴에서는 지금 화면에 표시된 페이지의 소스가 나오게 됩니다. 이 소스 중 원하는 부위에 breakpoint를 설정하여 디버깅을 하는 구조입니다.

F12를 눌러 source메뉴로 간면 위 사진처럼 프로그램 소스 리스트가 나오며 이중 하늘색 폴더를 클릭하면 관련 소스가 표시됩니다.

표시된 소스 중 디버깅을 원하는 위치에 breakpoint를 지정합니다. breakpoint는 디버그가 수행되면서 해당 point에서 멈추고 '계속 진행' 버튼을 누르면서 point에 오류가 있는지를 점검하는 위치입니다.

breakpoint는 해당 위치의 숫자에 마우스 우클릭을 해서 위의 사진처럼 나오게 되면 'Add breakpoint'를 눌러 point를 지정하는 방식입니다.

원하는 위치의 숫자에 breakpoint를 지정하도록 합니다.

breakpoint지정 후 F5키를 눌러 새로고침을 하면 디버깅이 시작됩니다. 위 화면 중 좌측 상단에 'Paused in debugger'표시가 있는데 지정한 breakpoint직전까지 수행하였다는 내용입니다.

여기서 진행 표시(Resume script execution)을 누리게 되면 breakpoint이후로 디버깅이 수행되게 됩니다.

제가 개발한 사이트에서 임의로 소스코드 오류(미확인 변수 명)을 발생시켜 크롬 디버깅 모드에서 오류가 발생한 디버깅이 어떻게 나오는지 보여 드리겠습니다.

먼저 소스에 미확인 변수명을 추가하여 업로드 한 후, 해당 위치에 breakpoint를 지정한 다음 F5를 눌러 디버깅을 실행시켜 보았습니다.

확인 결과, 위의 화면 처럼 145번 줄 아래에 있는 소스에 오류가 발생되었다고 빨간색 밑줄이 쳐 있는 것을 볼 수 있습니다. 이 빨간색 줄 맨 끝으로 가서 마우스를 소스 위에 올리면 오류 메세지가 출력되는데, 저 같은 경우 미 확인 변수가 포함되어 있다는 메세지가 출려되었습니다.

저도 알게된지 얼마 안되었지만 웹사이트 소스 오류에 대해 용이하게 찾아볼 수 있는 크롬 디버깅 기능에 대해 복습 및 다른 분들에게도 도움이 되고자 정리해 보았습니다.

안녕하세요 직장인 블로거 입니다. 이번 시간에는 제가 여러모로 유용하게 사용하게 있는 무료 사진 편집 프로그램 '포토스케이프'의 주요 기능 중 사진을 입체감 있게 변환하는 기능에 대해서 사용 방법 설명하도록 하겠습니다.

먼저, 입체감 있는 사진이 무엇인지 보시려면 위의 사진과 아래 사진을 비교해서 보시기 바랍니다. 위 사진은 원본이고 아래 사진은 입체감을 입혀 본 사진입니다. 차이가 보이시나요?

이렇게 사진에 입체감을 입힐 수 있는 기능을 포토스케이프에서 제공하고 있는데 이번에는 어떻게 입체감있는 사진으로 변환하는지에 대한 방식 설명 포스팅입니다.

▣ 포토스 스케이프 입체감 사진 변환

먼저, 포토스케이프가 설치되어 있어야 합니다. 만약 아직 프로그램이 설치되어 있지 않다면 아래 링크를 참조하여 사전에 프로그램을 설치하여 주시기 바랍니다.

포토스케이프 다운로드 사이트

http://photoscape.co.kr/ps/main/download.php

- 포토스케이프 프로그램 실행

이제 프로그램이 정상적으로 설치하였다는 전제하에 프로그램을 실행시켜 주시기 바랍니다. 처음 보는 화면은 아래 사진과 같이 전체 메뉴로 구성된 사진입니다.

오늘 사용할 메뉴는 '사진 편집'메뉴이나 제가 유용하게 사용하는 메뉴는, 

- 일괄 편집 : 다량의 사진을 일괄로 변환하는 메뉴

- 페이지 : 여러 사진을 한장의 사진으로 변환하는 메뉴

- 이어 붙이기 : 연속된 사진을 이어 붙이는 메뉴

- GIF 애니메이션 : GIF파일로 변화시켜주는 메뉴

등이 있습니다.

사진 편집 메뉴를 클릭하여 이동합니다. 화면 구성은 좌측에 폴더 위치(내 컴퓨터 기준)가 우측에 포토스케이프의 관련 기능이 보여 집니다. 좌측의 폴더 구조에서 사진이 보관되어 있는 폴더 및 사진을 선택할 수도 있고, 편집을 원하는 사진을 드래그로 화면 기준 우측에 끌어와 편집할 수도 있습니다.

입체감있는 사진의 편집을 위하여 편집 대상 사진을 불러오고 우측 화면 하단에 있는 기능 메뉴(기본, 개체, 자르기, 도구) 중 기본 기능 메뉴을 선택합니다.

위의 사진 좌측 하단에 보이는 '액자없음'을 선택하면 다양하고 많은 액자가 보여 집니다. 이중 ' '액자를 선택하도록 합니다. 물론 다른것을 선택하셔도 됩니다만 제가 해본 방식의 설명이라 따라하기 위해 ''를 선택하도록 합니다.

마지막으로 저장을 누르면 입체감 있는 사진으로 변환이 됩니다. 여기서 제가 권고드리는 방식은 '다른이름으로 저장'입니다. 그냥 저장을 하게 되면 현재 있는 원본 사진의 변형이 되기 때문에 원본사진은 별도로 보관하고 편집한 사진을 별도로 만드는 방식이 좋습니다.

언제든 원본사진이 필요할 수도 있으니 가능하면 '다른이름으로 저장'을 선택하여 사진을 저장하시기 바랍니다. 

안녕하세요 직장인 블로거 입니다.이번시간에는 모바일 앱을 통해 팩스를 송수신할 수 있는 기능을 지원하는 모바일 앱은 '모바일 팩스'에 대하여 설명하도록 하겠습니다.

이 모바일 팩스는 저도 직장업무나 개인적인 업무로 자주 이용하는 앱 입니다. 개인적인 모바일 팩스 번호가 부여되기 때문에 팩스 수신도 가능하며, 모바일로 송신하여도 상대방 팩스기에서 받을 수 있을 만큼 호환성도 좋습니다.

※ 모바일 팩스

- 2014년 에스케이텔링크에서 개발하여 배포 및 운영하고 있는 무료 모바일앱입니다.

- 2020년 최근까지 정기적 업데이트 중(관리 잘되는 편)

- 사용 요금이 별도로 들지 않는 이점이 있습니다.

- 개인별 수신용 팩스 번호가 별도로 부여되니 개인 팩스로 사용이 가능합니다.

모바일 팩스는 플레이 스토어에서 무료로 다운 받을 수 있습니다. 이 모바일 팩스 모바일 앱은 에스케이텔링크에서 2014년에 개발하여 배포한 무료 앱으로 2020년 5월 현재 약 5백만 이상의 사용자 분들이 다운받아 잘 사용하고 있습니다.

저도 개인적으로 개인 팩스 번호가 필요하여 다운 받아 사용하고 있습니다. 보험사에 보험관련 서류를 팩스로 보내는 경우가 생겼는데 개인정보가 있는 문서는 사무실에서 발송이 불가하더라구요.

모바일 팩스의 최근 업그레이드 버전 정보를 보니 3.1.2.까지 올라와 있는 것을 확인하였습니다. 팩스의 수발신외 자체적으로 진행하는 이벤트도 확인이 가능합니다. 

「 주요 기능 」

- 팩스 발신 : 이미지, 파일 등 문서를 팩스로 발송할 수 있습니다.

- 발송 내역 : 수신된 팩스를 확인할 수 있습니다.

- 수신 내역(팩스 수신) : 수신된 팩스를 일정기간 동안 보관하는 메뉴입니다.

- 보관함 : 수신된 팩스를 장기간 보관 시 장기간 보관이 필요한 팩스를 선택하여 보관할 수 있습니다.

사용 방법은 어렵지 않습니다. 수신자의 팩스번호만 알고 보낼 팩스가 파일로 핸드폰에 저장이 되어 있다면 쉽게 발송할 수 있습니다. 사용방법은 아래처럼 진행하시면 됩니다.

1) 발송할 팩스의 파일을 확인합니다.

2) 팩스를 발송할 수신지의 팩스번호를 확인합니다.

3) '팩스 발송' 메뉴에서 받는 사람란에 수신지 팩스번호를 입력한 후, 발송할 파일을 첨부하도록 합니다. 첨부되는 파일은 문서나 사진 파일 모두 가능합니다.

4) 팩스를 발송 후 '발송내역'메뉴에서 발송 결과를 확인합니다. '발송 완료'로 적혀 있으면 정상 팩스 발송되었다고 확인할 수 있습니다.

마지막으로 보관함에서 수신한 내역을 확인할 수 있습니다. '수신내역'메뉴에서는 일정 기간이 지나면 내역이 삭제 되는데 수신 내역 중 보관하고 싶은 내역이 있다면 보관함으로 이동시켜 가지고 있을 수 있습니다.

안녕하세요 직장인 블로거 입니다. 최근 국가 정책에 대한 많은 관심이 생겼습니다. 제 21대 국회의원 선거 시 각 국회의원분께서 내건 공약때문인데 모가 이슈인지, 어떤 내용인지 공약만 들으면 잘 이해가 되지 않더라구요.

평소에 뉴스를 잘 안보는 편은 아닌데, 공약으로 나오는 다양한 내용을 이해하기는 어려웠습니다. 국가 정책 관련 정보를 알아보던 중 대한민국 정책브리핑이라는 모바일 앱이 있더라구요.

정책이해가 어렵지 않은 정책브리핑 모바일 앱

정책브리핑 모바일앱에서 제공하는 서비스는 정책에 대한 실시간 뉴스, 기간별 뉴스, 사실은 코너, 그리고 궁금한게 있으면 위키피디아와 유사하게 답변을 제공하는 정책위키 서비스 입니다.

2020년 5월 현재 우리나라 뿐만 아니라 세계적으로 이슈가 되고 있는 코로나 관련 뉴스 입니다. 사진은 제가 존경하는 정은경 질병관리본부장님이 나오시게 되었네요. 

우리나라의 다양한 정책 관련 뉴스를 실시간으로 보여주는 서비스에 앱 설치 후 출퇴근 시 자주보게 됩니다.

다양한 정부 정책 정보를 제공하는 정책뉴스

정책 뉴스는 우리나라에서 이슈가 되고 있는 다양한 정책에 대한 기사를 제공합니다. 아무래도 정부와 관련한 뉴스가 많다 보니 나라가 흘러가는 방향을 이해하기가 좀 수월하더라구요.

최근에는 코로나와 관련하여 각 지자체의 행정 운영 방향성이나 정부의 코로나 대응 방향성을 읽어볼 수 있어서 네이버 뉴스보다 조금 더 앞서 몬가 준비할 수 있는거 같습니다.

정책위키

정책위키는 여러분들도 잘 알고 계시는 위키피디아와 유사하게 포괄적이고 정확하고 다양한 정보를 키워드에 맞추어 제공하고 있습니다. 저는 아동정책이나 이번 코로나 때문에 소상공인 분들의 정보를 조금 더 알고 싶어 소상공인이라는 키워드를 가지고 검색하여 읽어 보앗습니다.

근래에 들은 근로장려금에 대한 내용입니다. 내용을 읽어보시면 알겠지만 근로장려금의 히스토리 부터 지금 기준 등 다양한 정보를 정확히 제공하고 있습니다. 

국가의 정책을 잘 모르는 저와 같은 분들도 이 앱으로 출퇴근 시 한두개정도의 뉴스와 정책위키 정도 읽는 시간 10분이면 정부 방향성에 대하여 이해가 어렵지 않을 것 같습니다.