2020년 12월 27일 개발자 이야기

Jay Park
Jay ParkCTO at EX-EM
CTO 둘이 풀어드리는 주간 뉴스 2020.12.27방송
꼭 설치해야 할 윈도우 개발 지원 도구
참고자료
• <컴퓨터vs책> 블로그
http://jhrogue.blogspot.com/
• 오늘자방송:
https://www.youtube.com/watch?v=SQi8rn_TsKM&list=PLdntWJk2tJPKvRB0mSqC5ty
KUv7HFtcqg&index=1
• 유튜브채널OKdevTV >재미있는개발이야기리스트
https://www.youtube.com/playlist?list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg
• 슬라이드셰어
https://www.slideshare.net/jrogue/presentations
• 채널박재호(초급개발자를위한...)https://www.youtube.com/c/박재호dev
OKdevTV
오늘의 짤방(1)
OKdevTV
인생. via @9960002
오늘의 짤방(2)
OKdevTV
① 2021년에 필요한 파비콘 숫자는?
② git의 대체품을 찾고 있습니까? Fossil!
③ 크롬에서 인라인 자바스크립트 redirection 막기
④ 백엔드 개발자를 꿈꾸는 학생개발자에게
⑤ 꼭 설치해야 할 윈도우 개발 지원 도구
⑥ PDF 텍스트 추출은 왜 이렇게 어려운가?
오늘의 소개할 내용
OKdevTV
• https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
• favicon.ico: 레거시 브라우저용
• 현대적인 브라우저를 위한 light/dark용 SVG
• 애플 장비를 위한 180x180 PNG
• 안드로이드 장비를 위한 192x192, 512x512 PNG
• 부가적인 사항
• 윈도우 타일 아이콘(마이크로소프트 엣지용)
• 사파리용 pinned icon(pinned tab)
• 아이콘 생성 방법
• 본문을 참고
OKdevTV
(개발) 2021년에 필요한 파비콘 숫자는?1
• https://opensource.com/article/20/11/fossil
• https://fossil-scm.org/home/doc/trunk/www/fossil-v-git.wiki
OKdevTV
(개발) git의 대체품을 찾고 있습니까? Fossil!2
• https://stackoverflow.com/questions/12360187/break-javascript-before-an-inline-javascript-
redirect-in-chrome/12419326#12419326
• Inline javascript redirect (window.location = “/anotherpage”)
• 크롬 개발자 도구에서 Sources → Event Listener Breakpoints → Load → unload
• 주의: 클라이언트 쪽 라우팅에서는 동작하지 않음!
OKdevTV
(팁) 크롬에서 인라인 자바스크립트 redirection 막기3
OKdevTV
(경력 관리) 백엔드 개발자를 꿈꾸는 학생개발자에게4
• https://d2.naver.com/news/3435170
• 핵심
• 일단 실행은 되는 백엔드 프로그램을 만드는 일은 쉽습니다. 요즘은 특히 인터넷에 많은 재료와 레시피가 있기에 더욱 그러합니
다. 그러나 협업하기에 좋은 방식으로, 성능과 안정성까지 고려한 백엔드 프로그램을 만드는 개발은 쉽지 않습니다. 그리고 모니
터링과 데이터 수집,분석 등 사용자의 눈에 보이지 않는 영역들도 실무에서는 많은 비중을 차지합니다. 데이터나 사용자가 적었
을 때에는 효율적이었던 구현 방식이 시스템이 성장하면서 문제의 근원지가 되기도 합니다.
• 개발자 수준
• 레벨0: 이미 쓰고 있는 개발도구의 사용법을 알려주거나 가이드 문서를 줘도 잘 못 씀
• 레벨1: 알려주거나 같은 팀에서 만든 가이드 문서에 있는 만큼만 쓸 수 있음
• 레벨2
• 개발도구의 공식 레퍼런스를 보고 사용법을 스스로 익힐 수 있음
• 자신이 경험한 사용법을 문서화해서 팀 내에 전파할 수 있음
• 레벨3
• 여러 개발도구를 비교 분석해서 상황에 적합한 도구를 선택할 수 있음
• 공식 레퍼런스 문서에서 부족한 부분을 수정해서 기여할 수 있음
• 레벨4
• 개발도구의 문제를 소스 코드를 수정해서 Fork/패치해서 사용할 수 있음
OKdevTV
(팁) 꼭 설치해야 할 윈도우 개발 지원 도구5
• https://www.hanselman.com/blog/scott-hanselmans-2021-ultimate-developer-and-power-
users-tool-list-for-windows
• 흥미로운 몇 가지
• Starship(https://starship.rs/) 강력한 프롬프트
• Winget(https://docs.microsoft.com/en-us/windows/package-manager/winget/?WT.mc_id=-blog-scottha): 윈도우 판
apt-get
• QuickLook(https://www.microsoft.com/ko-kr/p/quicklook/9nv4bs3l1h4s?WT.mc_id=-blog-
scottha&activetab=pivot:overviewtab): 스페이스바로 파일 내용 미리 보기(맥 부럽지 않다!)
• Insomnia(https://insomnia.rest/download/#windows): RESTful API와 GraphQL 개발 지원
• EarTrumpet(https://eartrumpet.app/): 애플리케이션마다 볼륨을 다르게~
• Ditto Clipboard Manager(https://ditto-cp.sourceforge.io/): 강력한 클립보드 관리자
• PureText(http://stevemiller.net/puretext/): 서식 없이 순수 텍스트만 붙여넣고 싶다면?
• Carnac(https://github.com/Code52/carnac): 타이핑 내용을 자막으로(동영상 강의)
• https://filingdb.com/b/pdf-text-extraction
• PDF 읽기 보호
• 페이지 바깥에 있는 글자들: 페이지 바운딩 박스 외부에 글자가 숨어 있다면?
• 작고 보이지 않는 글자들: 배경색과 동일한 색으로 작게 적힌 글자가 있다면?
• 너무 많은 공백: 단어 내 글자 사이에 여백을 둔다면?(kerning)
• 너무 적은 공백: 분명히 띄어쓰기가 되어 있는데 단어가 붙어 나오면?
• 임베디드 된 폰트: 비표준 폰트를 쓴다면?
• 단어와 단락 감지: 사람은 쉽게 판단할 수 있으나 컴퓨터가 못하는 경우(예: 텍스트와 문단 순서가
겹쳐 있을 때 → 잡지 예)
• 내장된 이미지
• 행이 넘어갈 때 단어가 분리되는 경우
OKdevTV
(우리가 몰랐던 사실) PDF 텍스트 추출은 왜 이렇게 어려운가?6
1 of 11

More Related Content

2020년 12월 27일 개발자 이야기

  • 1. CTO 둘이 풀어드리는 주간 뉴스 2020.12.27방송 꼭 설치해야 할 윈도우 개발 지원 도구
  • 2. 참고자료 • <컴퓨터vs책> 블로그 http://jhrogue.blogspot.com/ • 오늘자방송: https://www.youtube.com/watch?v=SQi8rn_TsKM&list=PLdntWJk2tJPKvRB0mSqC5ty KUv7HFtcqg&index=1 • 유튜브채널OKdevTV >재미있는개발이야기리스트 https://www.youtube.com/playlist?list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg • 슬라이드셰어 https://www.slideshare.net/jrogue/presentations • 채널박재호(초급개발자를위한...)https://www.youtube.com/c/박재호dev OKdevTV
  • 5. ① 2021년에 필요한 파비콘 숫자는? ② git의 대체품을 찾고 있습니까? Fossil! ③ 크롬에서 인라인 자바스크립트 redirection 막기 ④ 백엔드 개발자를 꿈꾸는 학생개발자에게 ⑤ 꼭 설치해야 할 윈도우 개발 지원 도구 ⑥ PDF 텍스트 추출은 왜 이렇게 어려운가? 오늘의 소개할 내용 OKdevTV
  • 6. • https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs • favicon.ico: 레거시 브라우저용 • 현대적인 브라우저를 위한 light/dark용 SVG • 애플 장비를 위한 180x180 PNG • 안드로이드 장비를 위한 192x192, 512x512 PNG • 부가적인 사항 • 윈도우 타일 아이콘(마이크로소프트 엣지용) • 사파리용 pinned icon(pinned tab) • 아이콘 생성 방법 • 본문을 참고 OKdevTV (개발) 2021년에 필요한 파비콘 숫자는?1
  • 8. • https://stackoverflow.com/questions/12360187/break-javascript-before-an-inline-javascript- redirect-in-chrome/12419326#12419326 • Inline javascript redirect (window.location = “/anotherpage”) • 크롬 개발자 도구에서 Sources → Event Listener Breakpoints → Load → unload • 주의: 클라이언트 쪽 라우팅에서는 동작하지 않음! OKdevTV (팁) 크롬에서 인라인 자바스크립트 redirection 막기3
  • 9. OKdevTV (경력 관리) 백엔드 개발자를 꿈꾸는 학생개발자에게4 • https://d2.naver.com/news/3435170 • 핵심 • 일단 실행은 되는 백엔드 프로그램을 만드는 일은 쉽습니다. 요즘은 특히 인터넷에 많은 재료와 레시피가 있기에 더욱 그러합니 다. 그러나 협업하기에 좋은 방식으로, 성능과 안정성까지 고려한 백엔드 프로그램을 만드는 개발은 쉽지 않습니다. 그리고 모니 터링과 데이터 수집,분석 등 사용자의 눈에 보이지 않는 영역들도 실무에서는 많은 비중을 차지합니다. 데이터나 사용자가 적었 을 때에는 효율적이었던 구현 방식이 시스템이 성장하면서 문제의 근원지가 되기도 합니다. • 개발자 수준 • 레벨0: 이미 쓰고 있는 개발도구의 사용법을 알려주거나 가이드 문서를 줘도 잘 못 씀 • 레벨1: 알려주거나 같은 팀에서 만든 가이드 문서에 있는 만큼만 쓸 수 있음 • 레벨2 • 개발도구의 공식 레퍼런스를 보고 사용법을 스스로 익힐 수 있음 • 자신이 경험한 사용법을 문서화해서 팀 내에 전파할 수 있음 • 레벨3 • 여러 개발도구를 비교 분석해서 상황에 적합한 도구를 선택할 수 있음 • 공식 레퍼런스 문서에서 부족한 부분을 수정해서 기여할 수 있음 • 레벨4 • 개발도구의 문제를 소스 코드를 수정해서 Fork/패치해서 사용할 수 있음
  • 10. OKdevTV (팁) 꼭 설치해야 할 윈도우 개발 지원 도구5 • https://www.hanselman.com/blog/scott-hanselmans-2021-ultimate-developer-and-power- users-tool-list-for-windows • 흥미로운 몇 가지 • Starship(https://starship.rs/) 강력한 프롬프트 • Winget(https://docs.microsoft.com/en-us/windows/package-manager/winget/?WT.mc_id=-blog-scottha): 윈도우 판 apt-get • QuickLook(https://www.microsoft.com/ko-kr/p/quicklook/9nv4bs3l1h4s?WT.mc_id=-blog- scottha&activetab=pivot:overviewtab): 스페이스바로 파일 내용 미리 보기(맥 부럽지 않다!) • Insomnia(https://insomnia.rest/download/#windows): RESTful API와 GraphQL 개발 지원 • EarTrumpet(https://eartrumpet.app/): 애플리케이션마다 볼륨을 다르게~ • Ditto Clipboard Manager(https://ditto-cp.sourceforge.io/): 강력한 클립보드 관리자 • PureText(http://stevemiller.net/puretext/): 서식 없이 순수 텍스트만 붙여넣고 싶다면? • Carnac(https://github.com/Code52/carnac): 타이핑 내용을 자막으로(동영상 강의)
  • 11. • https://filingdb.com/b/pdf-text-extraction • PDF 읽기 보호 • 페이지 바깥에 있는 글자들: 페이지 바운딩 박스 외부에 글자가 숨어 있다면? • 작고 보이지 않는 글자들: 배경색과 동일한 색으로 작게 적힌 글자가 있다면? • 너무 많은 공백: 단어 내 글자 사이에 여백을 둔다면?(kerning) • 너무 적은 공백: 분명히 띄어쓰기가 되어 있는데 단어가 붙어 나오면? • 임베디드 된 폰트: 비표준 폰트를 쓴다면? • 단어와 단락 감지: 사람은 쉽게 판단할 수 있으나 컴퓨터가 못하는 경우(예: 텍스트와 문단 순서가 겹쳐 있을 때 → 잡지 예) • 내장된 이미지 • 행이 넘어갈 때 단어가 분리되는 경우 OKdevTV (우리가 몰랐던 사실) PDF 텍스트 추출은 왜 이렇게 어려운가?6