커지고 있는 웹 애플리케이션에서 성능은 점점 더 중요한 요소가 되고 있습니다. 사용자와의 접점에서 긴밀한 상호작용을 요구하는 프런트엔드, 보다 빠르게 로딩되고 부드럽게 구동되어야 하는 웹 애플리케이션을 만들기 위해 노력하는 분들과 함께 이야기를 나눕니다.
목차
1. 로딩 최적화 방법
2. PWA 케이스 소개
3. 렌더링 최적화 방법
대상
- 프런트엔드 성능 개선을 시작하고 싶은 개발자
- 느린 웹 페이지를 빠르게 만드는 데 관심 있는 프런트엔드 개발자
- 로딩/렌더링 최적화에 대한 힌트를 얻고 싶은 개발자
Cypress vs Selenium WebDriver: Better, Or Just Different? -- by Gil TayarApplitools
** Full webinar recording: https://youtu.be/D7vxFuwnUio **
Watch Sr. Architect Gil Tayar's special hands-on session, where he explains & demonstrates how Selenium and Cypress differ.
The session covers the following topics:
* How and why do frontend developers write tests
*Selenium architecture
*Cypress architecture
*Live Demo of Cypress - including how to write a Cypress test, and how it’s used
*How Cypress deals with flakiness
*Cypress and backdoors to development
*Visual Testing using Cypress
This session aims to shed some light on an emerging test automation tool, Cypress. Cypress resolves many of the test automation problems that a QA or a dev may face in UI Web Automation testing. And after a walkthrough, we will compare cypress with Selenium as well.
Contact us:
Website: https://www.knoldus.com/
Twitter: https://twitter.com/Knolspeak?ref_src...
Facbook: https://www.facebook.com/KnoldusSoftw...
Linkedin: https://in.linkedin.com/company/knoldus
Instagram: https://www.instagram.com/knoldus_inc...
Auto Scalable 한 Deep Learning Production 을 위한 AI Serving Infra 구성 및 AI DevOps...hoondong kim
[Tensorflow-KR Offline 세미나 발표자료]
Auto Scalable 한 Deep Learning Production 을 위한 AI Serving Infra 구성 및 AI DevOps Cycle 구성 방법론. (Azure Docker PaaS 위에서 1만 TPS Tensorflow Inference Serving 방법론 공유)
This document provides an overview of LambdaTest, a new Scala testing framework designed for functional programming. It discusses LambdaTest's core concepts like immutable states and transformations, different types of actions, and support for ScalaCheck. Examples are provided to demonstrate testing mutable and immutable code, exceptions, tags, timing tests, and extending LambdaTest. Upcoming features like asynchronous testing with LambdaTestExpect are also previewed. The document aims to introduce developers to LambdaTest's philosophy and capabilities for writing concise, readable tests in a functional style.
A brief introduction to WARC File Format used for long-term Web Archival preservation. These slides were initially prepared to give a guest lecture in the CS 531 Web Server Design (Fall 2018) course at Old Dominion University.
What is Node.js | Node.js Tutorial for Beginners | Node.js Modules | Node.js ...Edureka!
This Edureka "What is Node.js" tutorial will help you to learn the Node.js fundamentals and how to create an application in Node.js. Node.js is an open-source, cross-platform JavaScript runtime environment for developing a diverse variety of server tools and applications. Below are the topics covered in this tutorial:
1) Client Server Architecture
2) Limitations of Multi – Threaded Model
3) What is Node.js?
4) Features of Node.js
5) Node.js Installation
6) Blocking Vs. Non – Blocking I/O
7) Creating Node.js Program
8) Node.js Modules
Cross Browser Testing Using LambdaTest | EdurekaEdureka!
** Selenium Certification Training: https://www.edureka.co/testing-with-selenium-webdriver **
** LambdaTest: https://www.lambdatest.com/ **
This Edureka PPT on Cross Browser Testing will talk about what is cross-browser compatibility, its need and how to perform cross-browser testing using lambda test application.
What is Cross Browser Compatibility?
Why do you need Cross Browser Testing?
How to perform Cross Browser testing?
Lambda test application
Selenium playlist: https://goo.gl/NmuzXE
Selenium Blog playlist: http://bit.ly/2B7C3QR
Follow us to never miss an update in the future.
Instagram: https://www.instagram.com/edureka_lea...
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
This document introduces Cypress, an end-to-end testing framework for web applications. It discusses why Cypress is useful for testing, how to get started by installing Cypress and writing test scripts, and provides tips for selecting elements and handling dynamic content. Key aspects covered include planning test cases, writing tests for common pages like login and article creation, and using the Cypress testing library to write robust tests.
SSR with React - Connecting Next.js with WordPressImran Sayed
SEO helps you to find new users and promote your brand on the top pages of search engines.
Learn how Server Side Rendering ( SSR ) for React applications can help in SEO and increase your site's performance. And how to connect Next.js with WordPress. Google's two waves of indexing.
We will learn:
1 - Importance of SSR in JavaScript applications.
2 - How Next.js can make development super fun and easy.
3 - Connecting Next.js with WordPress using the WordPress REST API.
This document provides an introduction to Behavior Driven Development (BDD) and the Cucumber testing framework. It discusses how BDD builds on Test Driven Development (TDD) principles by using examples and a ubiquitous language. Cucumber allows writing acceptance tests in a plain language format called Gherkin that can be executed and serves as documentation. Step definitions translate Gherkin steps into code to automate testing. The document demonstrates setting up a simple Cucumber test in Ruby and discusses expanding it to other programming languages and frameworks.
The document compares the load testing tools Jmeter, HP Loadrunner, and Neoload, outlining their main features such as scripting, controllers, samplers, results, parameterization, correlation, validation, file handling, concurrency, and timeouts. It provides examples of how to perform various tasks like stopping a test conditionally, writing to external files, executing multiple requests concurrently, and converting timestamps between formats in each of the load testing tools. The tools have similar capabilities for load testing but differ in things like file extensions, protocol defaults, and exact implementation of certain functions.
배민찬(https://www.baeminchan.com) 서비스의 백엔드 시스템 중 일부가 지난 1년간 어떤 고민과 아이디어, 결과물을 만들어냈는지 공유하려고 합니다. 발표 중 언급되는 용어나 도구에 대해 일반적인 정의나 간단한 설명은 언급되나 자세히 다루지 않습니다. 사용된 도구들로 어떻게 이벤트 기반 분산 시스템을 만들었는지에 대한 이야기가 중심입니다.
Performance testing involves testing a system to determine how it performs under a particular workload. The document discusses various types of performance testing like load/capacity testing, stress testing, volume testing, endurance testing, and spike testing. It also discusses concepts like bottlenecks, prerequisites for performance testing, popular load testing tools like JMeter, and how to use key JMeter features for performance testing like adding users, HTTP requests, listeners, parameterization, correlation, assertions, and distributed testing.
웹 사이트의 빠른 로딩을 위한 프론트 엔드 최적화 기법과 더불어 알아두어야 할 HTTP 프로토콜 최적화를 언급하며, 최근 발표된 HTTP/3를 소개합니다.
HTTP/3는 "Hyper Text Transfer Protocol over QUIC"의 내용을 근간으로 UDP의 장점�� HTTP에 활용한 버전입니다.
HTTP/3를 알기 위해서는 QUIC에 대한 이해와 함께, 기존 버전인 HTTP/2에서 어떤 부분이 개선되었는지에 대한 이해가 동시에 필요합니다.
Chrome을 활용한 웹 성능 비교 예제들은 HTTP/3의 기술들을 빠르게 이해하는 데 도움이 될 것입니다.
사이트 기능 변경 없이 Web Streaming DRM 적용 : Web Keeper를 적용해도 기존의 사이트 운영 방식이 그대로 유지되므로 사이트 관리가 편리
API Hooking 기술 적용 : 당사의 기술은 Windows의 Kernel이나 File System을 변경하지 않기 때문에 Windows OS에 대한 무결성 및 운영성을 보장
다양한 보안 방지 기능 지원 : 마우스, 키보드, 캡쳐 툴을 이용하여 Web 화면의 일부나 전체를 복사해가는 것을 방지 하는 module certificate 검사를 통한 복제 방지등
웹사이트의 무단 링크등 방지 : 웹사이트에 무단으로 링크하여 사용하는 행위 방지가 가능
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
패션 텍스트 데이터에서 패션 시소러스를 구축한 과정과 패션 상품 특징 분석 시스템에 대��� 소개합니다.
패션 상품 특징을 어떻게 활용할 수 있는지에 대해 공유하고자 합니다.
목차
1. 개발 배경
2. 패션 시소러스 기반 상품 특징 분석 시스템 (A-Tagger)
3. A-Tagger 활용
대상
- 언어 처리 입문자
- 이미지 검색에 관심 있는 분
- 패션 업계 종사자
■관련 동영상: https://youtu.be/oGPqbvEkfxs
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
머릿속으로 그리던 나만의 앱, 생각만 잔뜩 하고 어디서부터 시작할지 고민 중이세요?
Android에 대한 가벼운 이해를 곁들여서 간단한 앱을 만들어가는 과정을 통해 (앱 개발이 생소한) 개발자들이 느끼는 Android 앱 개발의 진입장벽을 조금 낮춰보는 시간을 준비했습니다.
목차
1. 기획
2. 화면 개발
3. 서버 연동
4. 데이터 UI 바인딩
5. Play Store 출시
대상
Android 앱을 한번 만들어 보고 싶은 개발자라면 누구나
■관련 동영상: https://youtu.be/VhBKxRKPaSo
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
딥러닝을 처음 시작하시는 분, 특히 개발자에게 맞춰 필요한 내용을 준비하였습니다.
딥러닝의 수학적인 이해보다는 딥러닝을 활용하는 방법을 공유하고자 합니다.
목차
1. 딥러닝 권장 개발 환경
2. 코드 작성을 위한 약간의 이론
3. 가장 빠르게 그럴싸한 모델 만들기
대상
딥러닝에 관심이 있거나 딥러닝을 시작하려는 모든 개발자
※발표 영상은 제공하지 않습니다.
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
'베이스캠프(Basecamp)'는 NHN 신입 사원을 위한 개발 교육 과정입니다. 9주간의 교육 과정에서 무엇을 배웠고, 어떤 점이 좋고 힘들었는지 이야기하려 합니다.
목차
1. 5단 구성(발단-전개-위기-절정-결말)으로 베이스캠프 교육 과정 살펴보기
2. 그 과정에서 배웠던 점, 좋았던 점, 힘들었던 점
대상
NHN 신입사원 교육에 관심이 있는 주니어 개발자, 대학생
신입 개발자 교육을 정착시키고 싶은 시니어 개발자
※발표 영상은 제공하지 않습니다.
[2019] GIF 스티커 만들기: 스파인 2D를 이용한 움직이는 스티커 만들기NHN FORWARD
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
간단한 캐릭터를 그리고 완성된 캐릭터를 이용하여 포토샵에서 애니메이션이 가능하도록 분절에 대해 알려드리겠습니다. 분절이 완료되면 스파인에서 읽을 수 있게 내보내고 스파인에서 애니메이션 작업을 하겠습니다.
시간이 된다면 2가지 정도의 GIF 애니메이션을 제작할 예정입니다.
목차
1. 스프라이트 애니메이션과 키 애니메이션
2. 캐릭터 파트별로 분리하기
3. 캐릭터에 뼈대 심기
4. 애니메이션 만들기
5. GIF 출력
대상
- 이모티콘에 관심있는 누구나
- 애니메이션에 관심있는 누구나
■관련 동영상: https://youtu.be/7KqDL-D8dys
[2019] 전기 먹는 하마의 다이어트 성공기 클라우드 데이터 센터의 에너지 절감 노력과 사례NHN FORWARD
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
데이터 센터는 IT 장비의 안정적인 운영을 효율적이고 경제적으로 수행하는 것이 비교 우위에 있을 수 있습니다. 그중에서 이 시간에 다루고자 하는 것은 에너지의 효율성입니다.
데이터 센터에서 사용되는 전기 에너지는 어디에서 얼마나 사용되며 효율적으로 절감할 수 있었던 사례를 소개하고 NHN의 노력과 그 결과를 이야기하려 합니다.
목차
1. 클라우드 데이터센터는 ?
2. 에너지의 사용과 절감 ?
3. 모든 것을 측정 분석(DcIM) – 1st Tech
4. 효율적인 Cooling & Control(Cooling System) – 2nd Tech
5. Hot & Cold 분리(Containment) – 3rd Tech
대상
데이터 센터의 이야기에 관심 있는 분 누구나
■관련 동영상: https://youtu.be/-WHQUKAzdMs
The document discusses code for handling database operations across multiple database systems. It defines macros and functions for executing stored procedures and functions across MySQL and Oracle databases. Code snippets show implementations for executing the same operations in both databases consistently.
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
Oracle Database를 타 DBMS로 전환하기 위해 검토해야 하는 내용을 설명합니다
전환하려는 총괄 책임자는 어떠한 리스크가 발생하는지 검토해 볼 수 있습니다
DBA는 전환 작업을 하면서 전체 계획을 수립하는 데 도움을 받을 수 있습니다.
개발자는 전환 작업이 진행되면 어떠한 사항을 준비해야 하는지 전체적인 시야를 확보하게 됩니다.
목차
1. Open Source DBMS로의 전환
2. DBMS 전환 단계
3. Migration 예제 (to MySQL)
4. 전환 시스템 구성 및 용량 산정 방안
대상
- Open Source DBMS로 전환하고자 하는 DBA
- Open Source DBMS로 전환하고자 하는 개발자
- Oracle Database를 다른 DBMS로 전환하고자 하는 분
■관련 동영상: https://youtu.be/DXu3nbWa4AA
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
브랜드 디자인 프로세스와 디자인에 필요한 Basic System을 다양한 브랜드 사례로 설명합니다.
목차
1. 디자인 프로세스
2. 베이직 시스템
3. 적용 사례
대상
브랜드 디자인에 대한 기본적 이해가 필요하신 분
※영상자료는 공개하지 않습니다.
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
서버 사이드에서도 Spring 5를 통해 공식적으로 지원이 시작된 후,
Spring을 이용한 많은 서비스가 Java를 대신하여 Kotlin을 적용하고 있습니다.
본 세션에서는 PAYCO 매거진 프로젝트에 Kotlin을 적용했던 경험과 시행착오를 나누어 보려 합니다.
목차
1. Introduction
2. Motivation
3. Kotlin
4. Migration
5. Refactoring
6. Report
7. Conclusion
대상
Kotlin이라는 언어를 들어보신 분이라면 누구나
■관련 동영상: https://youtu.be/wiJqu7xoH58
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
벅스 Android 5.0에 Kotlin, Jetpack을 적용하면서 얻은 노하우와 시행착오를 공유합니다.
목차
1. 소개
2. Java to Kotlin
3. AAC (Android Architecture Components)
4. 미디어 앱 아키텍처(Media app architecture)
대상
- Kotlin과 Jetpack을 서비스에 적용하려는 Android 개발자
- 관련 Android 기술에 관심 있는 누구나
■관련 동영상: https://youtu.be/PqsjZn30XGE
[2019] Java에서 Fiber를 이용하여 동시성concurrency 프로그래밍 쉽게 하기NHN FORWARD
The document discusses asynchronous programming using generators and fibers. It shows how to define generators that yield values, consume and produce items in a queue asynchronously, and execute asynchronous tasks using the await keyword. Fibers are lightweight threads that can suspend execution and are scheduled concurrently using a scheduler. Exceptions must be caught and propagated properly when using fibers.
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
PAYCO 쇼핑의 아키텍처를 MSA로 변경하면서 겪은 삽질을 공유합니다.
레거시 서비스에서 서비스를 분리해내는 방법과 순서, 이후 고려해야 할 사항을 공유하고자 합니다.
목차
1. PAYCO 쇼핑?
2. 프로젝트 진행 과정
3. 아키텍처 공유
대상
- MSA, Spring cloud, Docker, Ansible 등을 실무에 적용하는 방법에 관심이 있는 분
- Spring Cloud를 써서 MSA로 개발하고 싶은데 어디서부터 손대야 할지 모르는 분
■관련 동영상: https://youtu.be/l195D5WT_tE
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
데이터에서 가치를 찾고 수익화하기까지 지난 1년간 겪었던 과정 및 국내 기업들이 찾는 데이터는 무엇이었는지 공유드리고자 합니다.
목차
1. 데이터로 인사이트를 찾는 여정
2. 인사이트에서 수익을 만들기까지
3. 데이터 제공 및 활용 사례
대상
- 데이터를 다루는 개발자
- 데이터 분석가
- 데이터로 사업을 고민하는 분
- 데이터 활용에 관심 있는 누구나
■관련 동영상: https://youtu.be/A9QiWjp1mb4
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
서버를 개발하면서 대규모 테스트를 어떤 식으로 진행할 것인지 고민하고 설계했던 내용과 그 과정에서 겪었던 시행착오를 공유하고자 합니다.
목차
1. 부하 테스트, 이것만 모니터링하면 끝?
2. Web, TCP Game Server
3. TCP Stress Test
4. 이렇게 모니터링해 보자
5. 시행착오
6. Q&A
대상
서버-클라이언트 테스트에 관심 있는 분 누구나
■관련 동영상: https://youtu.be/WhkZP4ZATmA
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
동접 200만 명이 접속할 수백 대의 게임 서버가 최소한의 MySQL 서버만으로 서비스할 수 있는 구조를 설명합니다.
고성능/고효율의 MySQL 스케일링 기법을 공유합니다. 대규모 게임 서비스에서 이미 검증된 것은 안 비밀~
목차
1. 기본적인 아기텍처
2. ProxySQL을 이용한 더 나은 아키텍처
3. 최종 아키텍처
대상
- 대규모 게임 서비스에 MySQL을 사용한 경험에 관심 있는 분
- ProxySQL에 관심이 있는 서버 개발자 혹은 DBA
- 게임 서버 개발 과정에서 DB 쪽을 유연하게 구성하고 싶은 분
■관련 동영상: https://youtu.be/8Eb_n7JA1yA
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
언리얼 엔진 프로그래밍을 시작하면, 편리하지만 한편으로는 골치아픈 UObject 시스템을 만나게 됩니다.
이 발표에서는 C++ 프로그래머를 대상으로 UObject 시스템과 그 핵심 기능인 리플렉션, 가비지 컬렉션을 소개하고 그 동작 원리를 함께 들여다봅니다.
목차
1. 일반적인 리플렉션의 개념
2. 언리얼엔진의 리플렉션
3. 일반적인 가비지컬렉션의 개념
4. 언리얼엔진의 가비지 컬렉션
대상
- C++ 개발자
- 언리얼 C++ 프로그래밍에 관심 있는 분
■관련 동영상: https://youtu.be/VpEe9DbcZIs
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
NHN의 게임은 어떻게 글로벌 서비스를 준비하는지, 시행착오와 이슈, 사례를 중심으로 공유합니다.
TOAST와 Gamebase 등 인프라와 플랫폼 중심의 해결 방식을 제안합니다.
목차
1. 왜 글로벌 서비스인가?
2. 처음 직면하게 될 문제들
3. 해외 이용자들의 다양한 요구
4. 사례 - 리소스 배포와 멀티 스레드 다운로드
5. 사례 - 글로벌 인프라 구성
6. 사례 - 보안 침해
7. 인프라 스케일링
대상
- 내 게임을 해외에 출시하고 싶은데, 어떤 기술적인 준비가 필요할지 궁금한 분
- NHN은 어떻게 글로벌에 게임 서비스를 하는지 궁금한 분
■관련 동영상: https://youtu.be/3O8RQboMMh8
[2019] 배틀로얄 전장(map) 제작으로 알아보는 슈팅 게임 레벨 디자인NHN FORWARD
※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
배틀로얄 게임 전장(맵) 레벨 디자인의 경험과 노하우를 공유하려 합니다.
100인 이상의 PVP 사용자가 대전하는 오픈 필드 전장을 디자인할 때 레벨 기획자가 가져야 할 관점과 고려 사항을 다룹니다. 인도어 FPS와 오픈 필드 배틀로얄 게임의 레벨 관점 차이와 오픈 필드 전장을 효과적으로 제작하기 위한 작법을 사례와 함께 설명합니다.
목차
1. 범위 - 강연에서 다룰 레벨 디자인의 영역은?
2. 관점 - 일반 슈팅 맵과 배틀로얄 맵의 레벨 시각
3. 작법 - 어떤 방식으로 배틀로얄 맵을 만들 것인가?
4. 이슈 - 문제와 고민거리는 무엇인가?
대상
- FPS/TPS 레벨 디자인에 관심 있는 분
- 배틀로얄 게임 디자인에 관심 있는 분
■관련 동영상: https://youtu.be/ZWJKvCi3Njc
44. 44 / 73
PWA 사례: BookMyShow
인도 티케팅 회사
https://developers.google.com/web/showcase/2017/bookmyshow
항목 값
월 방문자 5천 만명
앱 사이즈 440KB로 감소
로딩 타임 2.94초 미만
전환율 80% 증가
45. 45 / 73
PWA 사례: MakeMyTrip
인도 여행 회사
https://developers.google.com/web/showcase/2017/make-my-trip
항목 값
월 방문자 8백 만명
로딩 속도 38% 개선
고객 세션 160% 증가
이탈율 20% 감소
46. 46 / 73
브라우저 기준 최적화
• Navigation Timing, Critical Rendering Path
• DOMContentLoaded(JS, CSS), 빠른 로딩 프로그레스바
로딩 최적화 정리
사용자 기준 최적화
• First Meaningful Paint
• 서버사이드 렌더링, 프리 렌더러
PWA 사례로 본 로딩 성능 개선 효과
• BookMyShow, MakeMyTrip