mythee1의 등록된 링크

키자드에 등록된 총 688개의 포스트를 확인하실 수 있습니다.

Naver Blog

차박하기 좋은 서해안 바닷가 항구마을 - 태안 안흥항

서해의 툭 튀어나온 지역인 태안반도 지역으로 가다 보면 더운 여름날 시원한 바닷바람을 쏘이는 한나절 나들이에도 좋고, 하룻밤 차 밖에도 좋은 항구가 있다. 신진도로 넘어가기 바로 전 육지 끝부분에 위치한 태안 안흥항이다. 이곳은 매우 작은 항구 마을인데, 서해로 꽤 많이 반도가 돌출한 지역이라 물이 맑고 바다가 깨끗해서 수도권 지역의 바다와는 다른 느낌을 준다. 더불어 물이 매우 잔잔하여 바닷바람을 쏘이기 위한 가족 나들이도 할만한 곳이지만 지금까지 많이 알려져 있지 않아 관광객은 많지 않은 곳이다. 특히 이곳에는 신진도와 연결하는 보행자 전용 다리가 안흥항과 신진도를 연결해 준다. 걸어서 이곳에 올라갈 수 있고 이웃한 신진도로 걸어서 갈 수도 있다. 이 다리 중앙부에는 전망대도 있어서 서해바다를 조망하기에 아주 좋은 곳이다. 여기서 바다를 보고 잇노라면 많은 세상 일들을 잊게 된다. 그리고 이렇게 항구를 연결하는 관광용 보행교의 경우 배들의 통행을 위해 경사가 급하게 계단으로 설치

Naver Blog

시놀로지 NAS에 Nginx 설치하고, 자신의 홈페이지를 연결하는 방법

시놀로지 NAS에 홈페이지등을 만드는 데 필요한 CMS인 Nginx를 설치하는 방법과, 외부에서 Nginx접속시 자신의 홈페이지가 보여지도록, Nginx에 자신의 Web page를 연결하는 방법을 소개한다. Step 1. 시놀로지 NAS에 Nginx 설치 시놀로지 NAS에 Nginx를 설치하는 방법은 container manager를 실행하고, 레지스트리 탭에서 nginx 키워드를 입력하여 Nginx의 docker 이미지를 찾는다, 이미지가 찾아지면 이미지를 선택하고, 바로 위의 "다운로드" 명령을 이용하여 다운로드 하면 된다. 한편, 오른쪽 끝부분의 화살표를 선택하면 Dockeerhub로 연결되어, 이 이미지에 대한 자세한 정보를 살펴볼수도 있다. 다운로드가 완료되면 다음과 같이 이미지 탭에서 확인이 가능한데, 해당 이미지를 선택하고, 윗부분의 "실행" 메뉴버튼을 이용하여 실행한다. 그러면 자동으로 Nginx설치가 이루어지고 컨테이너 탭에서 설치가 완료된 것을 확인할 수 있다. S

Naver Blog

시놀로지 NAS에 Jellyfin 설치 및 설정 방법 - 동영상 폴더 연결 및 포트 설정, 초기설정

1. Video Station 사용의 아쉬운 점들 시놀로지 NAS에는 각종 영화를 마치 넷플릭스처럼 보여주는 서비스인 Video Station이 내장되어 있기는 하다. Video station은 시놀로지 NAS의 기본 패키지 중 하나라, 설치에 대한 부담감이 적으면서도 마치 넷플리스 같은 화면을 만들어주고, DS Video라는 안드로이드 앱까지 제공하는 장점이 있으나, 실제 사용하다 보면, 크게 아쉬운 점이 두 가지 있다. 그 하나는 ffmpeg codec을 기본적으로는 지원하지 않는 점과, 영화 시청 중에 화면이 랙이 걸리는 현상이 매우 자주 (특히 고해상도의 동영상일수록) 발생하는 점이다. 이 화면 재생이 중간에 지연되는 현상들로 인해, 같이 영화를 보던 가족들의 불만이 많았고, 이를 줄여보고자 시놀로지 NAS의 메모리도 높여보곤 했으나, 결과적으론 해결책이 되지 못했다. 바로 이점이 수년간 Video Station을 사용해 오면서 나를 가장 난처하게 만들었던 문제였고, 유일한

Naver Blog

파라다이스 시티의 새로운 이태리 식당 IL FORNO

간혹 영종도를 가게 되면 자주 들리는 곳이 파라다이스 건물이다. 이곳에는 호텔도 있지만, 휴식공간인 찜질방도 있고, 약간의 미술품들이 있는 작은 미술관과, 음식점들이 있기에 얼마간의 시간을 실내에서 보내기에 좋기 때문이다. 물론 여기서 식사를 하는 경우도 많은데, 이곳에는 개인적으로 대게 다리가 좋아서 호텔 뷔페 중 내가 가장 좋아하는 뷔페 식당인 온 더 플레이트 외에, 파인 다이닝을 위한 중국 식당과 이태리 식당, 일식당이 있기도 하지만, 한쪽 편으로는 1-2만 원대의 가격으로 식사할 수 있는 메뉴들을 판매하는 푸드코트도 함께 위치해 있다. 그리고 2층에는 고기 질과 스테이크 하우스 등이 있어서 나름 다양한 편이기는 했다. 그런데 한편으로 좀 아쉬웠던 것은 가격대가 정말 고가의 파인 다이닝 아니면 푸드코트로 극단적으로 선택의 폭이 나누어지는 점과, 푸드코트 음식들은 가격이 1만 원대로 저렴하긴 하지만 좀 아쉬운 측면도 있었다. 또한 푸드코트에서 판매하는 음식은 분식류나 가벼운 한식

Naver Blog

아두이노 보드에서의 Wi fi, 그리고 ESP8266과 ESP32

1. 아두이노와 Wi fi 앞의 글에서, 미리 정해진 프로그램대로 동작하도록 하는데 사용하는 microcontroller 보드 중 가장 널리 알려진 아두이노 우노 보드에 대해 소개한 바 있다. (다음 Link 참조) https://blog.naver.com/mythee1/223170115130 마이크로 컨트롤러 (Microcontroller) 와 아두이노 우노 1. 마이크로컨트롤러 우리 주변에는 자동으로 미리 정해둔 기능을 수행하는 장치들이 무척이나 많이 있다. ... blog.naver.com 아두이노 보드는 2005년경 출시되었는데, 사용이 편리했고, 가격도 1-2만 원 정도(호환 품은 몇천 원 정도)로 저렴하기까지 했으나, 블루투스와 Wi fi 같은 무선 통신 기능은 기본적으로는 제공하지 않았다. ( 주 : 현재는 Wi fi 기능을 지원하는 Arduino가 2017년에 출시되었고, 이후 Rev 2로 업그레이드되었으나, 가격이 50Euro 정도로 고가이다.) 2. ESP8266과

Naver Blog

아두이노 / 라즈베리파이 피코 - 릴레이 모듈에 대해서 기억할 사항들 (동작전압, Trigger방식, 배선)

아두이노 보드나, 라즈베리 파이 피코 보드에서 다양한 외부 전기 장치를 사용하려면, 릴레이 모듈을 사용하게 된다. 릴레이 모듈은 일종의 전기 스위치로, 아두이노 보드나 라즈베리 파이에서 나오는 출력 신호를 이용하여 원하는 스위치 동작을 하는데 사용하게 된다. 그런데 이러한 릴레이 모듈을 구입하여, 자신이 원하는 목적에 사용하려면 몇 가지 기억해야 할 것들이 있다. 1. 동작전압 가장 먼저 확인할 것은 이 릴레이 모듈이 몇 Volt의 전압에서 동작하는지 와, 허용되는 전력(전압, 전류량) 등이다. 이러한 정보는 다음과 같이 릴레이 각각의 윗면에 기재되어 있다. 릴레이 그 자체도 전기에너지를 이용하여 동작하기 때문에 적절한 전력을 공급해 주어야 하는 것인데, 다음과 같이 릴레이 박스 상단에 기재된 내용 중 5VDC라고 표기된 부분이 이 릴레이 모듈이 5V 전압으로 스위치 동작이 이루어짐을 표시해 준다. (참고 : 5V로 표기된 릴레이 모듈 중 상당수가 피코 보드에서 공급되는 3.3V에서

Naver Blog

8 x 8 LED Matrix 1088BS 소자 제어방법 및 예제 1

집에 굴러다니는 부품들을 정리하다 보니 오래전 아두이노 공부를 할 때 구입했던 8x8 LED 소자가 눈에 띄었다. 모델명은 1088BS인데, 8개의 적색 LED가 8줄로 구성된 LED 소자이다. 이 소자는 다음과 같은 크기를 가지는데, 각종 디스플레이나 발광소자로 사용되곤 한다. 이 소자의 뒷면에는 총 16개의 핀 이 있는데, 자세히 살펴보면 케이스의 옆면에 모델번호가 표기된 부분에 작은 돌기가 있는 것을 볼 수가 있다. 이 돌기가 방향을 나타내는 기준이 된다. 이 부분이 아래쪽으로 가도록 다음 사진과 같이 배치하면 아랫부분의 오른쪽 핀부터 시계방향으로 돌면서 1부터 16번까지 핀의 번호가 정해진다. 이 소자를 정면에서 보면 다음과 같은 모습인데, 다음과 같이 행과 열 번호를 이용하여, 각각의 LED를 구분한다. 그런데, 실제로 사용하다 보면 방향이 매우 혼돈스럽다. 위아래 방향을 구분하는 방법은 위에서 언급한 대로, 케이스 옆면의 돌기 부분을 아래로 배열하면 왼쪽 제일 상단이 1행

Naver Blog

8 x 8 LED Matrix 1088BS 소자 제어방법 예제 2

앞선 글에서 1088BS 8x8 LED Matrix 소자에 대해 간단히 소개하고, 핀의 번호부여 및 기본적인 배선 방법을 소개한 바 있다. https://blog.naver.com/mythee1/223191771952 8 x 8 LED Matrix 1088BS 소자 제어방법 및 예제 1 집에 굴러다니는 부품들을 정리하다 보니 오래전 아두이노 공부를 할 때 구입했던 8x8 LED 소자가 눈에 ... blog.naver.com 본 글에서는 이를 이용하여, 라즈베리파이 피코 보드를 이용하여 동작시키는 몇 가지 기본 동작에 대해 소개한다. 기본적으로 필요한 Library는 다음과 같이 기본 동작에는 기본 라이브러리 정도만 있으면 된다. import machine import utime 헤더핀의 연결은 순환문 Loop에서 조작이 용이하도록, 다음과 같이 행과 열로 구분하여, 회로의 번호순으로 나열한 배열을 만들어서 출력핀 모드를 선언했다. 그리고 선언 과정에서 초기값도 0으로 설정했다. 배열

Naver Blog

BLDC 모터 제어하기

1. 이전의 모터 제어 관련 글들 라즈베리파이 피코보드를 사용하면서, 피코보드의 논리값으로 다양한 기계적 동작을 하려다 보면, 여러가지 종류의 모터를 조작할 필요가 생긴다. 이와 관련하여, 1. 서보모터를 제어하는 방법을 다음글에서 소개했었고, https://blog.naver.com/mythee1/223186947086 2. 스텝모터를 제어하는 방법을 다음글에서 https://blog.naver.com/mythee1/223190144978 3. 그리고, DC모터(brushed)를 제어하는 방법을 다음글에서 각각 소개한 바 있었다. https://blog.naver.com/mythee1/223187711541 2. BLDC (Brushless DC) Motor의 특징 그런데 최근 드론과 같은 장비에서 브러시가 없는 형태의 DC모터인 BLDC 모터의 사용이 늘고 있으며, 점차 일반적인 용도에서도 BLDC 모터의 사용빈도가 늘고 있다는 점 때문에 피코 보드에서 이러한 BLDC 모터를 조

Naver Blog

기상정보 API 활용하기 3 - OLED화면에 그래프로 예측온도 표시하기

1. API입력결과를 OLED에 표시하기 앞선 글들에서 기상청의 단기 예보 API 이용 방법을 소개했었고 (https://blog.naver.com/mythee1/223208832718 ) , 이러한 API를 활용해서 기상정보를 라즈베리파이 피코보드에서 직접 받아들이는 방법을 다음의 글에서 소개한 바 있었다. https://blog.naver.com/mythee1/223210593866 이렇게 라즈베리파이 피코에서 불러들인 기상예보값을 OLED 화면에 표시해 보기로 했다. OLED 화면이 128x64화소인 점과, 글자 한자는 8x9 화소를 사용하는 점을 고려해서, 우선 다음과 같이 * 예측날자와 기준시간을 표시하고, * 그날의 최저온도와 최고온도른 숫자로 표시하고 * 24시간 기준 온도 변화 경향을 간단한 그래프 형태로 표시해 보기로 했다. 2. 예제코드 앞선 글들에서 기상청의 단기 예보 API 이용 방법을 소개했었고 (https://blog.naver.com/mythee1/2232

Naver Blog

토이 드론 해외 직구 후기 - 카메라 불량 제품을 받다

1년 전 드론을 접해보고 싶은 마음은 있었지만 어떻게 시작할지도 모르고, 또한 처음에는 시행착오도 많을 것이라 생각해서 우선 그대로 망가지더라도 큰 부담이 없는 것으로 좀 연습을 한 후에 본격적인 제품을 사보자 하는 생각을 했었다. 그리고 그렇게 토이 드론을 하나 구입해서 며칠 가지고 놀다가, 예상대로 여기저기 부딪히기도 하고, 너무 조잡하다는 생각과, 막상 어느 정도 조종을 할 줄 알게 되니 다소 시들해졌기에 친구에게 주어버렸다. 친구 역시 드론에 관심은 있었으나, 어찌할지를 몰라 하던 차였기에 우선 이것으로 여기저기 부딪혀보고 구입하라는 취지였다. 그러고 나서 1년이 지나 다시 드론을 구입해 볼까 하는 생각을 하게 되었다. 딱히 드론을 어디다 사용하겠다 하는 것도 아직 없는 상태이고, 집주변에서는 날리기도 어려운 터라, 우선 지난해에 구입한 것보다 조금 더 나은 것을 구해서 경험치를 늘려보아야겠다는 생각이 들었다. 해외 직구 사이트를 이리저리 둘러보다, 나의 필요에 맞으면서도,

Naver Blog

토이 드론 분해와 수선, 재조립 - 카메라 불량 수리

토이 드론을 해외 직구했다가, 비행성능은 만족스러웠으나, 카메라가 전혀 동작하지 않는 불량품을 받았다가, 결국 부분 환불을 받았던 사례를 소개한 바 있었다. https://blog.naver.com/mythee1/223216270968 그런데 그렇게 남게 된 카메라 불량 드론을 가지고 어떻게 해야 하나 하다가, 분해를 해 보기로 했다. 일단 원인이 무엇인지 호기심이 들었기 때문이다. 그리고, 활짝 열린 카메라 부분을 나사를 조이든 아니면 접착제로 붙이든 얼마간의 수선도 필요해 보였다. 우선 몸체 하단부를 살펴보고, 카메라 부분을 눌러서 빼냈다. 마침 누르는 표시가 되어 있어서, 이곳을 통해 뺄 수 있는 것을 알았다. 그리고 본체에 연결된 부분의 나사들을 모두 풀었다. 그랬더니 본체 뚜껑이 열렸다. 이때 배터리는 빼낸 상태로 작업했다. 내부에는 간단한 회로판 1개가 전부였다. 이런 작은 회로판으로 드론을 조정한다는 게 신기했다. 비행에는 문제가 없었던 상황에서, 이 부분에는 별로 손댈

Naver Blog

라즈베리파이 5 (Raspberry 5) 출시 소식 - 드디어 출시된다!

그간 2023년 중에 출시가 된다 또는 안된다고 말이 많았던 라즈베리파이 5가 드디어 내달 (2023년 10월) 출시된다는 소식을 오늘 접했다. 기사를 통해 접한 라즈베리파이 5의 모습은 다음과 같았다. 정품 방열판도 함께 출시된다고 하며, 방열판이 장착된 모습은 다음과 같다. 알려진 주요 스펙을 전작인 라즈베리파이 4와 비교하면 다음과 같다. RPI 5 RPI 4 AP Broadcom BCM2712 Arm Cortex-A76 CPU 2.4GHz quad-core 64-bit (16나노 기술) Broadcom BCM2711 Arm Cortex-A72 CPU 1.8GHz quad-core 64-bit (28나노 기술) GPU VideoCore VII Open GL ES 3.1, Vulkan 1.2 H.265 (4kp60 decode), H264 (1080p60 decode, 1080p30 encode) Open GL ES 3.1, Vulkan 1.0 Display 4Kp60 HDMI

Naver Blog

입문용 드론 어떤 것을 사야 할까? - 구입할 모델 찾아서 헤매고 비교하기 - CFly Faith2 Pro 를 선택하다

드론을 사고 싶기는 했지만, 처음부터 좋은 것을 사면 아마도 조종을 제대로 못해 잃어버리거나, 여기저기 많이 부딪힐 것이 염려가 되었었다. 그래서 토이 드론을 구입해서 드론이 어떤 것인지 대략 감을 잡은 후 본격적인 입문용 드론을 사려고 했었다. 그렇게 토이 드론을 1년 간격을 두고 두 번 구입했다. (참고로 내가 구입했던 두 번째 토이 드론의 카메라는 망가진 불량 제품을 받았었다. ) 예상했던 대로, 지난해 구입했던 첫 번째 토이 드론은 여기저기 많이 부딪혔었다. 처음에는 여러 가지 조종의 개념도 생소했는데, 그 첫 번째 드론 때문에 어느 정도 드론이란 이런 것인가 보다 하고 알게 되었다. 화질은 형편없었지만 그래도 이렇게 보이는 것이구나 하는 것을 알게 해주었다. 그 덕택에 두 번째 구입한 드론은 부딪힘 없이 조종이 가능했다. 비록 카메라가 불량이었고, 광고 내용의 거의 대부분(카메라 조종, 해상도 등)은 모양만 되는 거짓이긴 했지만 그래도 실내 비행은 1년 전의 토이 드론에 비

Naver Blog

라즈베리파이 피코보드에서 1.3인치 OLED 디스플레이 (SSH1106) 사용방법 및 후기

좀 더 큰 화면(1.3인치)의 OLED 디스플레이 이전 글에서 SSD1306 Controller 칩을 사용하는 0.96인치 크기의 OLED 디스플레이인 SSD1306 OLED를 라즈베리파이 피코 보드에서 활용하는 방법과 관련 라이브러리를 소개한 바 있었다. https://blog.naver.com/mythee1/223193377274 라즈베리파이 피코 보드에서 소형 0.9인치 1306 OLED 디스플레이 사용 방법 및 주의사항 1. SSD 1306 OLED 앞선 글에서 라즈베리파이 피코 보드에서 1602A라는 16x2 LCD를 이용하여 출... blog.naver.com 그런데, 이 SSD1306 OLED 소자는 저렴하고, 128x64의 해상도를 가지는 장점이 있기는 하지만, 글자가 조금 작아 아쉬울 때가 있었다. 이 때문에 좀 더 큰 화면의 디스플레이를 찾는 과정에서 1.3인치의 크기를 가지는 OLED 디스플레이를 발견하게 되었고, 호환성 등에 대한 별도 표시가 없어 별 문제가 없

Naver Blog

라즈베리파이 피코보드에서 2.8인치 컬러 LCD ( ILI9341 ) 사용하기

1. 피코 보드에 적용해 본 여러 디스플레이 이전의 글들을 통해, 라즈베리 파이 피코 보드에서 다양한 디스플레이의 사용방법을 소개했던 바 있었다. 먼저, 정보를 표시하는 매체의 가장 기초적인 형태인 8x8 KED Matrix와 사용법을 다음 2개의 글로 소개했었다. https://blog.naver.com/mythee1/223191771952 https://blog.naver.com/mythee1/223192592946 LED Matrix는 본격적인 디스플레이라기보다는 LED의 배열을 제어하여 정보를 표시하는 제품으로, 광고판 등에 제한적으로 사용되며, 본격적인 디스플레이라고 말하기에는 무리가 있다. 그다음으로, 본격적인 디스플레이 중 가장 기본적이라고 할 수 있는 1602 LCD 사용법을 소개했었다. https://blog.naver.com/mythee1/223188515992 1602LCD는 16글자씩 2줄로 표시해 주는 단색 LCD로, 가격이 불과 3-4천 원 정도로 저렴하면서

Naver Blog

라즈베리파이 피코보드에서 IR 감지 센서 사용하기

IR 감지센서 앞선 글에서 IR 방식의 장애물 센서를 이용하는 방법을 소개한 바 있었다. (https://blog.naver.com/mythee1/223262700519) 피코 보드에 IR 방식 장애물 센서 적용해 보기 1. 초음파 방식 거리센서 vs IR(적외선) 방식 장애물 센서 이전 글에서 장애물 회피를 위해, 초음파를 이... blog.naver.com 그런데, 실제에 있어서 IR 센서는 장애물 감지 목적 외에도, 보안 목적으로 많이 사용된다. 외부로부터의 도둑이나, 외부 침입자가 있는 경우 이를 발견하기 위한 목적으로 다음과 같은 형태의 감지기가 설치된 경우들을 주변에서 흔히들 볼 수가 있다. 이들은 모두 눈에 안 보이는 적외선을 이용하여 눈에 안 보이는 빛의 사슬을 형성한 후, 이 빛의 사슬이 차단되는 것을 감지하여 경보를 울리거나 동작하는 원리를 사용한다. 피코보드에서 IR 감지센서 적용해보기 라즈베리 파이 피코 보드에서도 이러한 원리를 구현해 볼 수 있는데, 시중에서

Naver Blog

2.5인치 128x64 LCD (SPI) 사용기 - GMG12864-06D (ST7565R 드라이버)

1. GMG12864 LCD 이전 글을 통하여, 라즈베리 파이 PICO 보드에서 16x2 형태의 LCD를 사용하는 방법을 소개한 바 있었다. (https://blog.naver.com/mythee1/223188515992). 그런데 이러한 16x2 LCD는 저렴하고 사용하기도 쉽지만, 화면에 동시에 표시할 수 있는 글자의 수가 32자에 불과한 아쉬움이 있었다. 이 때문에, 좀 더 많은 글자를 한 번에 표시할 수 있는 디스플레이들을 찾게 되었는데, 그 과정에서, 다양한 사이즈의 OLED 장치와, 2.8인치로 화면이 크면서도 컬러까지 표시되는 TFT 디스플레이 사용법을 소개한 바 있었다. (https://blog.naver.com/mythee1/223261916154 ) 그런데, 정작 LCD 자체로는 16x2대 비 더 커진 LCD를 한동안 찾지 못하다가, 다음과 같은 LCD를 발견하게 되었다. 이름은 GMG-12864-06D라는 제품으로, 화면의 크기는 58x28mm로 화면의 대각선 길

Naver Blog

ESP32 - Thonny IDE에서 ESP32에 신호등 만들기

앞선 글을 통해 ESP32보드의 주요 사양과 pinmap을 자세히 소개한 바 있었다. (https://blog.naver.com/mythee1/223272166849) ESP-32 개발 보드와 핀맵, 그리고 주요 핀들 1. ESP32 개발 보드 앞선 글들에서 ESP8266과 ESP32 개발 보드에 마이크로 파이썬 개발 환경을 간... blog.naver.com 그래서 오래전 만들었던 라즈베리 파이 피코에서 사용하던 신호등 프로그램을 그대로 가져다가 ESP32 보드에서 적용해 보기로 했다. 물론 이를 위해서는 ESP32개발 보드에 마이크로 파이썬 개발 환경을 먼저 갖추어야 하는데, 이에 대해서는 이전 글에 (https://blog.naver.com/mythee1/223271251974) 자세히 설명해 두었으므로, 해당 글을 참조하기 바란다. 개발 보드를 이용하여 처음 코딩을 하다 보면, LED를 깜빡이는 신호등 같은 의제들을 가장 기본적으로 다루게 된다. 아마도 LED를 켜는 것이 곧

Naver Blog

ESP32 개발 보드에서 OLED 디스플레이 사용하기

1. OLED 디스플레이 앞선 글에서 ESP32 보드에 1602라는 액정을 사용하여 정보를 표시하는 것을 소개하였었다. 이번 글에서는 ESP32 보드에서 LCD 대신 소형 OLED 디스플레이를 이용하여 출력하는 방법을 소개한다. 아두이노나 ESP 보드 등에서 사용하는 OLED 디스플레이는 대략 0.9~1.3인치 정도의 크기가 보편적이며, 시중에서 수천 원 정도에 구입이 가능하다. 이들 OLED 디스플레이의 통신방식은 다음 사진들과 같이 I2C여서, 전원 선을 포함하여 총 4개의 선으로 개발 보드와 연결되게 된다. 또한 OLED 제품은 사용하는 드라이버칩에 여러 가지가 있는데, 내가 선택한 0.91인치의 경우 SSD1306을 사용하는 것으로 알려져, OLED 자체를 SSD1306 OLED라고 부르기도 한다. (참고로 좀 더 큰 사이즈인 1.3인치의 경우 SH1106을 사용하는 경우도 있었다.) OELD는 이렇게 사용하는 드라이버 칩셋이 호환성을 결정하므로, 제품을 구입 시 반드시 사용

Naver Blog

사용이 쉽고 간단한 손동작 (스와이프) 스위치

요즘은 세면대에서 굳이 수도꼭지를 돌리지 않아도 손동작을 인식해서, 자동으로 물이 나오는 수도꼭지들이 많다. 또한 쓰레기통 또한 요즘에는 자동으로 열리고 닫히는 제품들이 많다. 이러한 장치들에는 사람이 근접하거나 손동작을 인식하는 센서가 부착되어 있기 때문인데, 해외 직구 사이트를 검색하다가 다음과 같은 모양의 재미있는 센서 스위치를 하나 발견했다. 스위치 이름은 스와이프 (swipe) 센서 스위치이다. 말 그대로 손동작을 인식해서 전원을 켜거나 끄는 기능을 한다. 이 센서 모듈에 센서 자체와 논리회로, 프로그램이 함께 내장되어 있어, 굳이 아두이노나 라즈베리파이 같은 마이크로 컨트롤러와 프로그래밍을 몰라도, 일반 전원 스위치처럼 배선만 연결하면 사용할 수 있는 아주 간편한 제품이다. 더욱이 가격도 착해서 개당 2천 원에 구입이 가능했다. 처음 배송받았을 때의 모양은 다음과 같다. 전원입력부와 전원출력부에 납땜은 직접 해야만 하지만, 납땜할 부분이 그렇게 작지는 않아서 그렇게 어려운

Naver Blog

훨씬 좋아진 미사 스카이폴리스 구내식당 위니드밥

내 사무실이 위치한 미사 스카이폴리스 건물에는 구내식당 형태의 식당인 위니드밥이란 식당이 있다. 건물 자체에서 자체적으로 운영하는 것은 아닌 것으로 알고 있지만, 외형적으로는 일반적인 상업용 빌딩들의 구내식당처럼 운영하는 식당으로, 좌석수가 300여석 정도로 보일만큼 규모면에서 뒤쳐지지 않을 정도의 식당이다. 나 역시 이 식당이 개점했을 초기에 가끔씩 이용하곤 하던 곳이었다. 일반적인 구내식당들이 내부 직원들에게 많이 저렴한 것에 비해, 일반 식당들과 유사한 수준의 가격(8000원)이었지만, 구내식당이라고 주장하는 이름이 주는 친근감과, 매일 매일 식사때마다 어떤 메뉴를 골라야 할지 고민할 필요가 없고, 집밥같은 느낌도 있다는 점 때문이었다. 그런데 나는 언제부터인가 이곳을 거의 이용하지 않게 되었던 듯 하다. 특별한 계기가 있었던 것은 아니었다. 지금 굳이 돌이켜 이유를 생각해보자면, 나의 개인적이고 주관적인 느낌이겠지만, * 가격이 일반 식당 수준이라 구내식당이라는 이름에 비해서

Naver Blog

ESP-NOW 사용하기 4 - 1:N (1:복수) 양방향 통신

앞선 글들에서 ESP-NOW 통신으로 ESP32/esp8266 보드에서 1:1양방향 통신을 소개한 바 있었다. https://blog.naver.com/mythee1/223291266342 그런데 이를 발전시켜 복수의 ESP 보드들과 ESP-NOW 방식으로 양방향 통신을 시도하기 위해, 다음과 같이 회로를 구성했다. 즉, 오른쪽 ESP32(=sender)에서 버튼을 누르면 ESP-NOW 메시지를 송신하는 의미의 백색 LED를 켜고, 왼쪽에 위치한 별도의 ESP32(Receiver 1) 및 ESP8266(Receiver 2) 보드에서 이 통신 메시지를 수신한 후, 잘 수신했다는 의미로 각각에 연결된 LED를(Receiver 1 - 백색, Receiver 2 - 청색) 켜게 된다. 그리고, 각각의 보드들은 메시지를 잘 수신했다는 내용의 메시지를 오른쪽에 위치한 ESP 보드(=Sender)에게 송신하데 되는데, Sender가 이를 수신하면, 전체적인 양방향 통신이 잘 이루어졌음을 확인해

Naver Blog

최신 버전 OMV (7.0)에 Portainer 설치하기

1. Portainer 설치 방법의 변화 앞선 글을 통해 OMV(OpenMediaVault)는 버전 6.7 (대략 2023년 9월)부터 omv-extras를 통한 Docker와 Portainer 설치가 지원되지 않도록 변화가 생겼고, 이제는 compose 플러그인을 통해서만 설치가 가능하게 되었음을 소개한 바 있었다. 이를 반영하여, 2023년 12월 기준으로 최신 버전인 OMV 7.0에 Compose를 설치하고, 이를 통해 Docker를 설치하는 방법과, 공유 폴더들을 지정하는 내용을 지전 글에서 자세히 소개했었다. (https://blog.naver.com/mythee1/223295178649) OMV 7.0에 Docker 설치하기 1. OMV-Extra 및 Docker, Portainer 관련 변화 OMV(OpenMediaVault) 는 기존 6.7 이전의 버전... blog.naver.com 2. Portainer 설치 준비 OMV에 Portainer를 설치하려면, 먼저 Do

Naver Blog

라즈베리파이 (Raspberry Pi) 5 SBC 구입 및 개봉기

1. 구입 과정 및 국내 판매처 지난 2023년 9월 말 라즈베리파이5가 세상에 나온다는 소식이 알려졌었다. https://blog.naver.com/mythee1/223223919345 라즈베리파이 5 (Raspberry 5) 출시 소식 - 드디어 출시된다! 그간 2023년 중에 출시가 된다 또는 안된다고 말이 많았던 라즈베리파이 5가 드디어 내달 (2023년 10월) 출... blog.naver.com 그리고 이 제품이 2023년 10월 하순에 본격 출시된다고 했으나, 그동안 우리나라에서는 도입 수량이 매우 적어, 현실적으로 국내에서는 구입하기가 어려웠는데, 2023년 12월 중순 드디어 국내에서도 구입이 가능하게 되었기에 하나를 구입해서 개봉해 보았다. 라즈베리파이 재단은 홈페이지에서 국내에서의 공인된 판매처로 다음 3곳을 소개하고 있다. (관련 링크 : Buy a Raspberry Pi 5 – Raspberry Pi) 그런데 막상 라즈베리파이 재단 홈페이지에서 각각을 선택해

Naver Blog

실망스러웠던 항공사 소멸 마일리지 활용 후기

문득 항공사로부터 연말에 소멸하게 되는 마일리지에 대한 안내 카톡을 받았다. 그나마 금년에는 2074마일에 불과하지만, 내년에는 거의 16배나 되는 32,900여 마일이나 유효기간이 끝난다고 한다. 그동안 쓸 곳도 없었는데... 혹시나 하는 마음에, 기존에 이용하던 타 항공사도 확인해 보니 여기도 올해 말에 약 5000마일이나 유효기간이 임박했다는 것을 깨닫게 되었다. 카톡 방을 찾아보니 지난달에 다음과 같은 안내 문자가 있었는데 깜빡 잊어버리고 있었던 것이다. 이것을 가지고 무엇을 할 수 있는지 한참을 고민했다. 이 정도의 마일리지로 무엇을 할 수 있을지 잘 모르기도 했고, 갑자기 이것 때문에 여행 계획을 짤 수도 없었던 상황이었기 때문이다. 결국 다 포기하고, 각사의 마일리지 몰에서 이 정도 마일리지로 구매할 수 있는 게 무엇이 있을까 살펴보았다.. 소멸될 마일리지가 상대적으로 많았던 항공사의 앱에서 마일리지 몰을 먼저 들어가 살펴보았는데, 5000여 마일 정도로 할 수 있는 것

Naver Blog

소박하지만, 10년 넘게 즐겨가는 성남 이배재 고개의 금촌 농장 오리 식당

세상에는 비싸고 화려한 식당들도 많고, 그들은 그 나름대로 다양한 맛과 만족을 준다. 그렇지만 세상에는 그렇게 비싸지 않은 소박한 식당임에도 불구하고, 비싸고 화려한 식당들에 못지많게 맛있고, 비싸지 않으면서도 음식이 만족스러운 식당들도 많이 있다. 동네의 소박한 식당이며, 요리의 종류도 비교적 단순하지만, 그러한 곳들에서 주는 맛과 행복은 비싸고 화려한 식당에 못지않다. 더더욱 가격 또한 착한 경우가 많다. 이런곳들은 자연스레 오랜기간동안 반복해서 방문하게 되곤 한다. (많은 경우에 중간에 주인이 바뀌면서 맛이 달라지거나, 가격이 급하게 오르는 경우가 많기도 하지만) 내게도 그렇게 오랜 기간 동안 반복해서 방문하는 식당이 한 곳 있다. 바로 경기도 광주에서, 성남 지역으로 이어주는 고갯길인 이배재 고개에 있는 금촌 오리 고깃집이다. 내가 이곳을 알게 된 것은 정확히 기억나지는 않지만 대략 12~15년 정도 된 것 같다. 처음에 어머니 소개로 가게 된 곳이었는데, 내가 사는 곳에서는

Naver Blog

Windows11 업그레이드 시 보안 부팅 문제 및 데이터 손실 없이 MBR에서 GPT로 디스크 변환

윈도 10에서 윈도 11로 업그레이드를 하다 보면 다음과 같은 보안 부팅 오류 메시지를 접하게 되곤 한다. 이 부분은 UEFI 부팅 및 저장 장치인 HDD 또는 SSD를 GPT 형식으로 설정되면 해결할 수 있다. 나의 경우에도, 보유한 PC 한대가 이런 문제가 있었는데, 다음과 같은 과정을 거쳐 보안 부팅 문제를 해결하고 정상적으로 윈도 11로 업그레이드할 수 있었다. 참고사진 - 만일 정상적이라면 (=이미 디스크가 GPT라면) 다음과 같이 PC의 바이오스 설정에 들어가서 Advanced 메뉴로 이동해 "Secure Boot Configuration"을 선택하고, 다음처럼 "Secure Boot"는 "Enabled"로, 그리고 "Legacy Boot"는 "Disable"로 설정해 주면 해결된다. 그런데, 이 단계에서 부팅이 정상적으로 이루어지지 않는 경우가 있다. 이 경우는 대부분 저장 장치인 디스크가 GPT로 설정되어 있는지를 확인하고, 만일 이게 MBR 이면 이를 GPT로 변경해

Naver Blog

블로그 페이지에 HTML 파일 넣어보기

< Update > - 2024년 2월8일 재확인한 결과, 아래 글에서 소개한 방법이 네이버블로그에서는 더 이상 가능하지 않았습니다. 현재는 네이버 블로그 편집기 화면상태에서는 HTML 내용이 삽입된 것으로 표시되나, 네이버 블로그 발행을 마치면 해당 HTML 부분이 하나의 선으로만 표시되네요. 블로그를 사용하다 보면 엑셀 등에서 만들어진 표를 그대로 넣고 싶을 때가 있다. 나는 이러한 경우, 1) 엑셀에서 범위를 복사해서, 그대로 표 형태로 붙여 넣는 방법과, 2) 또는 해당 부분을 이미지 파일로 캡처한 후, 이미지 파일로 붙여 넣는 방법을 주로 사용한다. 표 형식으로 붙여 넣는 경우는 글자의 형태로 입력되며, 표에서 수정 등의 편집이 가능하지만, 스타일이나 포맷은 깨지는 단점이 있다. 반면 이미지 형태로 붙여 넣는 경우에는, 포맷과 색상, 스타일은 유지되지만 추후 편집이 불가능한 문제가 있다. 그런데, 간혹 이러한 자료를 웹에 게시할 때 HTML 방식으로 게시하고 싶을 때도 있다

Naver Blog

엑셀 팁 - 텍스트 상자에 수식 값 연결하기

엑셀을 사용하다 보면, 특정 위치에 텍스트 상자를 이용하여 정보를 표시하는 경우들이 꽤나 많이 있는데, 특히 반응형 대시보드 등을 만들 때는 슬라이서 선택항목의 합계 등을 값으로 표시하는 경우도 많다. 그런데, 텍스트 상자는다음화면처럼 텍스트 상자내에 수식을 직접 넣을 수 없는 특징이 있다 (수식을 넣어도 단순히 텍스트로 인식됨) . 이 때문에 다음과 같은 반응형 대시보드에서, 슬라이서로 선택된 항목의 합계 등을 이러한 텍스트 상자 속에 표시하려면 약간의 트릭이 필요하다. 텍스트 상자내에서 변화하는 계산값을 표시하려면, 먼저 해당 정보 표시에 사용할 텍스트 상자를 마우스로 선택한 상태에서, 곧바로 다음과 같이 수식 편집창을 클릭하고, 여기에 참조를 위한 "="를 입력해 준다. 그리고 다음과 같이, 참조에 사용할 셀을 지정해 준다. 텍스트 상자 내에 수식을 직접 넣을 수는 없지만, 이와 같은 방식의 단순 참조는 가능하기 때문이다. 위의 예에서는 슬라이서 선택에 따른 결과를 미리 피벗테

Naver Blog

엑셀 피벗과 대시보드 5 - 기존 슬라이서를 새로 생성한 피벗 테이블에 연결하기

엑셀에서 피벗 차트와 대시보드를 만들다 보면, 차트를 추가해야 할 때가 많이 있다. 이를 위한 좋은 방법은 기존 피벗 테이블과 별개로, 새롭게 독립적인 피벗 테이블을 생성(슬라이서 없이)하고, 기존에 생성되어 있던 슬라이서를 선택적으로 연동시켜 주는 것이다. 구체적인 방법은, 기존 피벗 테이블 옆에 (충분히 빈칸을 띄우고) 별개로 새롭게 원하는 만큼의 피벗 테이블들을 생성한다. 그런 후, 기존에 만들어둔 슬라이서중 연동시킬 슬라이서를 선택한 상태에서, 마우스 우측 메뉴를 이용해 다음과 같이 "보고서 연결"을 선택한다. 그러면 현재 엑셀 시트에서 연결 가능한 피벗 차트들의 목록이 나타난다. 다음의 예에서는 위에서 4개의 피벗 테이블을 새로 생성했기 때문에, 기존 슬라이서와 연결되지 않은 4개의 피벗 테이블이 보인다. 여기서 새로 생성한 테이블들이 "호실" 선택 슬라이서와 연동되도록 하고자 하므로, 다음과 같이 선택하고 확인해 주면 슬라이서 연결이 완료된다. 이렇게 하면, 호실 슬라이서

Naver Blog

엑셀 피벗과 대시보드 6 - 복수의 슬라이서와 차트들로 구성된 대시보드 만들기

이전 글에서 복수의 슬라이서를 가지는 대시보드를 만드는 방법을 소개했었는데 (https://blog.naver.com/mythee1/223371226370), 이번 글에서는 이러한 대시보드에, 원하는 수의 피벗 차트를 추가하고, 기존 슬라이서에 연동하는 과정을 소개한다. 본 예에서는 다음 화면과 같이, 기존에 2개의 슬라이서를 가지는 대시보드에, 특정 호실의 중요 관리비 항목 4개에 대한 차트를 추가하고, 호실 선택에 따라 연동하도록 설정하려 한다. 이렇게 하면, 특정한 호실을 선택함에 따라 해당 호실의 주요 관리비 항목들을 특정 항목 또는 여러 항목을 결합한 차트를 볼 수 있고, 이와 독립적으로 새로 추가한 4개의 차트에서는 해당 호실의 중요 항목을 함께 볼 수 있게 된다. 이렇게 추가된 차트들은 기존의 호실 선택 슬라이서와 연동되므로, 호실을 변경해 선택하면 연동하여 업데이트된다. 이러한 의도대로 만들어진 최종 대시보드의 동작 모습은 다음과 같다. 이러한 대시보드를 만드는 방법은

Naver Blog

인터넷 접속기록 및 검색 기록을 확인 및 삭제 방법 - 그리고 자동삭제 설정 방법

크롬 브라우저에서 인터넷을 사용하다 보면, 이전에 접근했던 사이트에 대한 기록이 쭉 나타나는 경우들이 있다. 그 중에는 해당 사이트에 접속했던 흔적을 남기고 싶지 않은 경우들도 많이 있다. 본 글에서는 자신의 기기에서 인터넷을 사용한 기록, 검색했던 기록, 기타 구글 계정을 이용해 했던 여러 기록들을 살펴보고 삭제하는 방법과, 기록 관리 방법을 원하는 대로 설정하는 방법을 소개한다. 가장 먼저, 자신이 크롬 브라우저에서 인터넷을 사용한 기록들을 간단하게 삭제하고 정리하려면, 다음과 같이 크롬 브라우저에서 점 세 개 형태로 표시되는 메뉴에 들어가, "인터넷 사용 기록 삭제"를 선택하면 된다. 이를 선택하면, 다음과 같은 화면이 되며, 간단하게 "인터넷 사용 기록 삭제"를 실행하면 되는데, 만일 상세하게 항목별로 삭제 작업을 하려면, 오른쪽의 "고급" 탭을 이용하면, 상세하게 항목별로 선택해서 삭제할 수가 있다. 이렇게 하면, 기존에 인터넷을 사용했던 기록들은 모두 삭제할 수 있고, 크

Naver Blog

컬러인쇄 상태가 나쁠 때 복합기 보정기능 사용하기

나는 다음과 같은 컬러 복합기를 사용하고 있는데, 벌써 이 제품을 사용한 지가 6년째인데, 양면인쇄 및 양면 스캔, 양면 복사까지 지원하는 다재다능한 기능 외에도, 와이파이 망을 이용한 무선 네트워크로 별도 선 연결이 불필요해서 아주 편리한 제품이다. 더구나 지난 6년간의 사용기간 동안 단 한 번의 고장도 없어, 사용할수록 만족하고, 주변에도 권해왔던 제품이다. 그런데, 얼마 전부터 인쇄물의 농도가 다소 옅어지는 듯한 느낌이 들었다. 특히 흑백 문서보다는 특히 컬러 문서에서 색상이 좀 옅어지는 경향이 있었다. 마침 사용 중인 토너가 정품이 아닌 매우 저가의 호환 토너이기도 해서, 토너 상태를 살펴보았는데, 의외로 토너 정보에는 잔량이 충분했다. 때문에, 모처럼 이 컬러 복합기에 내장되어 있는 보정 기능을 실행해 보기로 했다. 사실 이전에 간헐적으로 한두번 해 준 적이 있었는데, 최근 2년 정도는 해준 기억이 없었다. 또한 전원이 꺼졌다 켜질 때 자동 보정이 실행되도록 설정해 둔 것

Naver Blog

엑셀 시트를 돋보이게 하는 "조건부 서식" 활용하기

인터넷에서 다음의 환율 자료와 같은 많은 자료들은 다음과 같이 엑셀 시트의 형태로 다운로드할 수 있는 경우들이 많다. 그런데, 이런 자료를 엑셀의 조건부 서식을 이용하면, 각 조건에 따라 다양한 형태의 서식을 자동으로 부여할 수 있기 때문에, 좀 더 효과적으로 자료들을 검토할 수가 있어, 이의 사용법을 소개한다. 기준값보다 크거나 작은 셀들 선별하기 조건부 서식을 적용하는 방법은 다음과 같이 먼저 해당 서식을 적용할 범위를 마우스로 선택한 상태에서, 엑셀 메뉴 중 "홈" --> "조건부 서식" 메뉴를 차례대로 선택해 준다. 그러면 해당 선택 범위에 적용이 가능한 다양한 서식이 제시되며, 이중 원하는 것을 선택할 수가 있다. 이러한 서식들 중 먼저 특정한 값보다 큰 경우의 값들을 골라서 원하는 서식을 적용해 주려면, 다음과 같이 "셀 강조 규칙" --> "보다 큼" 메뉴를 선택해 주고 다음과 같이 기준값을 지정해 주고, 해당 조건이 충족할 때 사용할 서식을 다음과 같이 지정해 주면,

Naver Blog

휴무일인 주말에 더 붐비는 스카이폴리스 한식뷔페 "봄봄" - 무었때문에 점점 붐비게 되는 것일까?

지난 2월 사무실이 있는 미사 스카이폴리스내 새로운 구내식당이 새로 문을 열었다. 개점 전에는 샐러드바라고 알려졌는데, 막상 개점을 하고 보니, "봄봄"이라는 한식뷔페였다. 처음에는 몰랐으나, 부천에 있던 식당이 하남시의 미사 스카이 폴리스 내 건물로 옮겨온 것이라고 했다. 무엇보다 새로 개장한 식당이라 생기는 호기심과, 반찬의 가짓수가 대략 20여 가지 정도 된다는 광고에 끌려 개장날 이곳에 식사를 하러 갔었다. 그렇게 개장일에 이곳을 친구와 방문한 이후, 사무실에 출근해서 점심식사를 하는 경우에는 거의 매일 이곳에서 점심식사를 해결하곤 해왔다. 덕분에 매일매일의 점심은 조금씩 과식하는 경향이 있기도 했고, 사무실에 출근하는 작은 즐거움이 생겨나기도 했다. 이렇게 계속 이 식당을 다니게 되었던 직접적인 이유를 들자면, - 먼저 식당이 깔끔하다는 인상과 함께, - 여러 가지 선택의 폭이 넓은 반찬류에 더해, - 식권으로 구입하면, 할인 때문에, 훨씬 저렴해지기도 하는데, 식권을 카드

Naver Blog

Blynk 활용 3- Blynk에서 라즈베리파이/ESP32에 연결된 센서의 측정값을 그래프로 표시하기

Blynk에 원격 센서 값 표시 방법 앞선 글을 통해, 라즈베리파이 피코 보드나, ESP32에 연결된 센서의 값들을 Blynk IOT 플랫폼에 연결하여, PC나 스마트폰을 통해 멀리 떨어진 곳의 센서 값을 실시간으로 모니터링하는 방법을 소개한 바 있었다. 특히, 해당 글에서는 상대적으로 어려운 C언어 대신 쉬운 마이크로 파이썬을 이용하여 원격 장치를 Blynk IOT 플랫폼에 연결하는 예를 소개했었다. (https://blog.naver.com/mythee1/223442964919) 그런데, 이번 글에서는 다음과 같이 숫자 또는 게이지의 형태로 표시했던 센서 데이터를 그래프의 형태로 표시하는 방법을 소개하려고 한다. 센서 값의 Trend 그래프 표시 Blynk에서는 일단 입력된 센서 값들을 다음과 같은 그래프 형태로 표시하는 기능을 제공한다. 일반적으로 이런 기능을 데이터 trend 표시 기능이라고 하는데, Blynk의 무료 버전은 1주까지의 센서 입력 데이터를 내부적으로 기록하고,

Naver Blog

손안의 IOT를 위한 IOT 플랫폼 - Arduino IOT Cloud와 Blynk와의 비교

1. 아두이노 IOT Cloud 아두이노 IOT Cloud는 앞선 글에서 소개한 Blynk와 유사한 IOT Cloud 플랫폼의 하나로, 아두이노 재단에서 운영하며, 아두이노나 ESP8266, ESP32, Lorawan 계열들의 마이크로컨트롤러 보드를 연결하여 사용하기 위한 클라우드 서비스이다. 이 서비스를 이용하면, 아두이노나 ESP32 등에서 측정한 센서 값을 클라우드에서 전달받아 PC 또는 스마트폰에서 실시간 모니터링하는 것과, 클라우드에 연결된 PC 또는 스마트폰에서 해당 마이크로 컨트롤러에 연결된 각종 스위치를 원격으로 조작하는 것이 가능하다. 2. 아두이노 IOT 클라우드에서 지원되는 보드 사용이 지원되는 보드로는 가장 추천되는 기본적인 보드로는 아두이노 보드 중 Wifi 통신 기능이 있는 다음과 같은 아두이노 보드들(Uno R4 등)과, Source : https://support.arduino.cc/hc/en-us/articles/360016077320-What-devi

Naver Blog

아두이노 클라우드 Status 위젯

ESP32나 라즈베리파이 피코, 또는 아두이노 같은 마이크로 컨트롤러들을 IOT 클라우드인 아두이노 클라우드에 연결하여 사용하다 보면, 스위치의 조작 상태를 표시하기 위하여 LED 위젯을 일반적으로 많이 사용하게 된다. 이러한 LED 위젯은 크게 다음과 같은 방식으로 On/OFF를 표시하게 된다. 각각의 LED의 색상을 표시하거나, 적색/녹색을 교차 사용하는 방식으로 On/OFF 상태를 표시하게 되는 것이다. 그런데, LED 위젯을 그대로 대체해서 사용할 수 있는 Status 위젯이 있다. 기본적인 기능이야 LED 위젯처럼 Boolen 값을 표시하는 것이므로 매우 단순하지만, LED 위젯이 단순히 색상만으로 표시하는데 반해서, 문자적인 표현 또는 더욱 직관적인 O/X 표시를 해 주는 차이가 있다. 이러한 단순한 차이가 과연 의미가 있을까 싶기도 하지만, 산업계의 경우 업종에 따라 적색과 녹색을 긍정과 부정으로 인지하는 결과가 다르기 때문에, 단순히 LED색상만으로 표시하는 경우에는

Naver Blog

Firebase 배우기 10 - Firestore DB 등록 자료를 특정 필드 기준으로 정렬하여 읽어오기

FIrestore Database에 컬렉션으로 등록한 자료를 읽어와 웹페이지에 표시하는 것을 이전 글에서 소개한 바 있었다. https://blog.naver.com/mythee1/223493415455 Firebase 배우기 5 - Firestore DB 자료 가져오기 - Copilot 도움으로 개발하기 앞선 글에서 Firestore DB에 자료(사진 파일 포함)을 업로드하는 이론적인 방법과, Copilot AI를 활... blog.naver.com 그런데 이렇게 자료를 읽어와 표시하다 보면, 표시되는 순서가 다소 제멋대로인 형태가 되곤 한다. 이것은 다음과 같이 컬렉션에서 자료를 읽어올 때 표시하는 순서를 별도로 지정해 주지 않았기 때문에 생기는 현상이며, 특정한 필드 기준으로 정렬하는 게 필요하면 다음과 같이 orderBy("기준필드") 구문을 추가해 주는 방법으로 해결할 수가 있다. 다음은 "products"라는 컬렉션(=DB)에서 "상품 등록번호"라는 필드를 기준으로 DB를

Naver Blog

Firebase 배우기 22 - 파이어베이스에서 게시판 만들기 (3) - 삭제 (Delete)와 수정 (Edit) 기능 추가하기

파이어 베이스로 게시판 만들기 기초 이전 글(https://blog.naver.com/mythee1/223499829728)에서 파이어 베이스를 이용하여 간단한 게시판을 만드는 방법을 소개했었고, Firebase 배우기 12 - Firebase에서 게시판 만들기 (1) Firebase의 Cloud DB 솔루션인 Firestore는 그 자체가 Database인데, 이를 이용하면 게시판을 만들 ... blog.naver.com 이렇게 만든 게시판에 페이지 분할에 대해서도 별도의 추가글(https://blog.naver.com/mythee1/223510496924)에서 소개한 바 있었다. 다만 이렇게 소개한 것은 가장 기본적인 게시판의 형태와, 글의 작성 및 표시 기능 정도였었다. 편집, 삭제 기능 추가하기 그런데, 게시판의 글들은 상황에 따라 수정을 하거나, 또는 삭제도 가능해야만 하기 때문에, 기존에 파이어 베이스로 만든 게시판도 정상적으로 운영하려면 당연하게 도 삭제와 수정 기능이

Naver Blog

Firebase 배우기 29 - Firebase에서 게시판 만들기 (4) - 글 제목을 클릭해 상세 읽기로 이동하기와 포맷 개선

앞선 글에서 firebase에서 간단한 게시판을 만드는 과정을 소개한 바 있었다.(https://blog.naver.com/mythee1/223499829728) . 그리고, 이렇게 만든 게시판의 화면을 일정한 레코드 단위로 분할해 표시하는 Pagination 기법을 적용하는 과정(https://blog.naver.com/mythee1/223510496924)과 문제점을 소개했으며, 기존 게시글의 수정과 삭제 기능을 구현하는 부분에 대해서도 (https://blog.naver.com/mythee1/223510579210) 글에서 자세히 소개했었다. Firebase 배우기 22 - 파이어베이스에서 게시판 만들기 (3) - 삭제 (Delete)와 수정 (Edit) 기능 추가하기 파이어 베이스로 게시판 만들기 기초 이전 글(https://blog.naver.com/mythee1/223499829728)에서 파이어 ... blog.naver.com 그 결과, 수정된 게시판의 출력은 다음과

Naver Blog

Firebase 배우기 32 - 버튼으로 이동하는 상품별(아이템별) 상세 페이지 만들기

시작하면서 앞선 글( https://blog.naver.com/mythee1/223493415455)에서 파이어 베이스에 등록된 자료를 가져와 표시하는 방법을 소개한 바 있었고, 이러한 기본 방법에 - 정렬 버튼을 이용하여 문서들이 보이는 순서를 변경하는 기능 - 페이지 단위의 분할 표시인 pagination 적용 - 그리고 여러 개의 사진들을 커로젤(Carousel)방식으로 표시하는 기능을 반영하는 방법과, 이러한 기능들이 반영된 코드를 다음 글에서 소개한 바 있었다. https://blog.naver.com/mythee1/223531634897 Firebase 배우기 31 - 하나의 DB 레코드(문서)에 여러 개의 사진 파일을 가져와 커로젤 (Carousel) 방식으로 표시하기 앞선 글에서 파이어 베이스의 컬렉션 문서에 여러 개의 사진 파일을 등록하는 방법을 소개했었다. https://... blog.naver.com 상세페이지 연결하기 그런데, 이렇게 표시되는 결과들은 기본적으

Naver Blog

Firebase 배우기 39 - 파이어베이스에 OTT비슷한 동영상 라이브러리 만들기 - 동영상 업로드 및 선택적 재생 구현하기

앞선 글들에서 파이어 베이스로 간단한 웹서비스를 만들다 보니, 특정 제품이나 페이지에 연계해서 동영상들을 파이어베이스에 업로드하는 기능과, 필요할 때마다 이렇게 파이어베이스에 업로드된 여러의 동영상들 중에서 원하는 것을 선택해 재생할 수 있으면 좋을 것 같았다. 이렇게 한다면 특정 상품에 연계된 동영상을 저장 및 재생할 수도 있어, 상품을 소개하는데 좋을 것 같기도 했고, 또한 같은 방식을 동영상 관리에 사용한다면 자신만의 동영상 라이브러리가 될 수도 있을 것 같기도 했다. 만일 영화나 애니메이션 자료들을 이렇게 관리할 수 있다면, 파이어 베이스를 통해 애니메이션이나 영화 OTT 같은 간단한 동영상플랫폼 비슷한 것을 흉내내볼수도 있겠다는 생각이 들었기 때문이다. 이러한 기능을 웹서비스에 적용하기 위해, 동영상 파일들을 파이어베이스에 업로드하는 기능과, 파이어 베이스에서 특정 비디오를 불러와 브라우저에서 재생하는 기능을 핵심 기능만 간단하게 구현해 보기로 했다. 동영상 업로드하기 우선

Naver Blog

Firebase 배우기 44 - 이미지나 동영상도 첨가시킬 수 있는 WYSWYG형 에디터 사용하기 - Quill vs. CKEditor

웹 페이로의 문장 입력 파이어베이스에 자료를 등록하기 위해 웹에서 문자열을 입력하는 가장 기본적이고 쉬운 방법은 아마도 <input></input> 구문이나, <textarea> </textarea> HTML 문법을 이용하는 것이라고 생각된다. 특히, 짧은 문자열이 아니라,. 제법 길이가 있는 문단의 내용을 입력하려면, 다음과 같은 <textarea> </textarea> HTML 문법 사용은 필수적이라 할 수 있다. <textarea class="form-control mt-4 mb-5" id="content" rows="8" cols="50">내용</textarea> 이 간단한 코드로, 다음과 같이 여러 줄에 걸친 문자열 입력창(아래 화면중 내용 부분)을 만들어 문장 정보를 입력받을 수 있다. 그런데, 이러한 textarea 문법은 사용이 매우 간단한 장점이 있기는 하지만, 그림이나 동영상 같은 자료를 문장의 중간에 넣을 수 없다는 한계가 있다. 이 때문에, 사진이나 동영상이 첨

Naver Blog

Firebase 배우기 46 - Navbar를 효과적으로 활용하기 - 모든 웹페이지마다 Navbar를 포함해야만 할까?

Bootstrap의 Navbar로 메뉴바 구성하기 웹 서비스를 만들기 위해 웹페이지를 만들다보면, 여러 페이지간의 전환을 위해 메뉴바를 구성해야 하는데, 부트스트랩의 Navbar를 이용하면, 복잡할수도 있는 메뉴바를 쉽게 구성할수 있다. Navbar 사용의 문제 그런데 이렇게 Navbar를 사용하다 보면, 아쉬운 점이 몇가지 있다. 무엇보다 웹서비스에 포함된 웹페이지가 많아지면, Nabvar자체가 많이 길어지게 된다. 특히 버튼 타입 메뉴나, Pull-down방식의 메뉴들이 많아지다 보면 코드가 더욱 더 길어지는데, 모든 웹페이지마다 이런 Navbar 코드를 붙여넣다 보면 각 페이지의 코드가 길어지고 가독성도 떨어지는 문제가 있다. 또한, 웹서비스를 만들다보면, 각각의 웹페이지 이름을 변경하거나, 새로운 페이지를 추가하는 경우가 매우 빈번한데, 그럴때마다 사용하는 모든 웹페이지의 Navbar를 일일이 수정해야 하는 번거로움이 있다. 사용하는 페이지가 불과 몇개 안된다면, 이러한 수작

Naver Blog

Firebase 배우기 48 - 웹용 에디터 Quill을 더 예쁘게 사용하기 - 문단 설정하기

Quill의 toolbox 설정 앞선 글에서 WISIWIG 에디터인 Quill을 쉽게 사용하기 위하여 Quill의 toolbox에 추가할 수 있는 여러가지 기능과, 실제 설정하는 세부과정을 소개한 바 있었다. https://blog.naver.com/mythee1/223566430490 Firebase 배우기 45 - 웹용 에디터 Quill의 추가 기능 설정하기 Quill과 CKEditor 앞선 글에서(https://blog.naver.com/mythee1/223557373495) 웹용 WISYWIG 에... blog.naver.com 이를 통해 다음과 같았던 기본 화면에 다음과 같이 다음과 같은 다양한 추가 기능을 추가할 수 있었다. Quill의 문단 설정 그런데, 이러한 설정 과정을 통해 Quill 에디터에 여러가지 기능을 추가할 수 있지만, 웹페이지에서 Quill을 이용하여 실제로 글을 작성하다 보면 추가로 설정해 주어야 할 사항들이 있다. 바로 글을 쓰는 스타일에 대한 기본

Naver Blog

Firebase 배우기 52 - 파이어스토어에 필드 대신 subcollection (=DB)형태의 자료를 저장하기

파이어베이스의 Non-SQL DB인 파이어스토어에는 중요한 특징이 하나 있는데, 바로 필드값 대신 Collection 자체를 하나의 데이터로 저장할 수 있다는 점이다. 이를 이용하면 Non-SQL DB에서 데이터 구조화에 관한 문제를 해소하는 데 도움이 된다. 즉, 일반적으로는 파이어 스토어 문서를 생성할 때, 기본적으로는 문서에 필드명과 필드 데이터를 할당시키는것이 보편적이지만, 일단 하나의 문서가 만들어지면 다음과 같이 컬렉션 자체도 문서의 데이터로 사용할 수 있는 것을 볼 수 있다. 이러한 파이어스토어의 특성을 이용하면, 데이터의 구조화에 유용하게 사용할 수 있다. 예를 들어 다음과 같이 riskreview라는 이름으로 계약 관련 RISK를 검토하는 컬렉션을 만드는 경우, 매 계약번호별로 다양한 RISK 항목을 검토할 필요가 생기게 되는데, 이를 만일 파이어스토어의 필드값만으로 구현하려면 구현이 어렵게 된다. 더구나 파이어 스토어는 Non-SQL이므로 관계형 DB처럼 여러 DB

Naver Blog

시놀로지 NAS에 패키지를 이용하여 워드프레스 설치하기

앞선 글에서 시놀로지 NAS에 워드프레스를 설치하는 여러 가지 방법들에 대해 개념과 주요 특징을 소개한 바 있었었는데, https://blog.naver.com/mythee1/223635591106 시놀로지 NAS에 워드프레스를 설치하는 다양한 방법들 워드프레스 소개 웹페이지와 같은 온라인 콘텐츠를 만드는 데 사용되는 도구의 하나인 워드프레스(Wordpre... blog.naver.com 본 글에서는 이러한 방법들 중 DSM 패키지 센터에 등록되어 있는 워드프레스 패키지를 사용해 워드프레스를 시놀로지 NAS에 설치하는 자세한 과정을 소개하려고 한다. 이를 위해서 미리 MariaDB와 같은 SQL 프로그램과, PHP8.0, Apache HTTP Server 2.4, Web station, phpMyAdmin 등의 필요한 시놀로지 패키지들을 미리 시놀로지 NAS에 설치해 주어야 한다. 다음의 패키지들을 찾아 하나씩 설치해 준다. 먼저 Webstation을 설치해 준다. 반드시 필요하다고

Naver Blog

아코르 마곡 앰버서더의 모아시스 주말 디너 방문 후기

지난 주말 최근 새로 문을 연 마곡의 머큐어 앰버서더 호텔에 있는 모아시스 뷔페에 다녀올 일이 있었다. 새로 연 호텔이고, 수년 전 내 사무실이 있던 곳이라, 옛날 생각도 나고, 또한 머큐어에 대한 개인적 관심 때문이기도 했다. 주말 저녁은 99000원이었는데, 아코르 플러스 회원의 경우 10% 할인이 가능했다.(기존에 일시적으로 15%였는데, 최종 10%로 정해졌다고 한다.) 머큐어 마곡은 마곡나루역(9호선)에 인접해 새로 건설된 Coex 마곡 건물에 위치하는데, 주차는 시원스러웠으나, 주차장 진입이 조금 헛갈리는 편이었다. 주차장 내부는 넓고 시원했다. 프런트 데스크와, 식당인 모아시스는 6층에 함께 있었는데, 들어서니, 사방이 유리이고 훤하게 뚫려진 느낌의 공간이었는데 제법 넓었다. 식단은 음식의 종류가 많다고 하기는 어려워 보였지만, 그런대로 웬만큼 음식의 종류가 있는듯했다. 요즘 호텔 뷔페의 가격이 너무 올라서 부담스러웠는데, 그래도 10만 원 아래에서 어느 정도 다양성이

Naver Blog

아코르 중올플 가입 후기

예전에 해외 영업 업무를 담당한 적이 있었는데, 그 시기에 유럽지역으로의 업무상 출장이 여러차례 잇었다ㅣ 그런데, 그런 해외 출장이 반갑지만은 않았던 것이, 회사에서 책정된 숙박비가 당시 160불 정도로 적지 않았음에도 불구하고, 유럽 현지의 호텔 숙박료가 너무 높아 숙박하는데 비용 압박이 컸었다. 그런 어려움을 겼던 내게 한줄기 도움이 되었던 것은, 노보텔 호텔의 City Stay 라는 할인 프로그램이었는데, 어렴풋이 기억하기로는 한 호텔에서 2박이상 하면, 그 다음 하루는 엄청 할인을 해주는 프로그램이었다. 이런 연유로, 부족했던 숙박비를 해결할 수 있었고, 그 덕택에 노보텔이 속한 아코를 체인에 대해 개인적으로 호감을 가지고 있었고, 오랜 시간이 지난 지금도 비교적 가격이 합리적이라고 생각하는 아코르의 머큐어를 이용하곤 했으며, 아코르플러스라는 프로그램을 통해 골드등급의 멈버십을 가질수 있었다. 골드가 되면, 호텔 상황에 따라 조금 늦게 체크아웃이 가능한 정도여서, 혜택이 크다

Naver Blog

샤오미 PAD Pro 태블릿 구입 개봉기

일전 중국 출장을 다녀오면서, 북경의 샤오미 매장을 구경할 기회가 있었다. 저녁을 먹으러 쇼핑몰 푸드코트에 간 것인데, 같은 층에 샤오미 매장이 있어서 들러보게 되었다. 그런데 여기서 내 눈을 가장 끌었던 것은 샤오미의 PAD PRO라는 태블릿이었다. 내가 기존에 4년 정도 사용하던 갤럭시 태블릿(S7) 이 바닥에 떨어지면서 모서리 유리 부분에 파손이 있었는데, 그럼에도 불구하고 1년 정도 화면은 정상적으로 표시되던 것이 바로 얼마 전부터 화면에 줄이 생기기 시작하고, 화면 콘트롤에 문제가 생겼던 터였기에 어찌해야 하는 입장이었기 때문이었다. 구입 당시 가격이 적잖이 비싸기도 했지만 수리 비용도 17-18만 원 정도 하는 상태라, 4년간 사용한 제품을 그 정도 비용에 수리하는 것이 과연 적절한지에 확신이 없었던 상태였다. 더구나 업무용 노트북 대신 가지고 다니면서 업무를 처리하려면 화면이 기존 10인치 보다 조금 더 크면 좋겠다는 생각이 들던 상황에서 12인치가 넘는 샤오미의 패드

Naver Blog

환한 미소와 친절이 인상적이었던 가라쓰 머큐어 숙박 후기

지난달 일본 여행을 하면서, 가라쓰 머큐어에 숙박했습니다. 가라쓰 머큐어 방문 배경 가라쓰를 방문하게 되었던 가장 첫 이유는 우연히 보았던 머큐어 가라쓰의 로비 입구 사진 때문이었습니다. 호텔 예약 공홈에 표시되는 사진입니다. 자유여행을 준비하면서, 숙박할 곳들을 개인적으로 선호하는 호텔인 머큐어 호텔들을 살펴보게 되었는데, 우연히 머큐어 가라쓰 호텔의 입구 로비 사진을 보게 되었는데, 무척 강렬하게 느껴졌고, 왜인지 모르게 끌리는 느낌이 들었습니다. 직접 가서 보고 싶다는 생각이 들었고, 가라쓰 방문을 결정하게 되었습니다. 사실 처음에는 가라쓰라는 곳이 생소한 곳이라 약간 망설이기도 했는데, 유튜브 등을 통해 알아보니 가라쓰가 울창한 방풍림과, 가라쓰 성, 오징어 회 및 가라쓰 버거 등으로 유명한 곳이라 한국 사람들도 많이 방문하는 곳임을 알게 되었고, 조용한 시골이면서도 4성급 및 5성급 호텔들이 있고, 강과 바다가 만나는 곳이라, 한번 방문해 보면, 나중에 여름 휴가철이나, 쉬

Naver Blog

여행용 전기포트 - 도무스 트래블 전기포트

호텔내 전기포트 출장이나 여행 목적으로 호텔에 투숙하게 되면 늘 아쉬운것이 전기포트였다. 커피나 차를 마시거나, 어쩌다 컵라면이라도 하나 먹고 싶어 물을 끓이려 하면,, 늘 전기포트가 마음에 걸렸다. 전기포트 내부가 깨끗한 경우도 있었지만, 물이 나오는 부분과 같은 구석 부위나 바닥에는 물때같은 자국들이 있어서 깨끗하지 않은 경우가 대부분이었고, 그간 뉴스 등에서 속옷이나 양말을 전기포트로 세탁하는 사례들도 있다는 이야기를 들어서인지 마음이 편하지 않았다. 그런 때문에 늘 호텔에 비치된 전기포트는 사용이 매우 꺼려졌기에, 결벽증이 있는 것은 아니지만 어쩔수 없이 사용하려면 여러번 씻어내고, 그리고, 물을 끓여서 버리기를 3-4회 반복한 후에야 사용하곤 했었다. 여행용 전기포트 구입 실패경험 결국 나만의 여행용 전기포트를 하나 구입하기로 했다. 시중에는 여러가지 제품이 있었는데, 처음에는 별 생각없이 구입했다. 그런데 막상 구입해보니, 220V 전용이어서 미국이나 일본에 가져갔지만 짐

Naver Blog

비행기 탑승기록 관리 앱 - MyFlight 앱 소개

비행기록 관리 오래전 어느 비행 유튜버가 자신이 탑승했던 비행기록들을 관리하면서, 다음과 같은 형태로 지도상에 표시하는 것을 보고, 부럽게 느낀 적이 있었는데, 그 후 이리저리 찾아보니, 꽤 많은 사람들이 자신들의 비행기록을 관리하는 것을 알게 되었다. 나 역시 그간 비행기를 탑승했던 기록들을 이렇게 관리하면, 예전의 추억들도 생각날 듯하여, 이리저리 비행기록들을 찾아 관리하게 되었다. 결론적으로 나는 myFlights라는 안드로이드용 앱을 이용하여 관리하고 있어, 이를 선택하게 된 배경과, 이 앱의 주요 특징을 소개한다. myFlights 앱을 찾기까지의 과정 개인적으로 탑승했던 기록들을 이리저리 찾아 엑셀에 정리해 보니 대략 400회가 좀 넘었다. 그런데, 이렇게 정리한 비행 기록을 보기 좋게, 그리고 보다 체계적으로 관리하기 위한 방법을 찾아보았는데, 애플폰을 사용하는 분들은 Flighty라는 앱을 즐겨 사용한다는 것을 알게 되었으나, 안드로이드용 버전은 없었다. 또한 안드로이

Naver Blog

별미 비빔면 만들기 - 참외 비빔면

벌써 더워지는 계절인데 마침 아내가 집을 비워서, 혼자 점심을 해결해야 하는데, 무엇을 먹어야 할지 고민이 된다. 으레 남자가 혼자 있을 때 그러하듯이, 부엌 장에서 라면을 하나 꺼내어 끌이려다가, 문득 함께 있는 비빔면에 눈길이 갔다. 아 그렇지... 여름이니 비빔면도 좋겠다는 생각이 든다. 무엇을 고명으로 얹어야 할까 잠시 고민하다가, 문득 냉장고에 있는 참외가 생각이 났다. 참외는 일반적으로 식재료로 많이 사용하지는 않지만, 참외 자체가 달콤한 맛을 주기도 하고, 무엇보다 설탕이나 다른 과일과는 전혀 다른 향긋한 강렬함을 느끼게 하는 매력의 과일(채소)이다. 예전 아내가 참외로 장아찌를 만들어주었을 때 무척이나 환상적으로 달콤해서 놀란 적이 있었는데, 문득 그날의 기억이 떠올라, 참외를 비빔면에 넣어보기로 했다. 마침 냉장고에는 미리 여러 개 삶아 보관해둔 달걀도 있던 참이었다. 삶은 달걀을 하나 접시에 올리고, 참외를 하나 깎아서 준비해둔다. 당연히 투박한 남자의 손으로는 참

Naver Blog

아코르 인천공항 호텔 투숙 후기

지난 연휴 기간 중 외국에서 방문하는 친구들을 만나러 인천공항에 갔다가, 마침 가지고 있던 아코르의 스테이 플러스 숙박권을 이용해 이비스 인천 호텔에 투숙했던 후기를 소개한다. 친구들이 공항 주변 호텔에 예약된 상태라, 나 역시 공항 주변에서 숙박이 필요했는데, 아코르의 이비스 호텔은 아직 잔여 객실이 있었고, 마침 아코르 플러스 가입 시 받았던 스테이 플러스 바우처의 사용도 가능하였기에, 이를 이용하여 무료 숙박도 가능했다. 밤늦게 도착하느라 미처 외부에서 사진을 찍지 못해 공홈에서 가져온 사진임 체크인은 매우 순탄했고, 불과 1-2분 만에 완료되었다. 가장 기본적인 슈페리어 룸을 예약했는데, 플랫 등급의 호텔 티어를 가지고 있는 것을 확인하더니, 2단계 위인 스위트 더블로 업그레이드해 주셨다. 가격으로는 아마 5-6만 원 정도 상위의 객실이었던 듯하다. 그리고 다음날 일찍 체크해야 하는 상황이라 필요하지는 않았지만 프로트 직원이 먼저 레이트 체크아웃의 필요 여부도 물어보아 주셨고

Naver Blog

속초 신생 호텔 Homm Marina 투숙 후기 - 많이 좋았던, 그리고 아쉽기도 했던 숙박

얼마 전 속초에 다녀올 일이 있었는데, 지난해 6월 새로 문을 열었다는 홈 마리나 (Homm Marina) 호텔에 투숙했던 후기를 소개한다. 홈 마리나는 반얀그룹 계열의 호텔이라고 하는데, 국내에는 속초에서 처음 선보이는 브랜드로 알려져 있다. 특히 개인적으로는 예전 6개월 동안 살았던 속초에 위치한 글로벌 체인의 신상 호텔이고, 개인적 선호도가 높은 아코르 제휴호텔이라는 점, 그러면서도 숙박료가 상대적으로 합리적인 듯한 생각에 무척이나 호기심이 많이 생겼던 호텔이었다. 투숙하고 느낀 전체적인 느낌은 그동안 국내외 다른 호텔에서 느꼈던 것과는 확연히 다른 디자인 감각의 호텔이라는 느낌을 받았다. 위치 이 호텔의 위치는 속초 고속 터미널에서 이마트 방향으로 걸어서 2-3분에 갈 수 있는 위치에 있다. 속초 해변과도 걸어서 5분 정도면 도착할 수 있는 곳이라, 관광이나 여행 목적으로 방문하는 사람들에겐 좋은 위치라고 생각되었다. 다만, 아쉬운 것은 고속 터미널에서 이마트 방향에 비슷한

Naver Blog

출장길에 잠시 들린 감은사지와 대왕암

일전에 포항과 울산지역으로 출장을 갈 일이 있었는데, 문득 의외의 비석이 길가에 서있는 것을 보게 되었다. 비석에는 "신라 동해구"라고 적혀있었다. 인터넷을 찾아보니, 이곳이 옛날 신라시대에 경주에서 동해로 통하는 입구라, 동해구라는 행정구역이었다는 것 같았다. 신기하게 생각되어 조금 더 운전하며, 주변을 보니 감은사지 절터가 눈에 들어왔다. 감은사지는 아주 오래전, 대략 30년쯤 전인 90년대 초반에 딱 한 번 들렸던 적이 있던 곳이라, 그 옛날 생각이 나서 잠시 들러보기로 했다. 조금 가까이 가보니 두 개의 탑 중 하나는 공사 중이었다. 안내판을 잠시 둘러보고 관람로 계단을 올라가다 보니 어럄풋이 옛날의 그날 생각이 났다. 분명히 다소 정리되기는 했으나, 계단 옆 옛날 그 나무가 그대로 있었다. 아마도 오래된 고목도 그대로 있었다. 다만 옛날과 달리 유구들을 보호하기 위한 울타리가 관람로 주변으로 만들어져 있는 게 좀 달랐다. 오래전 이 절터 바닥 구조가 좀 특이하다고 들었던 기

Naver Blog

스마트 TV에서 자신의 계정으로 Youtube 사용하기, 그리고 사용 후 계정 정보 삭제하기

출장이나 여행 등으로 호텔이나, 기타 숙소에서 자신의 계정으로 Youtube를 이용하고, 또한, 숙소 사용 후 안전하게 사용 정보를 삭제하는 방법을 소개한다. 자신의 계정으로 로그인하기 숙소에서 유튜브를 접속하면 기본적으로는 자신의 계정에 등록된 시청 기록이나, 구독 정보를 반영하지 못한 기본 상태로 표시되는 게 일반적인데, 이때 자신의 계정으로 로그인하면, 과거 시청 기록이나, 자신의 구독 정보를 반영한 채널들이 표시되므로, 보다 자신에게 특화된 영상들을 시청할 수가 있다. 호텔 등의 숙소에서 자신만의 유튜브 계정을 이용하여 시청하려면 먼저 유튜브에 접속하여, 좌측 상단의 "로그인" 버튼을 눌러 다음 화면에 들어간 후, "로그인" 버튼을 선택하면 다음과 같은 QR이 표시된다. 이때 자신의 스마트폰으로 이를 읽어주고(QR Scan 활성화 상태여야 함), 스마트폰에서 QR을 읽을 때 표시되는 옵션 중에서, 브라우저를 열어 계정을 등록하려는 자가, 본인임을 확인해 주면 된다. 그러면 해

Naver Blog

시놀로지 NAS에 가상 시놀로지 NAS를 무료로 만들어 사용하기

시놀로지 NAS내에 가상 시놀로지 NAS 만들기 - 개요 만일 이미 시놀로지 NAS를 사용하고 있다면, 이를 이용하여 가상의 시놀로지 NAS를 추가로 생성해서 마치 별도로 구입한 독립적인 시놀로지 NAS인 것처럼 사용할 수가 있다. 이렇게 생성한 가상의 시놀로지 NAS는 완전한 DSM이 설치되고, Quickconnect 부여 등도 가능하기 때문에, 하나의 물리적인 시놀로지 NAS를 마치 2개 이상의 시놀로지 NAS인 것처럼 사용이 가능하다. 더구나 1대의 가상 시놀로지 NAS는 완전히 무료이기도 하다 이를 활용하면 별도 비용없이 하나의 시놀로지 NAS를 마치 복수개의 NAS인 것처럼 사용할 수도 있고, 가족이나 친구들과 서로의 영역을 전혀 침범받지 않으면서 나누어 사용할수도 있고, 교육용 목적으로 여러개의 NAS가 필요한 경우에도 아주 유용하게 활용할 수 있어, 해당 방법을 소개한다. 기본원리는 이미 구입한 시놀로지 NAS에 기본적으로 포함되어 있는 VMM(Virtual Machin

Naver Blog

앞으로는 시놀로지 NAS에 저렴한 타사 HDD는 더 이상 사용할수 없는 것일까?

모처럼 시놀로지 관련 News를 살피던 중, 지난해 잠시 논란이 되다가 취소되는듯 했던 , 인증드라이브 사용을 요구하는 "드라이브 호환성 정책"이 2025년 하반기부터 시작된다는 글을 접하게 되었다.(원문은 Link 참조) https://kb.synology.com/ko-kr/DSM/tutorial/Drive_compatibility_policies 2025년부터 시작하는 Synology 스토리지 시스템의 드라이브 호환성 정책 FAQ - Synology 지식 센터 지식 센터 저작권 2025 Synology Inc. 모든 권리 보유. 약관 | 개인 정보 | 쿠키 기본 설정 | 대한민국 - 한국어 kb.synology.com 이러한 정책의 요지는 2025년 하반기부터 출시되는 시놀로지 NAS 제품군(일부 초급 제품 제외)에서는 인증된 HDD/SSD만을 사용할수 있도록 하겠다는 것인데, 그런데 내 입장에서도 당황스럽지만, 관련 기사 및 해외 자료들을 좀 더 찾아보니, 해외 사이트에서도

Naver Blog

코파일럿 (Copilot)에서도 지브리 스타일 이미지 생성이 가능할까?

요즈음 유료 GPT4를 이용하여 지브리 스타일로 개인 프로필 사진을 만드는 경우들이 많아졌다는 뉴스를 듣다가, 문득 "코파일럿에서도 이러한 이미지 생성이 가능할까?" 하는 엉뚱한 호기심이 생겼다. 그간 여러 차례 코파일럿을 사용해 보기는 했으나, 주로 코딩을 하는 용도였고, 한 번도 이미지를 생성이나, 이미지 처리와 관련해서는 코파일럿을 사용해 본 적이 없었기에, 과연 이게 가능한 것인지 전혀 예측을 할 수가 없었다. 그러나, 코파일럿은 무료로 사용할 수 있고(특히 오피스 365 구독자), Edge 브라우저에서 곧바로 사용할 수 있어 접근성이 좋기에, 만일 이미지 생성 작업등에도 사용할 수 있다면 유용할 것 같다는 생각이 들었다. 기다릴 것도 없이 다음과 같이 지브리 스타일의 이미지 생성이 가능한지를 질문해 보았다. 그러자 별로 기대하지 않았음에도 불구하고, 매우 뜻밖에도 다음과 같이 graphic_art 도구를 활용해 이미지 생성이 가능하고, 지브리 스타일도 가능하다는 답변을 했다

Naver Blog

신용카드에 있는 와이파이 표시 - 비접촉 신용카드 결제하기

얼마 전 등기우편물을 갔다가, 바로 앞사람이 우편요금을 신용카드로 결제하는 것을 우연히 보게 되었다. 그런데 깜짝 놀랐다. 그 사람은 신용카드를 결제 단말기에 꼽지 않고, 마치 휴대폰 페이 결제하듯 그저 단말기에 신용카드를 가져다 대는 것이었고, 결재가 정상적으로 이루어지는 것을 볼 수 있었다. 이미 조금은 낡은 세대가 되어 버린 나로서는 가끔씩 휴대폰의 페이를 이용하여 비접촉식으로 결재하는 것을 본 적은 있었지만, 신용카드 실물을 이렇게 비접촉 방식으로 결재하는 것을 처음 보았기 때문이다. 그 사람이 가고 난 후, 우체국 직원에게 어떻게 하면 그분처럼 결재할 수 있는 것인지를 물어보니, 신용카드 뒷면에 와이파이 비슷한 모양이 표기되어 있으면 이런 비접촉 방식으로 신용카드 결제가 가능하다고 설명을 해준다. 그제야 내가 가지고 있던 신용카드와 체크카드들을 모두 살펴보니, 비교적 오래전에 발급받았던 1개를 제외하고는 모두 이런 와이파이 기호 비슷한 기호가 신용카드에 표기되어 있었다. 먼

Naver Blog

무척 실망스러웠던 리퍼급 폴더폰 구입 후기

며칠 전 나이 많은 아버지가 사용하시던 폴더폰이 잘 동작하지 않는다는 연락을 받고, 급하게 이리저리 해결책을 알아보다가, 인터넷에서 "리퍼급"이라고 주장하는 폴더폰을 구입하고 호갱이 되었던 후기를 소개한다. 아버지가 사용하던 폰은 4-5년 정도 된 3G폰이었다. 살펴보니 기능상으로는 문제가 없어 보였으나, 부모님 성에 차지 않기도 하고, 가끔 동작이 원활하지 않다고 느끼는 듯했다. 그런데 아버지의 연세가 이미 90이 넘으신데다가, 기계에 익숙하지도 않으신 분이라 최대한 기존에 사용하던 것과 비슷한 폴더폰을 찾았으나, LG나 삼성 같은 곳에서는 폴더폰을 생산하지 않아 시중에서 폴더폰을 구하기 어려웠다. 지난해 어머니의 핸드폰을 교체할 때도 이런 폴더폰이 없어서 동네의 모든 대리점을 다 뒤져 겨우 한 대를 교체한 경험이 있던 터였다. 결국, 어머니가 사용 중이신 것과 동일한 안드로이드 형태의 폴더폰을 중고폰이라도 구하기로 했다. 혹시 아버지가 사용법을 잘 모르는 경우가 생기더라도, 옆에

Naver Blog

다양한 웹 Cloud DB를 쉽게 만들게 해주는 Ragic Cloud DB 사용하기

Ragic Cloud DB 시놀로지 NAS는 기본적으로 여러 가지 패키지들을 제공하는데, 그중에는 잘 알려져 있지 않지만 다양한 웹 DB를 쉽게 만들 수 있도록 해주는 Ragic Cloud DB라는 패키지가 있어 소개한다. Ragic Cloud DB를 설치한 후, 처음 실행하면 다음과 같은 화면이 되는데, 새로운 sheet를 추가하는 버튼을 선택하면 다음과 같이 완전히 독자적으로 DB를 만들거나, 기존의 다양한 Template를 이용할 수 있는 선택지를 제공한다. 특히 기존 엑셀 파일을 활용해서 쉽게 DB 구조를 만들 수도 있는 기능까지 제공한다. 특히 기본적으로 제공되는 Template들은 매우 다양한데, 중요한 예를 몇 가지 살펴보면, 먼저 영업 분야에서, 견적 및 발주서 관리나, 고객 관리를 위한 DB의 Template가 있고, 행정 및 총무 분야에서 회의실 예약관리나, 자산관리 등에 사용할 수 있는 Template들이 있고, 구매 분야를 위한 Template, 재고관리를 위한

Naver Blog

ANCHEE 타이어 교체 후기

최근 카니발 KA4의 타이어를 모두 교체한 경험을 소개한다. 그동안 처음 출고될 당시에 장착되었던 콘티넨탈 286/60 R18 타이어를 변경 없이 이용했는데, 어느덧 3년 가까운 시간 동안 이용하면서 주행거리가 12만 Km에 근접하게 되었다. 앞으로도 2년 정도(약 8만 km)는 더 이용하고, 반납해야 하는 장기 렌트 차량인데, 아무래도 반납전에 타이어를 교체할 수밖에 없어, 전체 타이어를 교체하기로 했다. 그래서 타이어 가격을 인터넷 가격비교 사이트에서 찾아보고, 집 주변 타이어 가게들을 둘러보다가 우연히 Anchee라는 브랜드의 타이어를 추천받아 교체하게 되었다. 타이어점에서는 중국에서 생산된 브랜드인데 승차감이 내가 처음 교체하려고 했다 상대적으로 높은 가격의 국산 브랜드인 *****보다 났다고 추천했다. 개인적으로 타이어에 대한 특별한 선호도가 있는 것은 아니었고, 4계절 타이어로, 향후 2년(80,000Km 이상) 동안 사고 없이 탈수 있으면 된다는 생각을 가지고 있었는데,

Naver Blog

시놀로지 NAS의 LED 밝기 조절 및 밤에는 자동으로 꺼지도록 설정하기

시놀로지 NAS에는 전원표시 LED, HDD 및 LAN 포트의 상태를 나타내는 LED들이 장착되어 있는데, 초기에는 가장 밝은 상태 및 24시간 동작하는 것이 기본모드로 설정되어져 있다. 그런데, 시놀로지 NAS를 집에서 사용하는 경우에는 기본설정 상태의 LED가 너무 밝고, 24시간 동작하기에 불편할수도 있다. 시놀로지 NAS의 LED 불빛이 너무 밝아서, 수면에 방해가 되기 때문이다. 특히, 나의 경우에는 스냅샷을 만드는 작업이나, 외부 클라우드로 하이퍼백업을 하는 등의 작업을 새벽시간에 설정해 두었던 터라, 그 때마다, NAS에서 하드디스크의 정보를 읽는 "드..드..득..."하는 소리와 함께, LED들이 반짝반짝 거려서, 매우 신경쓰이곤 했다. 꽤 오래 이런 상태를 그냥 유지했는데, 하루는 거실에 놓아둔 NAS의 LED들이 너무나 신경이 쓰여서, 드디어 설정변경 작업을 하기로 했다. 가장 밝은 상태였던 LED의 밝기도 조금 낮추고, 이와 함께 야간시간에는 NAS의 LED들이

Naver Blog

Firebase 배우기 20 - 파이어 베이스 문서를 표시할 때 페이지 단위로 분할하여 출력하는 Pagination 기법 적용하기

페이지 만들기 - Pagination Firestore Database에 있는 컬렉션 문서들을 불러와 화면에 표시하면서, 여러 가지 필드 중에 선택한 필드를 기준으로 오름차순 또는 내림차순으로 정렬하여 순서대로 표시하는 방법을 소개한 바 있었다. https://blog.naver.com/mythee1/223507794742 Firebase 배우기 18 - 데이터를 읽어 표시할 때, 다양한 기준으로 정렬할 수 있도록 여러가지 정렬 버튼 추가하기 앞선 다음 글에서, Firebase의 DB 데이터를 특정 필드를 기준으로 오름차순 또는 내림차순으로 정렬하여... blog.naver.com 그런데 화면에 표시할 컬렉션 문서들의 수가 5-7개 정도만 넘어도 화면을 꽉 차고, 너무 길어져서 하나의 화면에서는 보기가 어려워진다. 이러한 이유로 여러 문서들을 일정한 개수 단위로 페이지를 다음과 같이 구분하여 표시하는 것이 좋다. 이러한 방법을 Pagination이라고 한다. 파이어베이스에서 Pagi

Naver Blog

Firebase 배우기 21 - 파이어베이스에서 게시판 만들기 (2) - Pagination 적용하기

이전 글에서 Firebase의 Firestore Database를 리용하여 간단한 게시판 기능을 구현하는 것을 소개한 바 있었다. https://blog.naver.com/mythee1/223499829728 Firebase 배우기 12 - Firebase에서 게시판 만들기 (1) Firebase의 Cloud DB 솔루션인 Firestore는 그 자체가 Database인데, 이를 이용하면 게시판을 만들 ... blog.naver.com 이렇게 만들었던 게시판 역시 글의 수가 많아지는 경우, 적절한 분량 단위로 페이지를 나눌수 있도록 Pagination을 적용하였다. 또한 보다 쉬운 구현을 위해, Firebase의 순차적인 Query로 인해 이전 데이터로 돌아가 표시하기 어려운 점을 고려해, 페이지 이동은 우선은 "다음 페이지" 이동만을 구현하기로 했다. 그 결과, 화면의 구성은 다음과 같은 형태가 되었는데, 구현하는 방법은 바로 전의 글(https://blog.naver.com/my

Naver Blog

Firebase 배우기 25 - Firebase의 Hosting 서비스로, 별도 웹서버 없이 간단히 웹서비스 배포(Deploy) 하기

Firebase 사용에 대한 이전 글들을 통해 DB인 컬렉션에 자료를 등록하는 페이지, 자료를 읽어서 가져오는 페이지, 키워드 검색, 삭제 및 수정, 게시판, 로그인, 가입 등에 대한 여러 페이지를 만들었고, Navbar를 이용해 메뉴바를 추가하는 방법까지 소개했었다. 만들어진 페이지들의 몇몇 예는 다음과 같은데, 이렇게 만들어진 웹페이지들을 인터넷을 통해 외부에서도, 그리고 다른 사용자들도 접속할 수 있는 웹서비스로 사용하려면, 인터넷의 웹서버를 통해 배포하는 과정이 필요하다. 그런데, Firebase를 이용하면 자체적으로 호스팅 서비스를 제공하기 때문에, 별도의 웹서버 없이도, 아주 쉽고 간단하게 로컬 PC에서 만든 웹페이지들을 인터넷에 배포할 수가 있다. 너무 간단해 굳이 별도로 글을 작성할 필요가 있을 정도이다. 로컬 PC에서 만든 웹페이지들을 Firebase를 이용하여 인터넷에 배포하는 방법은 ... 먼저 코드를 만들었던 Visual Studio Code에서 터미널 창을 열

Naver Blog

Firebase 배우기 28 - Timestamp와 날자, 시간 표시 방법

FIrebase에서 날짜나 시간 데이터를 처리하는 가장 일반적인 방법은 Timestamp라는 것을 이용하는 것인데, UTC 기준 1970년 1월 1일 자정을 기준으로 현재까지의 초수를 값으로 하는 시간 표시 방법으로, 컴퓨터(Unix system)에서 흔하게 접하게 된다. firebase에서 DB에 현재의 일자나 시간을 기록하는 방법으로는 1/1000초 단위로 저장되는 Date( ) 함수나, firebase.firestore.FieldValue.serverTimestamp( ) 함수를 사용하면 된다. 그런데, 컴퓨터 내에 저장된 시간 데이터는 다음과 같이 사람이 알아보기는 어려운 형태로 표시되므로, 실제 사용 시는 인간 친화적으로 전환하여 표시하는 것이 바람직한데, .toLocaleString( ) 함수를 사용하면 되며, 사용 형태에 따라 다음과 같이 변형된 형태로 표시 가능하므로, 자신이 원하는 형태를 선택하여 사용하면 된다. 참고로 위의 시간 값 표시는 Firestore Data

Naver Blog

Firebase 배우기 30 - 하나의 DB 레코드(문서)에 여러 개의 사진 파일을 업로드하는 방법

시작하면서 앞선 글에서, Firebase에 사진 파일들을 등록하는 방법과, 이렇게 Firebase에 등록된 자료들을 읽어와 표시하는 방법을 소개한 바 있었다. 자료를 등록하는 방법 https://blog.naver.com/mythee1/223493076303 자료를 가져오는 방법 https://blog.naver.com/mythee1/223493415455 그리고 이렇게 자료를 읽어올 때 특정 필드 기준으로 정렬하는 방법도 별도의 글에서 소개한 바 있었다. https://blog.naver.com/mythee1/223507794742 Firebase 배우기 18 - 데이터를 읽어 표시할 때, 다양한 기준으로 정렬할 수 있도록 여러가지 정렬 버튼 추가하기 앞선 다음 글에서, Firebase의 DB 데이터를 특정 필드를 기준으로 오름차순 또는 내림차순으로 정렬하여... blog.naver.com 하나의 DB 레코드(=document)에 여러 개의 사진 파일을 업로드하기 그런데, 이전의

Naver Blog

Firebase 배우기 31 - 하나의 DB 레코드(문서)에 여러 개의 사진 파일을 가져와 커로젤 (Carousel) 방식으로 표시하기

앞선 글에서 파이어 베이스의 컬렉션 문서에 여러 개의 사진 파일을 등록하는 방법을 소개했었다. https://blog.naver.com/mythee1/223531049562 Firebase 배우기 30 - 하나의 DB 레코드(문서)에 여러 개의 사진 파일을 업로드하는 방법 시작하면서 앞선 글에서, Firebase에 사진 파일들을 등록하는 방법과, 이렇게 Firebase에 등록된 자료들... blog.naver.com 이렇게 다수의 사진 파일들을 파이어 베이스에 업로드하게 되면, 실제 파일 내용은 storage 부분에 저장되고, 그 각각의 URL이 다음과 같은 형태로, FIrestore Database 내에 등록되며, 이들 사진들을 제대로 표시하려면 기존의 파일이 1개인 경우와는 다른 방법이 필요하다. 기존에는 등록된 파일이 각각의 컬렉션 문서(=Record)별로 1개씩이라, 각각의 사진을 읽어와 다음과 같은 방식으로 표시하면 아무 어려움이 없었다. 이를 가져와 표시하는 부분은 다음과

Naver Blog

Firebase 배우기 33 - 댓글 기능 (댓글 쓰기, 댓글 읽기, 삭제, 수정) 구현하기

댓글 기능을 추가하면서 문득 앞선 글( https://blog.naver.com/mythee1/223531843633)에서 소개한 파이어 베이스를 이용해 만들었던 다음과 같은 제품 정보 상세 보기 페이지에 해당 제품에 대한 댓글 기능을 추가하면 좋겠다는 생각이 들었다. 다른 사람들의 웹페이지를 보더라도, 특정 제품이나 특정 기사, 특정 주제에 대해서는 사용자마다 자신만의 의견을 댓글로 남기는 경우가 많고, 또한 댓글을 통해서 다른 사람들의 생각을 알 수도 있을 것 같아서, 여러모로 유용하리란 생각이 들었기 때문이다. 댓글 표시 형태 댓글은 위에서 이미 만들어 두었던 제품 정보 상세 페이지에 다음과 같은 방식으로 댓글을 쓰는 부분과, 동시에 해당 상품과 연관이 있는 기존 댓글만을 읽어와 화면에 표시하는 형태로 댓글 기능을 추가하기로 했다. 댓글의 특성상 세세한 정보보다는 댓글 그 자체와, 작성일 정도만 표시하도록 했고, 작성자는 필요할 것 같기도 하고, 또 한편으로는 굳이 필요할까 싶

Naver Blog

Firebase 배우기 34 - Firebase로 앨범 기능 구현하기

앨범 페이지를 만들어볼까? 파이어베이스로 간단한 상품 소개 웹서비스를 만들면서, 문득 여러 상품 사진들을 쭉 나열해서 살펴볼 수 있는 앨범 같은 기능이 있으면 좋겠다는 생각이 들었다. 전체 상품(또는 상점) 등의 사진만을 나열하는 것도 나름 나쁘지 않겠다는 생각이 들었기 때문이다. 물론 이렇게 작은 앨범들 중 특정 사진을 클릭하면 다음과 같이 확대해서 보여줄 필요도 있을듯했다. 이렇게 해야 보다 상세한 사진을 볼 수도 있고, 필요하면 사진을 다운로드하거나 인쇄하는 것도 가능할 것 같았다. 그래서 이런 기능을 할 수 있는 간단한 앨범 페이지를 최소한의 기능으로 간단하게 만들어보기로 했는데, 그래도 필수적으로 1) 사진 올리기, 2) 사진 보여주기, 3) 상세 사진 보여주기 등의 기능이 필요할 듯했고, 생각해 보니, 관리를 위해 4) 사진을 선택 삭제하는 기능도 필수적일듯해서 이들 4가지 기능을 구현하기로 했다. 1. 사진 파일 업로드 기능 구현 사실 사진 파일을 파이어 베이스의 스토리

Naver Blog

Firebase 배우기 35 - Firebase에서 만든 앨범 기능으로 간단한 쿠폰북 페이지 구현하기

파이어베이스로 간단한 앨범 기능 구현하기 바로 앞의 글에서 파이어베이스의 스토리지 기능과, URL 정보를 파이어 스토어 Database에 저장하는 아주 간단한 기능으로, 초보적인 사진 앨범 기능을 만드는 것을 소개한 바 있었다. https://blog.naver.com/mythee1/223535102853 Firebase 배우기 34 - Firebase로 앨범 기능 구현하기 앨범 페이지를 만들어볼까? 파이어베이스로 간단한 상품 소개 웹서비스를 만들면서, 문득 여러 상품 사진들... blog.naver.com 여러 개의 사진 파일들을 한 번에 불러들여, 파이어베이스에 저장한 후, 이들을 불러와 나열함으로써 아주 간단한 앨범 보기를 구현하고, 각각의 이미지를 클릭해 해당 이미지를 원래 크기로 상세보기를 하는 방식이었다. 또한 등록한 사진들 중 불필요한 것들은 사진 등록 화면에서 각 사진에 붙여진 x버튼을 눌러 쉽게 삭제하는 형태였다. 앨범 기능을 아주 간단한 쿠폰북으로 활용하기 그런데

Naver Blog

Firebase 배우기 37 - Firebase로 게시판에 댓글 기능 추가하기

게시판 만들기 basics 앞선 4개의 글을 통해 파이어베이스를 이용해, 게시판 기능을 구현하는 방법을 소개한 바 있었다. 게시판을 구현하는 과정의 각각의 가능 부분별로 다음 페이지에 나누어 소개했었다. 기본 게시판 생성 https://blog.naver.com/mythee1/223499829728 삭제 편집 기능 https://blog.naver.com/mythee1/223510579210 페이지 분할표시 https://blog.naver.com/mythee1/223510496924 제목에 링크 적용 및 포맷 개선 https://blog.naver.com/mythee1/223520566018 결과적으로 다음과 같은 게시판 글 목록을 먼저 페이지 단위(미리 지정한 단위)로 표시하고, 여기서 특정 게시글의 제목을 클릭하면 다음 화면과 같이 해당 게시글의 상세 내용이 나와 해당 글을 볼 수 있고, 필요에 따라 버튼을 선택하는 방법으로 해당 글을 삭제하거나, 수정할 수 있는 형식이었다.

Naver Blog

Firebase 배우기 38 - Firebase 보안규칙을 규칙 파일로 설정하기

Firebase로 웹서비스를 만들어 배포(deploy)를 하다 보면, 파이어 베이스의 보안규칙도 함께 갱신되는데, 만일 파이어 베이스 초기설정 시 보안규칙을 사용자가 별도로 설정해 주지 않았다면, 기본값으로 초기화되게 된다. 이 때문에, DB 등의 자료를 저장하는 Firestore는 다음과 같은 형태로 보안규칙이 초기화되고, 사진 파일 등을 저장하는 storage는 다음과 같은 방식으로 보안규칙이 초기화되는 때문에 정상적으로 작동하던 웹서비스가 새롭게 배포를 하고 나면 코드상 오류가 없음에도 동작하지 않고, 에러가 발생하기도 한다. 물론 위의 보안규칙을 파이어베이스 콘솔에서 적절히 변경해 주면 쉽게 해결되기는 한다. 다만, 배포를 할 때마다 매번 이렇게 수작업으로 보안규칙을 수정하는 것은 번거로운 일이다. 이러한 현상의 원인은 프로젝트 폴더에 있던 보안규칙을 초깃값 상태로 그대로 사용하고 있기 때문이며, 이를 수정하기만 하면 쉽게 해결할 수 있다. 예를 들어 kongyi2라는 이름의

Naver Blog

Firebase 배우기 40 - 가입자의 로그인 패스워드 변경 처리하기

회원가입과 로그인 처리 앞선 2개의 글에서, 파이어베이스로 웹서비스 시 사용자가 email 정보와 임의의 패스워드를 이용해 계정을 생성하는 방법으로 회원가입을 처리하는 방법( https://blog.naver.com/mythee1/223495997534)과 Firebase 배우기 7 - 웹서비스 사용자 가입 처리 Firebase에서는 서비스 가입자에 대한 가입자 등록과 관련된 기능을 쉽게 구현할 수 있도록 firebase-auth... blog.naver.com 이렇게 가입한 사용자의 로그인 과정을 처리(https://blog.naver.com/mythee1/223496032686)하는 방법을 소개한 바 있었다. Firebase 배우기 8 - 웹서비스 로그인 처리 다음과 같은 이전 글에서 Firebase를 이용한 서비스에서, 사용자 등록을 간단히 몇 줄로 처리하는 방법을 ... blog.naver.com 비밀번호 변경 처리 실제 사례 그런데, 이렇게 가입을 한 이후, 가입자가 자신이

Naver Blog

Firebase 배우기 41 - 가입자의 탈퇴 처리 구현 방법

파이어베이스 회원가입 및 로그인, 패스워드 변경 파이어베이스를 사용 시 이메일과 패스워드를 이용하여, 사용자의 회원가입과, 로그인, 패스워드 변경 등을 처리하는 과정을 다음 각각의 글로 자세히 소개한 바 있었다. 회원가입 : https://blog.naver.com/mythee1/223495997534 로그인 처리 : https://blog.naver.com/mythee1/223496032686 패스워드 변경 : https://blog.naver.com/mythee1/223552724165 Firebase 배우기 40 - 가입자의 로그인 패스워드 변경 처리하기 회원가입과 로그인 처리 앞선 2개의 글에서, 파이어베이스로 웹서비스 시 사용자가 email 정보와 임의의 패... blog.naver.com 파이어베이스 회원 탈퇴 처리 방법 그런데, 이렇게 회원가입에 관한 공부를 하다 보면, 자연스레 회원 탈퇴는 어떻게 구현해야 할까? 하는 의문이 생겨난다. 그런데 걱정하지 않아도 된다. 파

Naver Blog

Firebase 배우기 42 - 파이어베이스 컬렉션 자료로 웹에서 그래프 그리기

여러 가지 종류의 데이타를 파이어베이스에 컬렉션 형태로 저장하다 보면, 경향성을 살펴보기 위해서는 숫자보다는 그래프화하여 데이타를 검토하는 것이 더욱 효율적인 경우가 매우 많다. 이러한 경우에 가장 흔한 것 중의 하나는 환율 동향이나, 다음과 같은 주가지수 같은 것인데, 파이어베이스 자체로는 그래프 기능을 지원하지 않지만, 파이어베이스를 Chart Library와 함께 사용하면, 파이어스토어에 저장된 데이타로 웹상에서 그래프를 쉽게 만들어 표시할 수가 있다. 예를 들어 다음과 같은 일별 주가지수 자료가 있는 경우, 이를 다음과 같이 수동으로 하나씩 입력하거나, 또는 별도의 방법을 이용하여 웹에서 한 번에 읽어와 다음과 같은 필드명으로 stockDB라는 이름의 파이어스토어 DB 컬렉션에 저장하는 경우 이중 날짜와, 종가, 거래량 등을 읽어와 다음과 같은 그래프를 표시할 수 있다. 이렇게 웹상에서 그래프를 그리려면 Chart.js라는 그래프 전용 라이브러리 사용을 선언해 주어야 하는데,

Naver Blog

Firebase 배우기 43 - 간단하게 만들었지만, 편리한 파이어스토어 Database 필드 관리 toolbox

파이어베이스를 이용하여 파이어스토어 데이터베이스에 이런저런 데이터를 저장하다 보면, 미처 생각하지 못했던 필드를 추가하거나, 기존에 지정해 두었던 필드의 이름을 변경해야 하는 일들이 생기곤 한다. 또한 문자열로 저장되어 있지만, 데이터 유형을 숫자로 변경하거나, 또는 그 반대의 경우들도 많이 생기곤 한다. 나 역시 웹서비스를 하나씩 만들다 보니, 생각이 진전됨에 따라, 기존에 만들어둔 컬렉션에 미처 생각하지 못했던 필드를 새롭게 추가해야 하는 경우나, 필드 이름을 바꾸는 경우가 무척 많이 발생하였다. 그런데 파이어 스토어 데이터베이스의 데이터 수가 불과 몇 개 안될 때는 수작업으로 고칠 수도 있지만, 문서의 수가 많아지면서 이게 매우 번거로운 일이 되었다. 때문에, 매 경우마다 간단한 코드를 만들어 이를 해결하곤 했는데, 여러 가지 경우가 누적되는 것을 하나로 모아보니, 다음과 같이 하나의 간단한 DB 관리용 툴 박스(toolbox)처럼 되어 버렸다. 다만, 그때그때 사용하던 코드를

Naver Blog

Firebase 배우기 45 - 웹용 에디터 Quill의 추가 기능 설정하기

Quill과 CKEditor 앞선 글에서(https://blog.naver.com/mythee1/223557373495) 웹용 WISYWIG 에디터로 Quill과 CKEditor를 비교하여 소개하고, 이 중, 내가 Quill을 선택하여 사용하게 되었다는 것을 소개한 바 있었다. 그런데, Quill은 사용이 쉽고 간단하지만, 비교적 기본 메뉴 화면은 다음과 같이 단순하고, 기능이 있음에도, 툴 박스에 기본적으로는 설치되지 않는 기능들도 있어, 이를 추가적으로 설정하여 활성화시켜줄 필요가 있다. Quill의 기본 사용법 Quill을 사용하는 기본적인 방법은 먼저 HTML Head 부분에서 다음과 같이 Quill의 사용과, 이미지 조절을 위한 라이브러리를 설치하고 2. 다음과 같이 Script 초반부에 Quill 사용을 선언해 주면 되는데, 이 부분은 Quill 선언부, 아이콘을 생성하는 toolbar 부분과, 실제 기능을 지정하는 format 부분으로 구성된다. 특정 기능을 추가하려면,

Naver Blog

Firebase 배우기 47 - Multi-hosting - 하나의 프로젝트에서 DB 및 스토리지를 공유하는 복수의 웹페이지 호스팅 하는 방법

다중 호스팅의 필요성 파이어 베이스로 웹서비스를 만들다 보면, 때로는 관리자와 사용자 화면을 하나의 프로젝트에 따로 만들고 싶은 경우들이 많이 있다. 실제로 해당 웹페이지에 일반 사용자가 와서 볼 수 있는 페이지를 호스팅 하면서, 동시에 해당 컬렉션이나 스토리지에 관리자들이 자료를 올리기 위해서 관리자들을 위한 별도의 웹페이지가 있었으면 하는 경우이다. 또한 때로는 웹페이지를 만들면서, 서로 다른 언어 사용자를 위해 언어별 페이지를 만들어야 하는 경우도 있다. 이들은 모두 하나의 프로젝트 내에서 동일한 DB나 스토리지를 공유하되, 서로 다른 화면으로 분리해야 한다는 특징이 있다. 이러한 상황을 해결할 수 있는 한 가지 방법은 로그인과 메뉴바를 이용하는 것으로, 예를 들어 일반 사용자는 로그인 없이 해당 웹페이지를 이용하고, 자료를 올리는 관리자는 로그인한 후, 관리자를 위한 전용화면들을 사용하는 방식이다. 여러 개의 언어로 구성된 페이지의 경우도 버튼으로 언어를 선택하게 하고, 각

Naver Blog

시놀로지 NAS에 음악서버 만들기 - Audio Station vs. Navidrome

시놀로지 NAS에 음악앨범들을 저장 및 관리하면서, 듣기 위해 내가 사용하는 2가지 방법을 소개한다. 방법 1 - Audio Station 시놀로지 NAS에는 음악을 streaming하는 용도로 사용할 수 있는 Audio Station이라는 패키지가 기본 Package의 하나로 내장되어 있어서, 이를 이용하면 음악 파일들을 앨범이나, 작곡가 단위 등으로 관리하고, 재생하는 것이 가능하다. 또한 시놀로지에서 DS audio라고 하는 모바일용 앱을 함께 기본 제공하기에, 이를 이용하면 원격지에서도 자신의 시놀로지 NAS에 저장된 음악을 쉽게 들을수 있다. 이처럼 Audio Station과 DS Audio를 이용하는 것이, 시놀로지 NAS를 이용하여 내가 구입했던 많은 음악 CD의 파일들을 여행이나 출장중에도 들을수 있게 해준 고마운 도구임에는 틀림이 없지만, 오랜동안 사용하다 보면 아쉬운 면들도 있다. 그 중 첫번쨰는 사용자 화면이 좀 단조롭고 갑갑하게 느껴지는 것인데, Audio St

Naver Blog

영업 및 마케팅 활동에 유용한 vtiger CRM의 설치방법 및 기본 사용법 소개

vtiger CRM 현재 사용중인 시놀로지 NAS의 활용도를 좀 더 높이기 위해, 기본 내장된 패키지들을 하나씩 살펴보던 중 기업들의 영업 및 마케팅 활동에 널리 사용되는 CRM(Customer Relation Management) 소프트웨어로 분류된 vtiger CRM이라는 패키지가 기본 패키지의 하나로 포함되어 있는 것을 알게 되었다. 개인적으로는 vtiger CRM에 대해 잘 몰랐기에, 자료를 찾아보니, 꽤 좋은 평가를 받는 CRM인듯해보였고 제작사 페이지에는 30만개 이상의 기업이 사용중이라는 문구도 있어서, 시놀로지 NAS에 설치해 보기로 했다. 시놀로지 NAS에 설치 과정 설치방법은 패키지센터에서 찾은후 설치 버튼을 누르면 다음과 같이 자료관리에 사용하는 MariaDB 접근을 위한 PW를 입력하라는 입력창이 나온다. 기존에 MariaDB를 설치하고, 관리자 pw를 설정해둔 경우라면 그렇게 설정한 pw를 입력해주면 된다. 만일 mariaDB를 기존에 설치하지 않았다면 mar

Naver Blog

시놀로지 NAS에 Wallabag 설치와 사용방법 - Article Archive, 기사 저장, 광고 제거, 문서 저장

Wallabag 소개 인터넷을 사용하다 보면 시간적인 이유 등으로 인해, 또는 특정 기사를 보관했다가 다시 살펴볼 요량으로 특정 웹페이지를 저장할 필요가 생기곤 하는데, 그럴 때 유용하게 사용할 수 있는 도구가 바로 Wallabag이다. Wallabag은 한마디로 간단히 소개하면, 일종의 기사 저장소(article Archive)라고 할 수 있는데, 해당 사이트의 URL만을 이용하여, 해당 기사의 내용을 가져와 자체적으로 저장 및 추후 다시 이를 불러내 볼 수 있는 기능을 제공한다. 해당 기사를 가져와 자체적으로 저장하므로, 원래의 웹사이트가 사라지거나, 내용이 변경된다 하더라도, 특정 웹사이트의 원래 내용을 그대로 볼 수 있는 문서 보관(Archive) 기능이 가능하다. 또한, 해당 페이지로부터 광고나, 팝업 등을 배제하고, 순수하게 해당 웹사이트의 유용한 기사 콘텐츠만을 추출하여 저장해 주는 효과가 있어, 추후 해당 기사를 간결하고 편안하게 볼 수 있게 해준다. 더구나 Opens

Naver Blog

아시아나(Asiana) 비즈니스 라운지 이용 후기

출장을 가면서, 적립된 마일리지로 비즈니스 항공권을 끊을수 있었다. 아시아나 마일리지로 보너스 항공권 구하기가 쉽지 않은데, 운이 좋았다. 북경의 경우는 다행스럽게도 비즈니스 항공권을 왕복으로 끊고, 1시간30분에 불과한 짧은 거리이지만 비즈니스로 여행할수 있었고 항공권에 포함된 라운지 이용권으로 아시아나 라운지를 방문했다. 옛날 생각이 많이 났다. (예전 PP카드로도 이용하곤 했던 곳이다.) 연결교를 이용해 라운지에 입장하니 라운지 창밖으로 색동날개의 아시아나 항공기들이 보인다. 내가 처음으로 탔던 항공기가 아마도 91년초 여수에서 서울로 오는 아시아나 였던 것 같다. 이제 아시아나가 없어지게 된다고 생각하니, 아쉬움이 몰려온다. 예전에도 느꼈던 것이지만, 아시아나 라운지는 이용자들이 상대적으로 적은 반면 공간은 많이 넓어서, 쾌적하다. 내가 이용한 이 날도 이용객이 많지 않아서 빈자리가 많았다. 음식들의 종류가 아주 많지는 않지만 비교적 긴 테이블에 여유롭게 배치되어 있다. 음료

Naver Blog

중국인들이 생각하는 김치

이번 중국 북경 출장을 다녀오면서, 여러차례 중국 친구들과 식사를 하게 되었다. 그런데, 중국 친구들이 반복적으로 "김치"라면서 소개하는 음식이 있었다. 이런 음식을 한 친구가 "김치"라고 소개하길래 좀 의아했는데, 그 다음 별도의 자리에서 식사를 할때 또 다른 친구가 비슷한 음식을 역시 "김치"라고 하면서 소개한다. 이들 음식의 맛은 백김치와 조금 비슷한 느낌이 나긴 했는데, 김치라고 하니 느낌이 조금 이상했다. 또 한가지 김치라고 주장하면서 소개한 음식이 있었는데, 식사자리의 사정상 사진을 찍지는 못했지만, 우리의 눈으로 볼때는 "데친 채소볶음" 또는 채소나물볶음 같아 보이는 것이었는데, 김치라고 했다. 이에 대해 김치는 통상 익히지 않은 것이고, 채소를 절여서 발효시킨 것이라고 설명하니, 그제서야 김치를 익힌 요리라고 했다. 말하자면 마치 우리의 "김치볶음" 같은 것이란 의미라고 설명했다. 중국인이 생각하는 김치가 우리가 생각하는 김치와 이렇게 다를줄은 미처 상상하지 못했다.

Naver Blog

아시아나 비즈니스 항공권 마일리지로 이용 후기

지난해 말 아시아나로부터 연말에 소멸되는 마일들이 있다는 메일을 받았었다. 여러날 아시아나의 마일리지 항공권 검색 페이지를 뒤졌는데, 적당한 곳이 없었다. 과거에도 연말에 적립된 마일을 날린 경험이 있었기에, 이번에는 어떻게든 사용해 보려고 단순한 여행이라도 가능한 곳들을 열심히 찾았다. 그런데 대개의 경우, 거의 마일리지 티켓이 없었고, 혹여 어쩌다가 가는편의 티겟이 있으면 오는 일정이 맞지 않는 경우가 대부분이었다. 그러다가 내가 발견한 것이 있었는데, 인천에서 북경을 왕복하는 항공권이었다. 이상하게도 북경에 다녀오는 항공편은 지난 연말에도 마일리지 항공권 자리가 있었고, (심지어 이번 구정 연휴에도 마일리지 항공권 자리가 있다.) 3-4일 후 한국으로 돌아오는 항공편에 대해서도 마일리지 항공권이 있는 상태였다. 더구나 비즈니스 항공권조차도 간간이 남아있는 상황이었다. 때마침 북경에 사는 친구가 새로운 일을 같이 해보면 어떻겠느냐는 제안이 있어서 만나서 이야기할 필요가 있었던 상

Naver Blog

Firebase 배우기 50 - 동호회 등에도 활용할 수 있는 가족 앨범 만들기

시작하면서.. 앞선 글에서 파이어베이스의 스토리지와 호스팅 기능을 위주로 사용하여, 반려견 콩이와의 추억이 담긴 사진과 비디오를 오랫동안 돌아볼 수 있도록, 그리고 가족들과 공유할 수 있도록 웹에 앨범을 만든 것을 코드와 함께 소개한 바 있었다. https://blog.naver.com/mythee1/223594811997 Firebase 배우기 49 - 파이어 베이스를 이용해 반려견과의 추억 앨범 만들기 우리 집에는 "콩이"라는 나이 든 반려견이 있다. 이미 나이가 15-17세 정도 된 푸들인데, 사람으... blog.naver.com 그런데 이렇게 반려견에 대한 추억 앨범을 만들고 생각이 난 것은 나이가 이미 85-90세에 도달한 부모였다. 부모 관련 사진을 한번 정리해 두는 게 좋겠다는 생각이 들었다. 더구나, 이미 만들었던 반려견 앨범 코드를 활용하면 비교적 쉽게 만들 수 있다는 생각도 들었다, 기존에 만들어 둔 코드를 최대한 활용하기로 했다. 만드는 과정과 구성 기존 코드를

Naver Blog

Firebase 배우기 51 - 파이어베이스 DB 자료를 Excel 또는 CSV 형식으로 내보내는 방법

파이어 스토어를 사용하다 보면, 컬렉션 자료를 차트화 시키는 것은 가능하지만, 자료 보관이나, 별도로 자료를 추가 가공하기 위해, 컬렉션 자료를 PC로 다운로드해야 할 때가 있다. 기본적으로 파이어베이스 콘솔은 무료 버전의 경우 파일 내보내기를 지원하지 않지만, 라이브러리를 이용하면 파이어베이스 콘솔의 기능을 이용하지 않고도, 엑셀이나, CSV 파일 형식으로 PC에 다운로드할 수가 있는데, 자세한 방법을 예제 코드와 함께 소개한다. 나의 경우에는 다음과 같은 방식의 화면을 이용해 컬렉션의 필드 데이터를 선택해 CSV 또는 Excel 형식을 선택해서 내보내도록 했는데, 참고로 이들 데이터는 다음과 같은 코드를 이용해 파이어스토어 컬렉션에 저장되어 있는 상태이다. 이렇게 저장된 자료를 엑셀 형식 등으로 내보내려면 다음과 같이 xlsx.js 라이브러리의 사용이 필요하다. 이렇게 라이브러리 사용을 선언해 준 상태에서 다음과 같은 엑셀 내보내기 함수 또는 CSV 내보내기 함수와 실제 내보내기

Naver Blog

중국 쇼핑몰에서 마주한 자율주행 중국산 전기자동차 느낌

중국 출장 과정에서 저녁 식사를 할겸 쇼핑몰의 푸드 코트를 방문했다. Jiulongshan 전철역에 붙어있는 대형 몰이었다. 엄청 큰 쇼핑몰로, 마치 스타필드 같은 형태였는데, 특이하게도 지하층에 푸드코트와 함께 전자제품들도 같은 층에 있었다. 마침 샤오미와 삼성의 매장이 나란히 있는데, 삼성쪽 매장에는 직원들 외에 사람들이 거의 없는데, 샤오미쪽에는 사람들이 상대적으로 매우 많아서 들여다보니, 전자제품들 외에도 한쪽편에 전기차도 2대 전시되어 있었다. 이때까지만 해도 그렇게 눈여겨 보질 않았다. 그런데, 이웃한 화웨이 매장도 마찬가지로 전기차들이 2대 전시되어 있었는데, 보여지는 모양이 범상치 않았다. 차량 윗 부분에 이전에 다른 차량에서는 보지 못했던 장치가 붙어있었기 때문이다. 카메라로 보였는데, 자율주행을 염두에 둔 것 같았다. 전시된 다른 차량도 마찬가지였다 운전석 부분을 들여다 보니 시원시원했다. 뒷자석에도 태블릿이 장착되어 있었는데, 직원 설명으로는 화웨이의 다른 태블릿

Naver Blog

중국 쇼핑몰 모바일 및 전자기기 매장 풍경

중국 출장중 쇼핑몰에서 마주한 여러 전자기기 브랜드의 풍경 사진이다. 각 브랜드별로 사람이 적기도, 또는 많기도 해서 사람들 속의 각 브랜드의 인기도를 느껴볼수 있었다. 매장간 차이를 보면서 생각이 복잡해진다.

Naver Blog

GTX-A를 처음으로 타보기

집이 위치한 운정지구에 GTX-A가 개통되었다. 서울갈때, 특히 서울역에서 기차를 타야 할 경우에 굳이 서울역까지 차를 가지고 가지 않아도 될것 같아 편리하겠다는 생각은 들었지만, 정확한 위치나, 주차장 상황을 몰라서 경험삼아 한번 타보기로 했다. 일단 한번 이용해 보아야 필요할때 제대로 이용할 수 있을듯 해서였다. 우선 차를 가지고 가보았다.집에서 직선거리로는 약 2.9km정도였는데, 운전해서 가다보니 아파트 단지를 나서서 역에 들어설때까지 약 20분 정도 걸렸다. GTX 운정중앙역의 정확한 위치는 다음과 같았다. 차를 주차할 수 있다는 정도만 알고 있었는데, 막상 가서 한바퀴 돌, 역에서 약 100-200m정도 떨어진 곳에 다음과 같은 임시 주차장이 2곳 있었다. 각기 도로 양쪽 편으로 위치하였는데, 주차장 바닥은 흙에 자갈을 뿌려둔 형태의 주차장이었지만, 신발이 빠질 정도는 아니었다. 구획선은 흰색 줄을 이용하여 구분된 형태였다. 주차장은 운정 1/2 지구 방향으로만 제2자유로

Naver Blog

반려견 "콩이"

콩이, 오늘도 우리 곁에서 1. 출생과 어린 시절: 한 줌의 반짝임 2008년, 대한민국의 한 아파트 안. 어느 맑은 봄날, 곱슬거리는 푸들 털과 호기심 어린 눈빛을 가진 작은 강아지 콩이가 태어났습니다. 그 첫 발걸음은 조심스럽지만 확실했고, 집안 곳곳에 사랑의 씨앗을 뿌리듯 새로운 세상을 향해 힘차게 내딛었습니다. 태어날 때부터 이미 콩이는 자신만의 독특한 매력을 뽐내며, 가족 모두의 마음속에 특별한 자리를 차지하게 되었습니다. 2. 함께한 모험과 일상의 에피소드 2.1 호수공원에서의 긴 산책 어느 화창한 오후, 가족들은 콩이와 함께 인근 호수공원으로 나섰습니다. 호수 둘레를 따라 1시간이 넘도록 걷던 그 날, 콩이는 신나게 달리며 잔잔한 물결과 부딪히는 바람을 온몸으로 느꼈습니다. 바람에 나부끼는 털 사이로 반짝이는 눈빛은, 자연과 하나가 된 듯한 기쁨의 순간을 선사했고, 가족 모두는 한참 동안 그 모습을 지켜보며 마음의 여유를 즐겼습니다. 2.2 집안 곳곳에 남긴 장난과 웃음

Naver Blog

벳푸(Beppu)에 가면 꼭 들려볼만한 라면(Ramen)집 Furari

벳푸 여행 중 가장 유명한 곳의 하나인 바다 지옥과 가마 지옥을 돌아보다가, 점심 식사 때가 되어 적당한 식당을 찾으려 했으나, 이상하게도 지옥온천이 속한 칸나와 지역에서는 식사를 할만한 적당한 식당을 찾을 수가 없었다. 지도를 따라 거리를 쭉 다녀보았는데, 일부 식당들이 있기는 했으나, 영업을 안 하거나, 음료나 샌드위치 정도를 판매하는 곳들이었다. 길거리에서 찐 달걀이나, 옥수수 같은 파는 곳들은 여럿 있었으나, 그것으로 식사를 대체하기도 난처했다. 그러다가 편의점에서 직원에게 번역기를 동원하여 물어물어 겨우 찾은 라멘집이 하나 있었다. 사실 지도에도 표시되어 있기는 했으나, 방향이 칸나와 중심에서 다소 다르기도 했고, 혹시 멀지 않을까 하는 생각에 미처 알아채지 못했던 곳이었는데, 막상 걸어가 보니 칸나와 중심의 버스정류장에서 도보로 5분 정도면 도달할 수 있었다. 식당으로 가는 길에서 벳푸의 여러 지역에서 수증기가 피어오르는 멋진 전망을 볼 수 있었다. 막상 도착해 보니 다음

Naver Blog

호이안에 가면 박물관에도 들러보자...

베트남 다낭의 유명한 관광지 중의 하나인 호이안은 거의 모든 관광객들이 방문하는 곳으로 알려져 있다. 옛날 스타일의 건축 풍경과, 바로 옆으로 흐르는 강, 보트, 아기자기한 건축물 속에서 과거에 대한 향수를 느끼기 때문인듯하다. 그런데 이런 호이안에 가게 된다면, 잠시 시간을 내어, 호이안 박물관에도 들러보라고 권하고 싶다. 아름다운 풍경을 넘어, 역사와, 전쟁과, 상업 등에 대해 미처 상상하지 못한 것을 볼 수 있기 때문이다. 그러나 전시물이 그렇게 많은 것은 아니기에, 가벼운 마음으로 들리면 된다. 관람시간은 대체로 30분에서 1시간 정도면 족할듯하다. 호이안 박물관은 호이안 로터리에서 걸어갈 정도의 거리(200여 미터 정도였던 듯)에 위치하고 있다. 이곳을 방문하는 경우, 반드시 필요한 것이 호이안 관람권 구입이다. 호이안 지역의 일부 장소들은 반드시 유료입장권이 있어야 하는데, 호이안 박물관도 그중의 하나이다. 참고로, 관람권을 구입하지 않고도 일부 거리를 구경하거나, 상점

Naver Blog

Firebase 배우기 8 - 웹서비스 로그인 처리

다음과 같은 이전 글에서 Firebase를 이용한 서비스에서, 사용자 등록을 간단히 몇 줄로 처리하는 방법을 소개한 바 있었다. https://blog.naver.com/mythee1/223495997534 Firebase 배우기 7 - 서비스 가입 처리 Firebase에서는 서비스 가입자에 대한 가입자 등록과 관련된 기능을 쉽게 구현할 수 있도록 firebase-auth... blog.naver.com Firebase에서는 이렇게 서비스에 가입한 사용자들의 로그인도, 거의 비슷한 코드를 이용하여 역시 간단하게 처리할 수 있다. Firebase에서는 로그인을 "signin"이라는 이름을 사용한다. 바로, 사용자 가입 처리에 사용했던 "firebase.auth().createUserWithEmailAndPassword(이메일, 패스워드).then((result)=>{" 문법을 다음과 같이 Create에서 signin으로만 변경하여 사용하면 된다. firebase.auth().signI

1 2 3 4 5 6 7