테크토크의 기술 블로그

※ 기존에 Node.js 가 설치되어 있다면 삭제하고 진행할 것을 권장합니다.

1. 해당 사이트에서 최신 버전의 'nvm-setup.zip' 파일을 다운로드 받는다. 

https://github.com/coreybutler/nvm-windows/releases

2. 다운 받은 파일의 압축을 풀고 'nvm-setup.exe' 파일을 실행해서 nvm을 윈도우에 설치한다.

3. cmd창에서 'nvm version' 을 입력해서 설치가 정상적으로 진행되었는지 확인한다.

C:\>nvm version
1.1.7

4. 해당 사이트에서 설치하려고 하는 node.js의 버전을 확인한다. 

https://nodejs.org/ko/

5. cmd창에서 'nvm install v12.16.2' 명령어를 입력한다. ex) 'nvm install v{{설치 버전}}'

C:\>nvm install v12.16.2

6. cmd창에서 'nvm list'을 입력해서 설치되어 있는 node.js를 확인한다.

C:\>nvm list

7. cmd창에서 'nvm use 12.16.2' 을 입력해서 해당 버전을 사용하겠다고 설정해준다. 
ex) 'nvm use {{원하는 버전}}'

C:\>nvm use 12.16.2
Now using node v12.16.2 (64-bit)

8. cmd창에서 'node --version' 을 입력하여 원하는 node.js 버전이 설정되었는지 확인한다.

 C:\>node --version 
 v12.16.2

GitHub is now free for teams

https://github.blog/2020-04-14-github-is-now-free-for-teams/?utm_campaign=1586880139&utm_medium=social&utm_source=twitter&utm_content=1586880139
: GitHub가 좋은 혜택을 제공하는군요. MS 인수 된 뒤로 혜택이 많아서 좋네요.
Private Repo에서 무료로 원하는 만큼 팀원을 추가해서 작업할 수 있습니다.
그리고 유료 플랜도 9불에서 4불로 가격을 인하한다고 하네요.

개발자와 명상

https://blog.shiren.dev/2020-03-24-%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%99%80%EB%AA%85%EC%83%81/
: 명상을 통해 얻을 수 있는 것들을 잘 설명해 놓은 글이네요.
스트레스 해소 및 불안감을 줄이고 휴식을 취할 수 있다는 점에서 명상을 권하고 있습니다.
실제 효과를 본 적이 있어서 글을 읽어보고 이런 효과가 필요하다고 생각하시는 분들은 명상을 시작해보면 좋을 것 같네요.

서버의 상태를 알려주는 HTTP 상태 코드 - Evan's Tech Blog

https://evan-moon.github.io/2020/03/15/about-http-status-code/
: HTTP 상태 코드에 대한 설명을 하는 글입니다.
인터페이스와 가이드가 왜 필요한지부터 설명한 후에 HTTP 상태 코드들에 대한 설명을 하고 있습니다.
백엔드, 프론트엔드 개발자 모두 알아두면 좋을 내용이네요.

인터넷이 동작하는 아주 구체적인 원리

https://parksb.github.io/article/36.html?fbclid=IwAR15UeD4WM0Z0TZ4TTjjKGIfR3qnQiXPdEKWh73_2uPaSP12Qi51QjSm-Dw
: 브라우저 화면에 'www.google.com'을 치면 어떤 과정을 거쳐 화면이 나타나는지를 설명해놓은 글입니다.(글쓴이가 학생인지, 학교에서 접속하는 과정을 바탕으로 설명했네요)
아래 용어들과 네트워크에 대한 전반적인 이해가 필요하다고 느끼게 되었습니다.
DHCP(Dynamic Host Configuration Protocol),
ARP(Address Resolution Protocol),
루트 DNS,
TLD(Top-Level Domain),
TLS handshake,
Premaster secret

How to use TypeScript

https://velog.io/@wlsdud2194/How-to-use-TypeScript

: TypeScript의 중요 내용을 정리한 글입니다.

장점과 핵심 내용을 깔끔하게 정리한 글이라 보기 편해서 공유합니다.

두고두고 볼만한 유투브 채널 모음

http://velog.io/@devjang/두고-두고-볼만한-유튜브-채널-모음

: 개발자들에게 도움이 될 만한 유투브 채널들을 모아놓은 사이트네요.

모르고 있던 채널도 많아서 구독해놓고 시간 날 때 조금씩 찾아보려고 합니다.

토스, 캐롯손해보험과 손잡고 운전한 만큼만 내는 '후불 자동차보험' 선보여

https://blog.toss.im/2020/04/02/newsroom/press-release/per_mile_car_insurance/

: 토스와 캐롯손해보험이 후불 자동차보험을 선보였네요.

실제로 주행거리가 얼마 되지 않는 사용자들에게는 희소식이 될 것 같네요.

알아두면 쓸데있는 VSCode 노하우

https://jeonghwan-kim.github.io/dev/2020/04/05/vscode.html

: VSCode 단축키와 Extension 기능 몇가지를 소개하고 있네요.

Ctrl+Shift+C, VSCode에서 외부터미널 여는 단축키가 매우 유용해 보입니다.

DevOps란 무엇이며, CI는 무엇인가?

https://asfirstalways.tistory.com/303

: DevOps에 대해 막연한 개념만 가지고 있고 설명하기 어려웠는데, 이 글을 읽고 어느 정도 정리가 되었습니다.

DevOps란?

소프트웨어 개발자들과 IT종사자들 사이의 의사 소통, 협업, 융합을 강조한 소프트웨어 개발 방법론이며,

개발자(Dev)와 운영자(Ops)간의 목적을 일치시키고 프로세스와 도구에 대한 접근을 공유하여 그 차이를 줄이는데 목적이 있다.

프로그래머를 지탱하는 3가지 성분 - Speaker Deck

https://speakerdeck.com/totuworld/peurogeuraemeoreul-jitaenghaneun-3gaji-seongbun

: 유머러스하게 개발자에 대해 설명하고 있네요.

쉽게 쉽게 읽을 수 있으니 한번 보세요~ 간단한 글들이지만 공감이 많이 되는군요. 특히 체크남방! 스티커 SWAG!

위에는 농담이고 진짜 중요한 건 아래 3가지라고 합니다.

1. 커뮤니케이션, 글쓰기

2. No 유행

3. 커뮤니티하기 + 틈틈히 공부하기

유투브 뮤직에서 가사 지원 시작

https://techneedle.com/archives/39571

: 유투브 프리미엄 이용하시는 분들은 유투브 뮤직도 같이 사용하실 텐데요.

유투브 뮤직에서 가사 지원이 되지 않아 불편했었는데, 이제 안드로이드/iOS 앱에서 가사 보기를 지원한다는 내용이네요.

그리고 가사 제공 업체에 대해서도 알게 되었네요.

스포티파이와 애플뮤직은 지니어스, 유투브 뮤직과 아마존 뮤직은 리릭파인드

OKKY - 취직 준비를 위해 좋은 포트폴리오 만드는 방법

https://okky.kr/article/663519

: 개발자 포트폴리오(게시판)를 만들면서 어느 부분을 고려해야 하는지 어느 부분을 중요하게 보는지에 대해 설명하고 있습니다.

다 읽고나니 기초가 얼마나 중요한지 다시 한번 되새기게 되네요.

특히 Unit Test 작성이 얼마나 중요한지 강조하고 있는 글을 보며,

나는 개발할 때 얼마나 작성하고 있나라고 돌아보게 되네요.

DNS 동작 이해

https://brunch.co.kr/@topasvga/196

: DNS 동작 방식을 간단하게 그림으로 표현했네요.

ROOT, CACHE DNS, Name Server에 대해서는 좀 더 살펴봐야겠네요..

npm is joining GitHub - The GitHub Blog

https://github.blog/2020-03-16-npm-is-joining-github/

: Github가 npm를 인수했다는 소식입니다~

제품 – 1분코딩

https://studiomeal.com/

: CSS에 대해 공부해보자~라고 생각하다가 찾게 된 사이트입니다.

CSS개념 잡기가 필요한 분들은 사이트에 글들을 훑어보시는 걸 추천합니다~

IntelliJ IDEA의 개발사 JetBrains에서 2011년에 공개한 프로그래밍 언어.

Open Source이며, 2012년에 릴리즈 되었다.

Java에 비해 상당히 간결한 문법을 가지고 있으며, 세미콜론은 옵션이다.

JVM 기반의 언어이며, Java와의 상호 운용이 100% 지원된다.

2017년에 구글이 안드로이드의 공식 언어로 Kotlin을 추가하였다.

Kotlin 공식 사이트

https://kotlinlang.org/

Kotlin의 장점

1. Java에 비해 적은 양의 코드로 많은 것을 표현할 수 있다.

2. Null Point Exceptino에 안전하다

3. 함수형 언어의 중요한 장점들을 차용했다.

4. 상속 받지 않고도 클래스 확장이 가능하다.

5. 기본 자바 코드들과 호환이 가능하다.

[번역] 웹 아키텍쳐 입문

https://blog.rhostem.com/posts/2018-07-22-web-architecture-101

: Storyblocks 웹 사이트의 아키텍쳐를 기반으로 각 컴포넌트를 간략하게 소개하고 있습니다. 전체적인 웹 아키텍쳐를 이해하는데 도움이 되는 글이네요.

개발 7년차, 매니저 1일차 - 임백준

http://www.hanbit.co.kr/channel/category/category_view.html?cms_code=CMS6281688150&fbclid=IwAR2_KxK2ri_h2N_o85yn9yL6wwghng9e6jA1awfYWN0crzgephFl4h1ZPuU

: 유명한 임백준님의 책 내용 중 일부입니다.

매니저에 관한 글인데 아래 글귀가 맘에 드네요

'좋은 매니저는 후배를 성장시키는 사람이다.'

프로그래머였다가 매니저가 된 경험과 그걸 통해 얻은 내용들이 주옥같네요.

나중에 읽어봐야겠네요.

[영어 주의] HTML6 is Coming

https://morioh.com/p/6d422fc49bd2?fbclid=IwAR3EN0Ap-m7uh7jc_mD7CLVwMtUci1_k85Sqm5afhPdi7c41gMWdDHgm9Rk

: HTML6가 오고 있다는 소식이네요. 주요 기능들을 설명하고 있습니다.

가장 관심 가는건 'Single-Page Apps without Javascript' 네요.

SPA, SSR (왜 Next.js를 사용하는가?)

https://velog.io/@jereint20/SPA-SSR-%EC%99%9C-Next.js%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%EA%B0%80

: SPA, SSR 개념을 잘 알고 개발하자 라는 생각에 찾아 본 내용입니다.

글에서는 React - Next.js 만 일부 소개하고 있어서 개발자 로드맵에도 나와있는 SSR을 지원하는 프레임워크들을 찾아서 적어봤습니다.

React - Next.js

Angular - Universal

Vue.js - Nuxt.js

기술 업계의 독성 말투 문제, 고칩시다! | 매일 성장하기 - 김용균

https://edykim.com/ko/post/tech-has-a-toxic-tone-problem-lets-fix-it/?fbclid=IwAR0sKjifVGP3Y4Rwk2mbpQIj4veBZVix8XzQIf4zbebJHzqNK8McJYJwqws

: 개발자와는 의사소통이 힘들다라는 말을 들어 본 적 있으신가요?

기술 업계의 독성 말투 문제에 대해 다루고 있는 글입니다.

아래의 3가지 말투에 대해 설명하고 그것의 영향에 대해 설명해주고 있습니다.

1. 거들먹거리는 말투

2. 기계적 말투

3. 비관적 말투

대화 할 때 어떤 태도를 가지고 말하고 있는지 생각해보게 되네요.

무료 일러스트 사이트 

https://undraw.co/illustrations

: 무료 일러스트 모음입니다. 필요한 분은 저장해 놓고 사용하시길~

놀라운 무료 이미지 - Pixabay

https://pixabay.com/ko/

: 무료 이미지 사이트입니다~ 필요하신 저장해 놓고 사용하시길~

Do it! 안드로이드 앱 프로그래밍 책 한시적 무료 제공

https://buk.io/@kb3904

: Do it 안드로이드 앱 프로그래밍 책을

4월 10일까지 무료로 제공하네요.

(아쉽게도 Java 언어를 사용해서 설명하고 있네요.)

캠브릿지 교과서 700편 5월까지 무료 제공

https://www.cambridge.org/core/what-we-publish/textbooks?fbclid=IwAR2_k1-iD_x3WcmexbGYAJi7c3mXSAACNWrsKs4PfstohIGnJpEqIGCOSrA

: 캠브릿지 교과서 700편이 HTML형태로 5월 까지 무료 공개 되네요

구글, ‘G스위트’ 6월까지 무료로 푼다 - 아주경제

https://m.kr.ajunews.com/view/20200304092032697

: 코로나 사태로 구글이 'G스위트 - 행아웃 미팅 기능'을 한시적 무료로 제공한다고 하네요.

구글 행아웃 미팅은 대학생때 사용해보고 안써봤는데요.

시국이 시국인 만큼 집에서 일하는 경우나 미팅이 필요한 경우는 매우 유용하겠네요.

DoH 설정방법

DoH란?

  DNS over HTTPS : IETF가 새로 표준화 하려는 기능

준비물 : Firefox 

1. 주소창에 'about:config' 입력

2. 설정 이름 검색에서 'network.trr.mode' 입력

3. 값을 '0'에서 '5'로 변경

network.trr.mode 는 5가지 옵션 선택 가능

4. '메뉴 > 설정 > 일반' 에서 '네트워크 설정' 항목 중 설정 버튼 클릭

5. 하단에 'DNS over HTTPS (HTTPS를 통한 DNS) 사용' 체크 (활성화)

[서버] postman 활용 1~3편 : 네이버 블로그
: 저번에 공유했던 기초 1편 외에 MockServer 구축, API 테스트 자동화편이 올라왔네요.
(3편 마지막에 import 기능이 없다고 되어있지만 import기능은 있어요)

[https://m.blog.naver.com/PostView.nhn?blogId=pjt3591oo&logNo=221669110777&proxyReferer=https%3A%2F%2Fl.facebook.com%2F](https://m.blog.naver.com/PostView.nhn?blogId=pjt3591oo&logNo=221669110777&proxyReferer=https%3A%2F%2Fl.facebook.com%2F)

웹팩 핸드북
: 웹팩의 개념 및 사용법을 설명하는 자료입니다.(필요할때 조금씩 읽으면 좋을 듯)[https://joshua1988.github.io/webpack-guide/](https://joshua1988.github.io/webpack-guide/)

이케아코리아, 서울 첫 매장 들어선다, 강동구 고덕비즈밸리, 광명, 고양 | [HYPEBEAST.KR](https://www.notion.so/frontmulti/HYPEBEAST.KR) | 하입비스트
: 이제 서울에 이케아 매장이 생기는군요.[https://hypebeast.kr/2019/10/ikea-first-seoul-store-launching](https://hypebeast.kr/2019/10/ikea-first-seoul-store-launching)

[AI 전문가에게 듣는다] ③ 친구처럼 소통하는 AI 만드는 게 목표 | SAMSUNG NEWSROOM
: 사용자의 음성뿐만 아니라 동작, 표정 등 다양한 정보를 종합해 사용자가 원하는 것을 기호에 맞게 제공하는 멀티모달 상호작용 기술을 개발하고 있다고 하네요.

[https://news.samsung.com/kr/ai-%EC%A0%84%EB%AC%B8%EA%B0%80%EC%97%90%EA%B2%8C-%EB%93%A3%EB%8A%94%EB%8B%A4-%E2%91%A2-%EC%B9%9C%EA%B5%AC%EC%B2%98%EB%9F%BC-%EC%86%8C%ED%86%B5%ED%95%98%EB%8A%94-ai-%EB%A7%8C%EB%93%9C%EB%8A%94](https://news.samsung.com/kr/ai-%EC%A0%84%EB%AC%B8%EA%B0%80%EC%97%90%EA%B2%8C-%EB%93%A3%EB%8A%94%EB%8B%A4-%E2%91%A2-%EC%B9%9C%EA%B5%AC%EC%B2%98%EB%9F%BC-%EC%86%8C%ED%86%B5%ED%95%98%EB%8A%94-ai-%EB%A7%8C%EB%93%9C%EB%8A%94)

회사 눈치 안 보고 투잡하기 - 우아한형제들 기술 블로그
: 코드리뷰어에 대한 내용입니다. 코드리뷰의 장점을 잘 설명했네요.[http://woowabros.github.io/woowabros/2019/08/22/code-reviewer.html?fbclid=IwAR2KX_tqKy0TYvIN8pETlRJ0yCk6Q-j-BLw2vHSQahtrgDsATtJOMJLW898](http://woowabros.github.io/woowabros/2019/08/22/code-reviewer.html?fbclid=IwAR2KX_tqKy0TYvIN8pETlRJ0yCk6Q-j-BLw2vHSQahtrgDsATtJOMJLW898)

리코드라는 유료 코드리뷰 서비스 하는 사이트 (오픈 예정)
: 한국에서 유료 코드리뷰 서비스를 실행한다고 하네요. 얼마나 사용할지 궁금하네요. 시장이 활성화 되면 개발자가 투잡 뛰기도 괜찮을 것 같다는 생각이 드는군요.

[https://re-code.io/home](https://re-code.io/home)

javascript ajax 크로스도메인 요청-CORS
: 프로젝트 진행 시, 자주 발생하는 크로스도메인 관련해서 잘 정리되어있는 글이라서 공유합니다.[https://brunch.co.kr/@adrenalinee31/1#comment](https://brunch.co.kr/@adrenalinee31/1#comment)

시니어 개발자의 조건 · The Missing Papers
: ‘적절한 엔지니어링을 택하는 것도 많이 알고 있을때나 가능한 일’이 와닿네요.[http://docs.likejazz.com/senior-developers/?fbclid=IwAR2-eVHQsTffThWhOFnZQ5eBv7Y5hPqumqilxJALnZCyVqJrex0RcuXFuhU](http://docs.likejazz.com/senior-developers/?fbclid=IwAR2-eVHQsTffThWhOFnZQ5eBv7Y5hPqumqilxJALnZCyVqJrex0RcuXFuhU)

HTTP/3: 과거, 현재 그리고 미래
: 네트워크에 대한 이해와 HTTP에 대한 사전지식이 있어야 이해할 수 있는 글이지만, 알아둬야 하는 글 같아서 공유합니다. HTTP/1, HTTP/1.1, HTTP/2.0에 대해서도 미리 알아둬야겠네요.[https://blog.cloudflare.com/ko/http3-the-past-present-and-future-ko/](https://blog.cloudflare.com/ko/http3-the-past-present-and-future-ko/)

블로그 개설을 망설이고 있는 사람들에게 - Evan's Tech Blog
: 블로그 개설해놓고 글을 못 쓰고 있었는데 간단하게라도 작성해봐야겠네요. 블로그 관심있는 분은 참고하세요[https://evan-moon.github.io/2019/09/28/how-do-i-write-postings/](https://evan-moon.github.io/2019/09/28/how-do-i-write-postings/)

위워크, 고강도 구조조정…세계 오피스 시장 '찬바람'
: 위워크가 말도 많고 탈도 많네요.[http://naver.me/5yrxLWAy](http://naver.me/5yrxLWAy)

news - 아마존, 스마트 반지 및 안경 발표
: 반지는 echo loop, 안경은 echo frames라는 이름으로 발표했네요.[http://underkg.co.kr/news/2573273](http://underkg.co.kr/news/2573273)

직장인 절반, 재미 없는 일상 해소하려고 혼자서…
: 취미생활은 스트레스 해소에 도움이 된다 정도?

[http://naver.me/Gpaym08b](http://naver.me/Gpaym08b)

IoC - 기계인간 John Grib
: Inversion of Control에 대한 내용. 나중에 토비의 스프링을 읽어보면 좋을 듯.

[https://johngrib.github.io/wiki/spring-ioc/](https://johngrib.github.io/wiki/spring-ioc/)

넷플릭스 지속적으로 가입자가 줄어들고 있는 이유
: 스트리밍 시장은 역시 콘텐츠가 좌우하는 군요. 타 스트리밍 서비스가 유명한 시리즈를 발표할 때마다 가입자가 줄어든다고 나와있네요.

[http://naver.me/xFHP9SR0](http://naver.me/xFHP9SR0)

내년 초 구글 데이터센터 ‘서울 리전’ 오픈…무엇이 바뀌나
: 내년 초면 얼마 안남았군요.

[http://naver.me/5L0B7Bug](http://naver.me/5L0B7Bug)

"마음껏 사용하세요"...AI가 만든 공짜 인물 사진
: AI가 만든 공짜 인물 사진 100,000건을 이용할 수 있다네요. ([https://generated.photos](https://generated.photos/))[http://naver.me/GnTdlphv](http://naver.me/GnTdlphv)

GitHub - GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps
: PWA을 사용할 때 구성해야 할 ServiceWorker를 쉽게 만들 수 있게 도와주는 library라고 하네요. PWA의 동작 방식을 설명하는 부분이 있어서 괜찮은 듯. 다만 PWA에 대해 공부하고 봐야 전부 다 이해할 듯. (핵심은 StorageCache)[https://github.com/GoogleChrome/workbox](https://github.com/GoogleChrome/workbox)
(Overview : [https://developers.google.com/web/tools/workbox/](https://developers.google.com/web/tools/workbox/))