테크토크의 기술 블로그

개발자 로드맵 2020년 버전이 업데이트 되었네요.

https://roadmap.sh

올해 회고를 할 때,

로드맵을 보면서 익힌 기술과 익혀야 할 기술에 대해 체크해 볼 수 있는 시간을 가져보면 좋을 것 같아서 공유드립니다.

MS에서 IE 지원을 종료한다는 내용을 보고 공유하려고 하다가 해당 기사가 정확하지 않았다는 기사를 추가로 보게 되어 해당 내용을 정리해보았습니다.

1. 끝내 사라지는 인터넷 익스플로러..MS, 내년 IE 지원종료

https://news.v.daum.net/v/20200819060738661?fbclid=IwAR3xzPR5_0jlqyqekTega9t3WelXZLJUcTz_P96QohuU5x_e6NlFsGGkhJs

2. MS, 내년 인터넷 익스플로러 11 지원 중단 아냐.. 일부 서비스만 지원 종료 | 케이벤치

https://kbench.com/?q=node/213338

3. MS 수명주기 FAQ

https://docs.microsoft.com/ko-kr/lifecycle/faq/internet-explorer-microsoft-edge

위의 기사처럼 MS가 IE 지원종료한다고 기사가 났었는데, 오보였다고 하네요. (일부 서비스만 지원 종료)

공식 문서를 살펴보니 MS 수명주기에 따라서 IE11은 윈도우10이 지속될 때까지는 유지될 것 같습니다.

오늘의 교훈, 오보에 주의하자.

노션 하루 루틴 템플릿

https://brunch.co.kr/@kys4620/174

매일 할 일에 대해 기록할 수 있는 노션 템플릿 공유합니다.

달력으로 보기를 했을 경우, 어떤 날 성공했고 어떤 날 실패했는지 직관적으로 알 수 있어서 좋네요.

노션 아이콘 모음 사이트 입니다.

https://noticon.tammolo.com/

노션의 기본 아이콘으로 뭔가 부족하다 느꼈을 분에게 추천드립니다.

재미난 아이콘들이 많이 있네요.

"드론으로 30분만 배송 완료"...美 아마존 '프라임 에어' 승인

https://www.ajunews.com/view/20200901093210874

아마존 배송용 드론 '프라임 에어'가 미국 연방항공청(FAA)의 승인을 받았네요.

드론으로 택배 받을 날이 얼마 남지 않은 것 같네요.

모바일 전용 OTT 퀴비, 6개월 만에 서비스 종료

https://www.ajunews.com/view/20201022081232132

올해 초에 드림웍스의 전 수장이었던 제프리 카젠버그가 출시하는 서비스인 퀴비 기사를 공유드린 적이 있는데, 6개월 후 서비스를 종료한다는 기사를 읽게 되었네요.

부진의 이유는 넷플릭스와 디즈니플러스에 비해 콘텐츠 경쟁력이 부족하고 차별화에 실패한 것이라고 하는데요.

서비스를 시작하고 성공한다는 건 정말 쉽지 않은 일인 것 같네요.

Win + Tab : 모든 가상 데스크탑 보기

Win + Ctrl + D : 새 가상 데스크탑 만들기

Win + Ctrl + → : 다음 가상 데스크탑으로 이동

Win + Ctrl + ← : 이전 가상 데스크탑으로 이동

Win + Ctrl + F4 : 현재 가상 데스크탑 닫기

• 윈도우 설정

• windows 기능 켜기/끄기

• Linux용 Windows 하위 시스템 선택 [check]

• 윈도우 재부팅

• Microsoft Store - 검색 - 'Ubuntu'

• Ubuntu 설치 후 실행 

Banksalad Product Language를 소개합니다 | 뱅크샐러드
[https://blog.banksalad.com/tech/banksalad-product-language-ios/?fbclid=IwAR2fLPMeK5AHm8E8bl1dB4CDve9_W0QZ8klkW7IYRWe_kjQfUPLjiKDGDDA]
: 읽어보면 UI를 디자인하고 구현하는데 어떤 어려움들이 있었고 그것을 해결하기 위해 이런 방법을 사용했다라는 내용이 나오는데요. 실제로 화면 개발을 해본 개발자라면 매우 공감가는 글이고 굉장히 납득이 되는 내용들이네요.
"제품을 만드는 여러 구성원이 서로 다른 언어를 쓰고 있다고 느끼신 순간이 있을 겁니다."
위의 순간을 느껴보신 분이라면 읽어볼만한 글입니다.

인출 위주의 학습법 적용기 – Yunseok's Dev Blog
[https://hannut91.github.io/blogs/self-exam]
: 학습에 대해 많이 생각하게되네요. 여태까지 input 중심의 학습을 하고 있었는데 이 글을 읽으니 여태까지 학습하며 어려운 점과 힘들었던 점이 무엇이었는지 알게 되었습니다. output 중심의 학습을 하며 내가 실제로 무엇을 할 수 있는지를 기준으로 삼아야겠네요.

비동기 함수 - 프라미스에 친숙해질 수 있게 해주는 함수 | Web | Google Developers
[https://developers.google.com/web/fundamentals/primers/async-functions?hl=ko]
: 자바스크립트에서 동작하는 비동기 함수에 대해 친절하게 설명해놓은 글입니다.

인프런 - [주간 인프런 #9] 상당히 괜찮은 언어, 자바스크립트
[https://www.inflearn.com/pages/weekly-inflearn-9?utm_source=pinpoint&utm_medium=email&utm_campaign=weekly-inflearn&utm_content=9]
: 제로초라는 분의 인터뷰 내용인데, 자바스크립트를 공부해야하는 방향에 대한 내용입니다. 현실적으로 자바스크립트로 무엇을 할 수 있을지 생각해 볼 수 있었네요.

깃허브(GitHub)로 취업하기
[https://sujinlee.me/professional-github/]
: 깃허브를 잘 꾸미고 개발 작업물을 깔끔하게 관리하는 것으로 커리어를 표현할 수 있다는 것을 알 수 있었네요. 제 깃허브를 보니 이 글을 읽어보길 잘했네요

[Web] Web Server와 WAS의 차이와 웹 서비스 구조 - Heee's Development Blog
[https://gmlwjd9405.github.io/2018/10/27/webserver-vs-was.html]
: Web Server와 WAS의 차이를 이해하고 간단한 Web Service Architecture에 대해서 알 수 있는 글입니다.

Settings Sync in Visual Studio Code
[https://code.visualstudio.com/updates/v1_48#_settings-sync]
: Extension으로 있던 VSCode Setting Sync가 VSCode 기본 기능으로 나왔습니다.(v1.48) 아직은 Preview Feature지만 사용하는데는 문제가 없습니다.
유용한 기능이었는데 좋네요.

아래 내용은 안드로이드를 기준으로 테스트하였습니다.

react-native-rename : 

1. react-native-rename library를 설치한다.

yarn global add react-native-rename
or
npm install react-native-rename -g

2. 작업중인 코드에서 새로운 branch를 생성한다. (실패할 경우를 대비)

git checkout -b rename-app

3. 아래 명령어로 rename한다 <newName>에 원하는 name 입력

react-native-rename <newName>

4. 아래 파일들이 변경됩니다.

react-native-rename testRename
\android\app\src\main\res\values\strings.xml MODIFIED
\index.js MODIFIED
\package.json MODIFIED
\app.json MODIFIED
\android\settings.gradle MODIFIED
\ios\Podfile MODIFIED
\app.json MODIFIED
\android\app\build.gradle MODIFIED
\android\app\src\main\AndroidManifest.xml MODIFIED

Done removing previous bundle directory.
Done removing builds.
APP SUCCESSFULLY RENAMED TO "testRename"!
Podfile has been modified, please run "pod install" inside ios directory.
Please make sure to run "watchman watch-del-all" and "npm start --reset-cache" before running the app.

5. 추가로 아래 작업을 더 진행해야 합니다. (자동으로 바뀌지 않는 부분을 직접 수정)

5-1. 아래 파일들을 새로 생긴 [새로운Rename] 폴더 하위에 이동시켜줍니다.

\android\app\src\main\java\com\[이전Name]\MainActivity.java

\android\app\src\main\java\com\[이전Name]\MainApplication.java



\android\app\src\main\java\com\[새로운Name]\MainActivity.java

\android\app\src\main\java\com\[새로운Name]\MainApplication.java

5-2. 그리고 [이전Name]인 빈 폴더는 삭제합니다.

5-3. MainActivity.java, MainApplication.java 파일 안의 package 경로를 변경시켜줍니다.

package com.[이전Name];

package com.[새로운Name];

5-4. MainActivity.java 안에 값을 변경시켜줍니다.

@Override
  protected String getMainComponentName() {
    return "[이전Name]";
  }

@Override
  protected String getMainComponentName() {
    return "[새로운Name]";
  }

5-5. Androidmanifest.xml 파일에서 아래 내용을 변경합니다.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="[이전Name]">
  ...

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="[새로운Name]">
  ...

[Trouble Shooting]

1. 위의 작업 후 실행 시 에러가 발생한다면 android 경로로 진입하여 아래 명령어 실행 후 다시 실행해보시기 바랍니다.

cd android
gradlew clean
cd ..
npm run android

2. 그래도 에러가 발생한다면 이전 APP을 디바이스에서 삭제 후 다시 실행시켜보시기 바랍니다.

Notion Personal 플랜 무료로 공개
https://t.co/2rgvYSl2c0 https://t.co/VC17KnUuzF
: 협업 노트 애플리케이션 Notion에서 개인 사용자들을 위한 Personal 플랜을 무료로 공개했습니다. Pro 플랜은 별도로 제공되며, 무제한 파일 업로드, 공유자 제한이 없는 등의 차이가 있습니다. #link #notion #app

Deno 1.0
https://han41858.tistory.com/50
: Deno 1.0이 드디어 릴리즈되었습니다. node.js를 대체하기 위해 나온 deno의 블로그를 번역한 글입니다.

컨퍼런스 정보
https://v.kakao.com/v/20200507060038065?from=tgt
: 올해는 실리콘밸리 공룡 컨퍼런스들이 온라인으로 열린다고 합니다~ (구글 I/O랑 WWDC, f8은 아직 등록페이지가 안 열린 것 같고 MS 빌드는 열려있네요 ㅎㅎ)

2020년 상반기 - 개발자가 가장 많이 구매한 책
https://www.notion.so/03592f5e463e405ab4737057f41c22b1
: 이런 책들을 많이 보고 있구나~라고 참고하면 좋을 것 같습니다.
파이썬과 딥러닝쪽 책들이 상위권에 있네요

백엔드와 프론트엔드 당신의 성향은?
http://bftest.wecode.co.kr/main
:성향에 맞는 포지션을 찾아준다는 심리테스트 사이트입니다.
해보니 재밌네요.
과연 당신의 성향은?!

구글의 '풍선 인터넷' 프로젝트 룬, 케냐서 상용 서비스 | 다음뉴스
https://news.v.daum.net/v/20200423134835489
: 예전에 룬 프로젝트 기사를 공유한 적이 있는데, 이제 첫 상용 서비스 준비를 앞두고 있다는 기사입니다.

누구나 한 번쯤은 띄워본 JavaScript 에러 TOP 10.
https://blog.meeta.io/10
: javascript console창에서 많이 보던 에러에 대해 설명하고 있습니다.
대부분 undefined, null 때문에 발생하는 에러들이네요.

코세라, 2019년 가장 인기 있었던 상위 10개 수업
http://techneedle.com/archives/38749
: 확실히 머신러닝, AI, 파이썬 등이 강세네요. 가장 인기 있었던 수업이라는 말은 퀄리티가 어느정도 보장된다는 얘기니 관심 있는 분은 들어보는 것도 좋을 것 같네요.

github - codespace
https://github.com/features/codespaces/
: 이제 곧 브라우저에서 직접 코딩하는 날이 오겠네요.
실제로 지금도 서비스하고 있는 곳이 있습니다.(GitPod 라고 있는데 아직 사용해보지는 않았네요.)
관심 있는 분은 Codespaces beta 신청하시길~

윈도우 터미널 1.0 버전이 릴리즈되었습니다.

주요 기능으로는 여러 탭, 창, 유니 코드 및 UTF-8 문자 지원, GPU 가속 텍스트 렌더링 엔진 및 사용자 정의 테마, 스타일 및 구성이 있습니다.

윈도우터미널 화면

다운로드는 Microsoft Store, Github에서 가능합니다.

- Microsoft Store

https://www.microsoft.com/ko-kr/p/windows-terminal/9n0dx20hk701?rtc=1&activetab=pivot:overviewtab

- Github

https://github.com/microsoft/terminal/releases

netstat -nao | findstr [port]
taskkill /f /pid [pid]