2020년 1월 1일 해돋이 from 속초

2020년 새해 해돋이를 강원도 속초에서 구경했어요~

• format_list_bulleted 일상다반사
• · 2020. 1. 5.
• textsms

2020년 1월 1일 오전 12시 00분

이 시각에 TV에서는 제야의 종을 울리고 있었네요

• format_list_bulleted 일상다반사
• · 2020. 1. 5.
• textsms

타입스크립트 기반 간단한 TCP 서버/클라이언트 개발

이번에는 타입스크립트를 사용하여 간단한 TCP 서버/클라이언트를 만드는 방법에 대해 설명합니다. [TCP 서버] tcp_server라는 폴더를 생성한 후에 터미널에서 다음과 같이 입력하여 프로젝트를 초기화합니다. yarn init 그러면 다음과 같은 package.json 파일이 생성됩니다. { "name": "tcp_server", "version": "1.0.0", "main": "index.js", "license": "MIT", "private": true } 그리고 다음과 같이 입력하여 타입스크립트 환경을 구성합니다. yarn add -D typescript tsc --init 그러면 다음과 같이 tsconfig.json 파일이 생성됩니다. 아래 내용과 다르면 같게 변경해줍니다. { "compi..

• format_list_bulleted 컴퓨터 공학/JavaScript
• · 2019. 12. 29.
• textsms

VS Code 주요 확장 소개

Auto Rename Tag 하나의 태그를 수정하면 짝이 되는 태그도 동시에 수정된다. Bracket Pair Colorizer 2 괄호 쌍들이 서로 같은 색상으로 보이도록 설정한다. BetterComments 주석을 조금 더 보기 좋게 만들어 준다. 주석 앞에 *(중요), !(경고), ?(물음), TODO(할일), @param(파라미터) 등을 입력할 수 있다. 함수를 생성한 후에 /**/을 입력하고 엔터를 누르면 파라미터가 자동으로 생성된다. ESLint 자바스크립트 용 Linter Linter는 소스코드를 분석해 정해진 규칙을 체크한다. 설정방법 확장에서 eslint 설치 터미널에서 npm install -g eslint 입력 터미널에서 npm init 입력 터미널에서 eslint --init 입력 ..

• format_list_bulleted 컴퓨터 공학/JavaScript
• · 2019. 12. 18.
• textsms

웹 페이지의 DOM을 크롬 확장 앱에서 제어하는 소스 예제

크롬 확장 연동 방법은 https://blog.naver.com/remocon33/221712213034 을 참조바랍니다.

• format_list_bulleted 컴퓨터 공학/JavaScript
• · 2019. 11. 27.
• textsms

[C++] NativeMessaging으로 크롬 확장 앱과 C/C++ 앱 통신하기

크롬 브라우저에서 크롬 확장 앱을 사용하면 로컬에 있는 C/C++ 기반의 앱과 통신을 할 수 있습니다. ​ [준비물] * 크롬 브라우저 * Visual Studio (버전 무관) 첨부 파일로 올린 'chrome_extension_sample.7z'을 내려받아 압축을 해제합니다. 그림과 같이 메뉴 - 도구 더보기 - 확장 프로그램을 클릭합니다. 우측 상단에 개발자 모드를 on으로 설정합니다. 좌측 상단에 '압축해제된 확장 프로그램을 로드합니다.'를 클릭합니다. 그리고 위에서 내려받은 압축파일에 있는 app 폴더를 선택해줍니다. 그럼 다음과 같이 'Chrome 앱'에 확장 프로그램이 추가된 것을 확인할 수 있습니다. 다시 크롬 브라우저의 새창을 열어서 url 입력창에 chrome://apps/ 을 입력하여 ..

• format_list_bulleted 컴퓨터 공학/C++
• · 2019. 11. 27.
• textsms