Gmail 계정 POP3 설정 - 윈도우 Outlook 클라이언트

매번 브라우저로 보니까 관리도 힘들고, 쉽게 POP3 로 땡겨서 보자. 일단 구글 사이트의 Help 에 자세히 설명이 되어 있꾼. https://support.google.com/mail/troubleshooter/1668960?rd=1#ts=1665119,1665157,2769079 간단하게 필요한 부분만 캡쳐~~ 일단, Gmail 에서 설정을 해 주어야 한다. POP3 를 사용할 수 있도록 개인적으로는 IMAP 보다는 POP3가 사용하기 수월하다.IMAP 은 서버와 동기화 시켜서 통합 관리 되는 장점이 있지만 너무 느린면이 있고, E-mail이라기 보다는 RSS Reader 같은 느낌이 별로다. 빨간 박스의 내용만 잘 해주면 된다. 아래 박스에서 나는 서버에 메일을 남겨두지 않도록 설정해 두었다. 그..

• format_list_bulleted Tech
• · 2021. 11. 8.
• textsms

클라이언트 사이드 렌더링 CSR

이전 강의에 연속해서 from 조은의 프론트엔드 실무 가이드 : 요구사항 분석과 적정 기술 클라이언트 사이드 렌더링 CSR 에 관한 내용이다. 브라우저 렌더링 101을 통해 전체적인 느낌을 알고 세부적으로 CSR, SSR, Static file 이렇게 설명하는 것 같다. 내용의 말미에 나오는 칠판을 아래에 공부용으로 스샷 강조하는 내용을 간략하게 정리해 보면, 브라우저의 JS (JavaScript) 엔진들이 각자의 Component 를 만들고 JSX 등을 활용해서 바로 DOM을 정의해서 구현하는 것, 이것이 CSR, 클라이언트 사이드 렌더링이라고 말 할 수 있다. 특징적인 내용은 실시간성을 원하는 경우, 자연스러운 페이지 이동을 원하는 경우 혹은 페이지의 일부만 변경되어 자연스런운 렌더링이 필요한 경우 ..

• format_list_bulleted Tech/프론트엔드
• · 2021. 11. 8.
• textsms

브라우저 렌더링 101 - from 조은의 프론트엔드 실무 가이드

크롬 기준의 브라우저 렌더링 101 강의는 fastcampus 의 동영상 강의의 화면을 일부 캡쳐해서 정리해둔다. 전체적인 개요 같은 내용이다. 먼저 모르는 용어 Render Tree DOM 과 CSS 가 적용된 결과물 정도로 이해하고 넘어간다. 이 Render Tree 가 표현되기 위해 (렌더링을 위해), 아래와 같은 3단계의 일이 벌어진다고 알면 된다. 1. Layout 2. Paint 3. Render 라는 과정이 있다는 것을 기억하라는 강사분의 말씀. Layout 부분이 다시 불리게 되면 좀 느려질 가능성이 있으니 피해서 설계하는 것이 좋다. 대충 이해한 바로 써보면, (틀릴수도 있다.) 예제로는 애니메이션을 구현할 때 Position 을 변경할 수 있는데 이 부분은 layout을 변경하는 기술이..

• format_list_bulleted Tech/프론트엔드
• · 2021. 11. 8.
• textsms

git add 파일 추가 - 원하지 않게 자동으로 파일이 포함되지 않는 경우

로컬에서 파일을 생성 혹은 복사해서 어떤 파일이 폴더 내에 있는데 실제 GitHub이나 git 에 추가가 되지 않는 경우를 봤다. 강제로 add 하니 아래와 같은 메시지를 볼 수 있었다. 잘은 모르지만 advice.addIgnoreFile 이라는 설정 파일에 특정 이름이나 특정 패턴의 파일은 자동으로 걸러주도록 되어 있나 보다. mbedtls 에서는 library 밑에 error.c 와 version_features.c 파일이 있는데 자동으로 이 파일을 걸러서 안 올려 주도록 설정 되어 있나 보다. 일단 강제로라도 편입 시키기 위애 -f 옵션으로 다시 add 해보자. git add -f 파일명 일단 강제 추가 했다. 자동으로 필터링 해주는 옵션을 끄는게 나을 듯 하다. "git config advice...

• format_list_bulleted Tech
• · 2021. 11. 8.
• textsms

애드센스 블로그 - 구글 서치 콘솔 네이버 웹마스터 도구 등록 필수

내가 쓴 글들이 인터넷에 퍼져야 애드센스를 단 효과가 있을 테니 구글 서치 콘솔에 등록을 하고, Google Search Console https://search.google.com/search-console 마찬가지로, 한국 사용자들에게 알려지기 위해 네이버 웹마스터 도구 등록도 해 둔다. https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 여기에 들어가 웹마스터 도구에서 자신의 도메인을 등록하고 자신의 소유임을 알리는 DNS 등록이나 Meta 헤더 등록을 마치면 아래와 같이 rss, sitemap 사이트맵을 등록 할 수 있는 페이지를 볼 수 있다. 아래 처럼 자신의 si..

• format_list_bulleted 애드센스
• · 2021. 11. 6.
• textsms

PC 필수 유틸 다운로드 - 네이버 자료실 대안 사이트 TOP 2

여기저기 찾아보기 힘든 유틸리티, 툴, 프로그램을 한 곳에 모아서 제공해 주던 네이버 자료실이 서비스를 종료했다는데 비슷한 서비스를 제공해 주는 사이트 2곳을 소개합니다. 보물, 소프트다운 타운 입니다. 👍 https://bomul.com/ 보물 사이트는 그냥 네이버 자료실과 아주 비슷하네요. 카테고리도 아주 잘 되어 있고, 자료도 거의 대부분 있는 것 같습니다. 자료 소개도 아래 그림 처럼 분류와 버전 용량, 다운로드 가능한 위치, 라이센스 정보 등 아주 자세하게 제공해 주고 있습니다. 음. 광고도 많이 없어서 서버 운영은 어떻게 하는지요? ㅎㅎㅎ 다운로드도 서버에서 바로 제공도 하는 방법인듯 합니다. 트래픽이니 머니 운영비가 좀 들겠군요. 아무튼 깔끔하게 소개도 잘 되어 있어 믿고 들어갈 만하네요. ..

• format_list_bulleted Tech
• · 2021. 11. 6.
• textsms

서버 React 설치 - 실제 설치 로그 남기기

서버 React 설치 설치전 아래 페이지를 꼭 참고한다. 우분투 Node.js 설치및 npm 환경구축 $ sudo apt-get install -y nodejs $ sudo apt install npm 설치 로그를 참고한다. twlabs01@twlabs01:~$ cd Projects/ twlabs01@twlabs01:~/Projects$ mkdir react twlabs01@twlabs01:~/Projects$ cd react twlabs01@twlabs01:~/Projects/react$ sudo apt-get install -y nodejs [sudo] password for twlabs01: Reading package lists... Done Building dependency tree Readi..

• format_list_bulleted Tech
• · 2021. 11. 5.
• textsms

애드센스 블로그 - 필수! 처음 검토 요청전 도메인 먼저 연결하자

아차차. 승인은 되었느데 내 도메인으로 티스토리에 연결해서 하려니, 다시 승인을 받아야 함. 흠 일부러 하나 더 만들어서 일단 신청을 하는데, 안되면 낭패인데 처음 부터 여기를 자기 도메인에 연결하고 검토 요청을 했었어야 한다. 요청이 거부 되면 여기에 blog.내도메인.com 으로 서브 도메인으로 쓸려고 했던 계획이 다 틀어 지는데. 같은 여기 티스토리로 검토 요청을 돌려보자. DNS 쪽 설정을 티스토리로 막 바꾸고, 티스토리 설정으로 들어가서, 도메인 접속 정보를 업데이트 한다. 일단 요러케 붙여두고, 검토 요청 결과를 기다려보자.. 머 같은 블로그 인데 다른 결과가 나오려나 쩝

• format_list_bulleted 애드센스
• · 2021. 11. 3.
• textsms

리눅스 사용 팁 - 여러 파일 문자열 바꾸기

여러 파일에 있는 특정 패턴을 바꾸려고 하면, 먼저 바꾸고자하는 파일들이 있는 특정 디렉토리로 이동한다. 그리고 아래와 같이 입력한다. 현재 경로로부터 하위 폴더까지의 "cpp"파일들 내에 "old"이란 문자열을 "new"로 변경하는 경우 find . -name "*.cpp" -exec sed -i 's/old/new/g' {} \; 쉬우면서도 어려운~~ 바꾸는 패턴은 vi에서 문자열 치환이랑 동일하네. 레퍼런스 페이지 https://mozi.tistory.com/35 [LINUX] sed 문자열 치환하기 sed 문자열을 변환하는 편집기입니다. 원본은 변경없이, 변경된 결과를 출력합니다. (-i 옵션으로 변경된 결과를 원본파일에 덮어쓸 수 있습니다. ) sed 사용법 sed [ option ] patte..

• format_list_bulleted Tech
• · 2021. 11. 3.
• textsms

Vi / Vim 문자열 변경 - Dos, Windows 개행문자 ^M 처리

윈도우에서 작성한 소스 코드를 Unix 혹은 그냥 GitHub 이런데 올려뒀다가 리눅스 환경에서 한 번 열어보면 "^M" 이란문자가 라인의 마지막에 막 붙어 있는 것을 볼 수 있다. 이거 머야? 넣은 적이 없는데 엔터 처리에 대한 부분이 윈도우/도스, 리눅스, 유닉스가 막 다르다 보니 나타나는 현상인데 CR+LF 로 처리하는 엔터를 리눅스에서 LF 만으로 처리하니 떡하니 CR 이 남아있어서 보이는 현상으로 볼 수 있다. 우찌 되었던 제거 해야 한다. 문자열 변경하는 방법 vi 에디팅 중에 문자열을 바꾸고 싶다면 아래와 같은 패턴으로 명령을 주면 가능하다. :%s/찾는문자열/바뀔문자열/g 맨 마지막 /g 는 문서 전체를 나타낸다. ^M 제거하기 그럼 ^M을 제거하려면 위에서 언급한 문자열 변경으로 가능할 ..

• format_list_bulleted Tech
• · 2021. 11. 3.
• textsms

Azure IoT SDK example - RP2040 prov_dev_client_ll sample

1. Prepare IoT Hub and Device for this example 1.1. Developer PC - Generate Device self-signed certificates [MUST] Please follow up tutorial-x509-self-sign At last stage, you need to run the following command for making .pem file: openssl x509 -in prov_device1.crt -out prov_device1.pem -outform PEM For your reference, prepare example log as below: Notice! device ID = "W5100S_EVB_PICO_PROV_X509" ..

• format_list_bulleted Tech/Network
• · 2021. 11. 3.
• textsms

애드센스 블로그 - 등록 완료, 고시 통과

요청해둔 애드센스 요청이 통과 된 듯 하다. Adsense 페이지에 들어가면 해당 블로그 사이트 상태가 아래와 같이 나온다. "사이트에 광고를 게재할 준비가 되었습니다..." 이제 시작이다! 현재 금액은 0$ 이지만 언제가 100불을 만들어 계좌로 받을때 까정~~고고. 스킨이 편리하게 애드센스를 접목할 수 있는 것으로 변경해야 할 듯 하다. 현재 스킨이 완전 좋긴한데 쩝...

• format_list_bulleted 애드센스
• · 2021. 11. 3.
• textsms

AWS 네트워크 다이어그램 아이콘 레퍼런스 참고하기

네트워크 구성도나 시스템 설계도를 그리는 경우 다양한 아이콘이 필요하다. AWS에서 제공하는 아이콘 세트를 참고해보자. https://aws.amazon.com/ko/architecture/icons/ AWS 아키텍처 아이콘 아키텍처 다이어그램은 설계, 배포, 토폴로지에 관해 커뮤니케이션할 수 있는 유용한 방법입니다. 이 페이지에서 다이어그램을 구축하는 데 도움이 되는 AWS 제품 아이콘, 리소스 및 기타 도구가 aws.amazon.com 다운로드 받으면, ppt 에서 쓸 수 있는 예제와 아이콘 세트가 들어 있다. 실제 시스템 구성도 플랫폼 구성도를 그리면 아래 그림처럼 구성해야 한다. 아래 그림은 "Avaya Aura Unified Communications (UC) Platform" 예제로 pdf 로..

• format_list_bulleted Tech
• · 2021. 11. 2.
• textsms

토렌트 파일 만들어 보기 - 자신의 파일 공유

토렌트 공유 파일 업로드 전송 하는 방법 - 토렌트 파일 만들기 토렌트는 그냥 토렌트 사이트 가서 원하는 파일을 다운로드만 하는 용도로 많이 쓰고 있다. 그런데, 가끔 대용량 파일을 공유 업로드 하거나 서로 전송해야 하는 경우가 있다. 보통은 이 경우, FTP 나 클라우드 사이트를 이용하여 파일을 공유하여 업로드 하는 방법을 많이 쓰고 있다. FTP나 HTTP로 올리는 경우, 너무 느리게 업로드 되고, 다운로드 받는 사람도 참 답답하게 느낄 정도로 느리게 다운을 받아야 하는 경우를 많이 본다. 이런 경우에는 토렌트를 이용하여 파일을 공유 업로드 하여 전송해 보도록 하자. 기술 특성상 P2P 파일 공유를 통해 나름 빠른 속도로 대용량 파일을 공유할 수 있다. 예로, 전시회에 쓰일 포스터 파일을 공유해 보도..

• format_list_bulleted 토렌트
• · 2021. 11. 2.
• textsms

리눅스 사용 팁 - 문자열 검색 다중 파일

언제나 검색해 보는 단골 명령어들~~ 머리에 저장되질 않어 아까 vim에서 검색하기는 아래 글에 정리해 둠 2021.11.02 - [소소한개발팁] - vim 검색 팁 - vi에서 여러 파일에 있는 문자열 검색하기 vim 검색 팁 - vi에서 여러 파일에 있는 문자열 검색하기 Vi 작업중에 폴더내의 있는 다중 파일 중에 원하는 문자열을 포함하고 있는 파일들을 보고 싶다면 아래와 같이 명령을 치면 된다. :vimgrep /검색문자열/ ** 출처 - https://tactlee.egloos.com/856258 만약, 검 bthinkr.tistory.com 리눅스 파일 시스템에서 (쉘에서) 바로 해보려면 아래 글을 참고하자. 출처가 삭제되어 여기서도 삭제 문자열찾기 방법 1 - 영어만 주로 가능 # grep -..

• format_list_bulleted Tech
• · 2021. 11. 2.
• textsms