Successfully reported this slideshow.

2021년 3월 6일 개발자 이야기

0

Share

Loading in …3
×
1 of 11
1 of 11

2021년 3월 6일 개발자 이야기

0

Share

Download to read offline

Description

유튜브에서 방송한 자료입니다. 오늘자 방송: https://www.youtube.com/watch?v=s16TySh52lg&list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg&index=2

Transcript

  1. 1. CTO 둘이 풀어드리는 주간 뉴스 2021.3.6방송 빌어먹을 HTTP
  2. 2. 참고자료 • <컴퓨터vs책> 블로그 http://jhrogue.blogspot.com/ • 오늘자방송: https://www.youtube.com/watch?v=s16TySh52lg&list=PLdntWJk2tJPKvRB0mSqC5tyK Uv7HFtcqg&index=2 • 유튜브채널OKdevTV >재미있는개발이야기리스트 https://www.youtube.com/playlist?list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg • 슬라이드셰어 https://www.slideshare.net/jrogue/presentations • 채널박재호(초급개발자를위한...)https://www.youtube.com/c/박재호dev OKdevTV
  3. 3. 오늘의 짤방 OKdevTV Me choosing the right tool for the job via @memenetes
  4. 4. ① 빌어먹을 HTTP ② 웹 소프트웨어의 미래는 HTML-over-WebSocket인가? ③ 효율적인 엔지니어가 되기 ④ AWS 오사카 리전 개통 ⑤ 온프레미스 네트워크 이해 ⑥ Flutter 2 공개 ⑦ 우주선이나 태양풍이 컴퓨터에 얼마나 영향을 미칠까? 오늘의 소개할 내용 OKdevTV
  5. 5. • https://httptoolkit.tech/blog/http-wtf/ • HTTP에서 가장 이상한 내용을 공유 • Cache-Control: private, no-cache • 우리가 기대한 것: 이 응답을 저장하지 마시오 • 현실: 이 응답을 브라우저 캐시에 저장하되, 사용할 때 다시 확인하시오 • 참고: no-store • HTTP 1XX 코드를 아시나요? • HTTP 100: 지금까지 요청은 정상이며 계속 진행 • HTTP 101: 프로토콜 전환(주요 사용 사례: 웹소켓, HTTP/1.1→HTTP/2) • HTTP 102: 클라이언트에게 서버는 아직 요청을 처리 중이며 곧 응답할 것임 • HTTP 103: 서버 푸시 기능(요청 처리 전에 일부 헤더를 먼저 전송) • HTTP Referer 헤더 • 철자부터 틀렸음. 뉴뉴 • 새로운 보안 헤더 이름은: Referrer-Policy • 웹 소켓의 무작위 UUID • 258EAFA5-E914-47DA-95CA-C5AB0DC85B11로 모두 동일하다! • 웹 소켓과 CORS • 웹 소켓은 CORS를 완전히 무시한다! OKdevTV (개발) 빌어먹을 HTTP 1
  6. 6. • https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/ • 2005년 서버 렌더링 프레임워크 → 비즈니스 로직과 렌더링이 모두 서버에서 • 15분 안에 블로그 구축 • 2010년대 자바스크립트로 구축되어 SPA 대두 → 서버는 API 데이터만 서비스 • 2020년 기준으로 웹의 속도는 정체됨, 그리고 Javascript 포워드 앱 개발과 호스팅 비용 상승 • 많은 경우에 우리는 이전에 서버 측 앱 개발 결과와 동일한 결과를 달성하기 위해 두 배의 작업을 수행하고 심지어 개발자에게 두 배의 비용을 지불하고 있다! • 앱이 점점 자바스크립트 스파게티가 되면서 부풀어오름 • 과연 비용을 절감할까? • 렌더링을 사용자의 컴퓨터나 스마트폰으로 오프로딩 • 하지만 API 호스팅 서버, 데이터베이스 서버, 로드밸런서, DNS 비용(시간이 지남에 따라 저럼해짐) + 개발자의 인건비(시간이 지남에 따라… 말잇못) • 우리는 5 %의 사용자 경험 향상을 위해 많은 비용을 지불하고 있다! • 해답: HTML over WebSocket • 클라이언트는 렌더링하는 씬 터미널(어디서 많이 들어본 이야기) • 상태 유지에 매우 유리함 • 다중 사용자 채팅, 문서 공동 작업, 확실한 유효성 검사 등에 강점 • 다시 Rails의 세상이 올까? OKdevTV (오늘의 논쟁) 웹 소프트웨어의 미래는 HTML-over-WebSocket인가? 2
  7. 7. OKdevTV (개발) 효율적인 엔지니어가 되기 위한 조언 3 • https://gist.github.com/rondy/af1dee1d28c02e9a225ae55da2674a6f#effective-engineer--- notes • 레버리지가 높은 활동에 집중한다 • 학습을 위한 최적화에 노력한다 • 주기적으로 우선순위를 조정한다 • 반복적인 속도 향상에 투자한다 • 개선하고자 원하는 바를 측정한다 • 아이디어를 초기에 자주 검증한다 • 프로젝트 추정 기술을 개선한다 • 품질과 실용 사이의 균형을 잡는다 • 운영 복잡도를 줄인다 • 빠르게 실패한다 • 가차없이 자동화한다 • 팀의 성장에 투자한다
  8. 8. OKdevTV (뉴스) AWS 오사카 리전 개통 4 • https://aws.amazon.com/ko/blogs/aws/aws-asia-pacific-osaka-region-now-open-to-all-with- three-azs-more-services/ • AWS 아시아 태평양 지역 리전 추가 개통: 오사카 • 일본의 특성 상 DR을 위한 추가 리전: 도쿄로부터 400km 벗어난 지역 • AZ 3개
  9. 9. • https://brunch.co.kr/@topasvga/1509 • 클라우드를 사용함에 따라 날이 갈수록 네트워크 설치/운영의 중요성은 줄어들지만… • 그래도 온프렘에서 작업하는 경우가 발생 • 이럴 때 빠르게 개념을 잡기 위한 문서 OKdevTV (개발) 온프레미스 네트워크 이해 5
  10. 10. • https://developers.googleblog.com/2021/03/announcing-flutter-2.html • Flutter 2는 동일 코드 기반으로 다음 다섯 가지 운영체제를 지원 • iOS, Android, Windows, macOS, Linux • 모바일 프레임워크에서 포터블 프레임워크로 확장 • 자동차, TV, 스마트 가전 제품 모두를 아우르는 목표 • 플레이 스토어에만 150,000개가 넘는 Flutter 앱이 존재 • 예: 구글 페이(코드 통합으로 50만 줄 이상의 코드를 제거) • 웹에서 Flutter • 프로그레시브 웹 앱(PWA): 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱 • 단일 페이지 앱(SPA): 웹 브라우저에서 대부분의 사용자 인터페이스 논리를 수행 • 기존 Flutter 모바일 앱을 웹으로 가져옴 • 데스크톱에서 Flutter • 캐노니컬은 새로운 설치 프로그램을 Flutter로 작성해서 시연 OKdevTV (뉴스) Flutter 2 공개 6
  11. 11. • https://www.bleepingcomputer.com/news/security/hijacking-traffic-to-microsoft-s- windowscom-with-bitflipping/ • 마이크로소프트 windows.com을 비트 플립한 도메인으로 하이재킹이 가능 OKdevTV (우리가 몰랐던 사실) 우주선이나 태양풍이 컴퓨터에 얼마나 영향을 미칠까? 7 3,434 daily DNS requests 참고: NTP 서버(time.windows.com), ECC 메모리

Description

유튜브에서 방송한 자료입니다. 오늘자 방송: https://www.youtube.com/watch?v=s16TySh52lg&list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg&index=2

Transcript

  1. 1. CTO 둘이 풀어드리는 주간 뉴스 2021.3.6방송 빌어먹을 HTTP
  2. 2. 참고자료 • <컴퓨터vs책> 블로그 http://jhrogue.blogspot.com/ • 오늘자방송: https://www.youtube.com/watch?v=s16TySh52lg&list=PLdntWJk2tJPKvRB0mSqC5tyK Uv7HFtcqg&index=2 • 유튜브채널OKdevTV >재미있는개발이야기리스트 https://www.youtube.com/playlist?list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg • 슬라이드셰어 https://www.slideshare.net/jrogue/presentations • 채널박재호(초급개발자를위한...)https://www.youtube.com/c/박재호dev OKdevTV
  3. 3. 오늘의 짤방 OKdevTV Me choosing the right tool for the job via @memenetes
  4. 4. ① 빌어먹을 HTTP ② 웹 소프트웨어의 미래는 HTML-over-WebSocket인가? ③ 효율적인 엔지니어가 되기 ④ AWS 오사카 리전 개통 ⑤ 온프레미스 네트워크 이해 ⑥ Flutter 2 공개 ⑦ 우주선이나 태양풍이 컴퓨터에 얼마나 영향을 미칠까? 오늘의 소개할 내용 OKdevTV
  5. 5. • https://httptoolkit.tech/blog/http-wtf/ • HTTP에서 가장 이상한 내용을 공유 • Cache-Control: private, no-cache • 우리가 기대한 것: 이 응답을 저장하지 마시오 • 현실: 이 응답을 브라우저 캐시에 저장하되, 사용할 때 다시 확인하시오 • 참고: no-store • HTTP 1XX 코드를 아시나요? • HTTP 100: 지금까지 요청은 정상이며 계속 진행 • HTTP 101: 프로토콜 전환(주요 사용 사례: 웹소켓, HTTP/1.1→HTTP/2) • HTTP 102: 클라이언트에게 서버는 아직 요청을 처리 중이며 곧 응답할 것임 • HTTP 103: 서버 푸시 기능(요청 처리 전에 일부 헤더를 먼저 전송) • HTTP Referer 헤더 • 철자부터 틀렸음. 뉴뉴 • 새로운 보안 헤더 이름은: Referrer-Policy • 웹 소켓의 무작위 UUID • 258EAFA5-E914-47DA-95CA-C5AB0DC85B11로 모두 동일하다! • 웹 소켓과 CORS • 웹 소켓은 CORS를 완전히 무시한다! OKdevTV (개발) 빌어먹을 HTTP 1
  6. 6. • https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/ • 2005년 서버 렌더링 프레임워크 → 비즈니스 로직과 렌더링이 모두 서버에서 • 15분 안에 블로그 구축 • 2010년대 자바스크립트로 구축되어 SPA 대두 → 서버는 API 데이터만 서비스 • 2020년 기준으로 웹의 속도는 정체됨, 그리고 Javascript 포워드 앱 개발과 호스팅 비용 상승 • 많은 경우에 우리는 이전에 서버 측 앱 개발 결과와 동일한 결과를 달성하기 위해 두 배의 작업을 수행하고 심지어 개발자에게 두 배의 비용을 지불하고 있다! • 앱이 점점 자바스크립트 스파게티가 되면서 부풀어오름 • 과연 비용을 절감할까? • 렌더링을 사용자의 컴퓨터나 스마트폰으로 오프로딩 • 하지만 API 호스팅 서버, 데이터베이스 서버, 로드밸런서, DNS 비용(시간이 지남에 따라 저럼해짐) + 개발자의 인건비(시간이 지남에 따라… 말잇못) • 우리는 5 %의 사용자 경험 향상을 위해 많은 비용을 지불하고 있다! • 해답: HTML over WebSocket • 클라이언트는 렌더링하는 씬 터미널(어디서 많이 들어본 이야기) • 상태 유지에 매우 유리함 • 다중 사용자 채팅, 문서 공동 작업, 확실한 유효성 검사 등에 강점 • 다시 Rails의 세상이 올까? OKdevTV (오늘의 논쟁) 웹 소프트웨어의 미래는 HTML-over-WebSocket인가? 2
  7. 7. OKdevTV (개발) 효율적인 엔지니어가 되기 위한 조언 3 • https://gist.github.com/rondy/af1dee1d28c02e9a225ae55da2674a6f#effective-engineer--- notes • 레버리지가 높은 활동에 집중한다 • 학습을 위한 최적화에 노력한다 • 주기적으로 우선순위를 조정한다 • 반복적인 속도 향상에 투자한다 • 개선하고자 원하는 바를 측정한다 • 아이디어를 초기에 자주 검증한다 • 프로젝트 추정 기술을 개선한다 • 품질과 실용 사이의 균형을 잡는다 • 운영 복잡도를 줄인다 • 빠르게 실패한다 • 가차없이 자동화한다 • 팀의 성장에 투자한다
  8. 8. OKdevTV (뉴스) AWS 오사카 리전 개통 4 • https://aws.amazon.com/ko/blogs/aws/aws-asia-pacific-osaka-region-now-open-to-all-with- three-azs-more-services/ • AWS 아시아 태평양 지역 리전 추가 개통: 오사카 • 일본의 특성 상 DR을 위한 추가 리전: 도쿄로부터 400km 벗어난 지역 • AZ 3개
  9. 9. • https://brunch.co.kr/@topasvga/1509 • 클라우드를 사용함에 따라 날이 갈수록 네트워크 설치/운영의 중요성은 줄어들지만… • 그래도 온프렘에서 작업하는 경우가 발생 • 이럴 때 빠르게 개념을 잡기 위한 문서 OKdevTV (개발) 온프레미스 네트워크 이해 5
  10. 10. • https://developers.googleblog.com/2021/03/announcing-flutter-2.html • Flutter 2는 동일 코드 기반으로 다음 다섯 가지 운영체제를 지원 • iOS, Android, Windows, macOS, Linux • 모바일 프레임워크에서 포터블 프레임워크로 확장 • 자동차, TV, 스마트 가전 제품 모두를 아우르는 목표 • 플레이 스토어에만 150,000개가 넘는 Flutter 앱이 존재 • 예: 구글 페이(코드 통합으로 50만 줄 이상의 코드를 제거) • 웹에서 Flutter • 프로그레시브 웹 앱(PWA): 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱 • 단일 페이지 앱(SPA): 웹 브라우저에서 대부분의 사용자 인터페이스 논리를 수행 • 기존 Flutter 모바일 앱을 웹으로 가져옴 • 데스크톱에서 Flutter • 캐노니컬은 새로운 설치 프로그램을 Flutter로 작성해서 시연 OKdevTV (뉴스) Flutter 2 공개 6
  11. 11. • https://www.bleepingcomputer.com/news/security/hijacking-traffic-to-microsoft-s- windowscom-with-bitflipping/ • 마이크로소프트 windows.com을 비트 플립한 도메인으로 하이재킹이 가능 OKdevTV (우리가 몰랐던 사실) 우주선이나 태양풍이 컴퓨터에 얼마나 영향을 미칠까? 7 3,434 daily DNS requests 참고: NTP 서버(time.windows.com), ECC 메모리

More Related Content

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

×