List of videos

Deploying an open source library can be scary. You anxiously stare at the screen hoping that it'll be a success, that you didn't make any mistakes. There are many tools that can ease your worries, but perhaps can't eliminate them. So I present to you a new process for deploying open source libraries. This process dramatically reduces the likelihood of making mistakes, and most of the process will happen asynchronously, allowing you to review with your teammates before deployment. I will also introduce Ship.js, a tool created for this purpose. With this newly defined process, let's continuously deploy our open source libraries without fear!

“p5 for 50+” is a 2020 Processing Foundation Fellowship project. It aims to improve the digital literacy and rights of middle-aged and older adults in South Korea — with p5.js! Addressing some age-specific needs in coding education, we prototyped a low-barrier web app for learning p5.js. In this presentation, we will mainly discuss design implications for accessible education of coding.

Boilerplate code (repeatedly used pieces of code) is often the main culprit of unnecessary complexity and cognitive overload in programming. That's why many books and experienced programmers tell us to avoid it, and we try our best by employing all kinds of methods, like inheritance and abstraction. Despite this constant effort, we often still encounter boilerplate code. Sometimes, we run into 'boss' boilerplate code, which we just don't know how to deal with. This talk is for those of you who's tired of this endless battle. I will talk about ‘code factorization’, a technique that will help you gain an edge in the war against boilerplate codes. After this talk, you will be able to declare with confidence: veni, vidi, vici.

Here is a story of how I did my due diligence as an ARMY through data visualization. As long as you have an idea about what you want to show, you can use JavaScript to collect and visualize data! I will share with you the process of data visualization, from selecting the main subjects and key indices for storytelling, to choosing the right type of visualization charts. It's easy to create one chart, but how could you tell it's a good chart? I'll share some tips to answer this question as well. I'm thrilled to share what I learned with you, because learning and growing is way more fun together than alone!

At Microsoft, I work on a very large TypeScript-based git repository where over 300 developers build and write code for high-value frontend components which are used across all Microsoft365 products. It contains about 150 npm packages, containing over a million lines of TypeScript code. Co-locating these components encourages collaboration and sharing code across teams much easier. In this talk, we’ll focus on the tooling used and code organization to make the development easier, faster and more reliable, with a major focus on the largest pain point of package management and orchestrating common tasks across the packages.

Imagine one hot and humid day in summer. Would you expect your air-con at home has already been cooling down the air so that you feel refreshed on arrival? It would be perfect if I can turn on the air-con just 10 minutes before home! Are you to die for it? What if I can connect my air-con with Raspberry PI that runs a serverless application, which is triggered by a public cloud application? It sounds so sweet! But... life is not that easy. I'd like to share my hard learning experiences while setting up this home automation system, using Raspberry PI, Azure Functions, Power Automate and Power Apps.

When we code, we value efficiency. We try to reuse the code, keep it concise, and be as clear as possible so our teammates have little trouble understanding it. But as the system grows and new teammates join, our codes begin to evolve in a different way than intended. The same UI components end up having different functions, or the same functions end up having different UIs, or we end up with redundant implementations of UI components and functions. In this talk, I will share my experience of unifying such fragmented UI/UX components by building a design system for Kakao Integrated Search.

It is interesting that even though CSS grid is already 5 years old, usage of CSS grid is not as widespread as it could be. There are many factors at play that could determine whether a project uses CSS grid or not, particularly if the team as a whole is less proficient in CSS. In this talk, we will go through the thought process for implementing a grid system for an application’s frontend, and my experience on weighing the different options available. https://2022.jsconf.kr/en/speakers/chen-hui-jing Chen Hui Jing is a self-taught designer and developer living in Singapore, who loves CSS more than the average frontend developer. She used to play basketball full-time and launched her web career during downtime between training sessions. Now she likes to go climbing.

We will introduce the theory of functional programming and how we applied it on frontend. https://2022.jsconf.kr/en/speakers/minsu-kim-changhui-lee Minsu Kim works as a web front-end developer at Devsisters. He is interested in functional programming, so he has studied and written technical blog posts on functional programming topics. Changhui Lee works as a platform backend developer at Devsisters. He has worked as a front-end and back-end engineer in a variety of fields. He wants to be a domain-independent problem solver