Links

Repository - Check out my code

Blogs - My thoughts / Experiments

Resume - My professional experiences

Tools - Things I made for myself

+ +

Blogs

Juntae Park Resume

+ +

MrJuneJune

Download PDF diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/root.snapshot --- a/mrjunejune/test/snapshots/root.snapshot Tue Aug 04 15:12:18 2026 -0700 +++ b/mrjunejune/test/snapshots/root.snapshot Tue Aug 04 16:49:01 2026 -0700 @@ -4,7 +4,10 @@ MrJuneJune + + + @@ -17,9 +20,17 @@ + + + + + -

+ + +

MrJuneJune

Hi, I am Juntae—usually June, and occasionally MrJuneJune because the domain name has committed me to the bit.

@@ -200,12 +292,31 @@

Links

Repository - Check out my code
Blogs - My thoughts / Experiments
Resume - My professional experiences
Tools - Things I made for myself

+ + +

Repository

Browse the code behind these experiments.

+ + + + +

Blogs

Thoughts, experiments, and technical notes.

+ + + + +

Resume

Professional experience and selected work.

+ + + + +

Tools

Small things I built for myself.

+ + +

© 2026 June Park @@ -213,6 +324,7 @@ + diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/talk.snapshot --- a/mrjunejune/test/snapshots/talk.snapshot Tue Aug 04 15:12:18 2026 -0700 +++ b/mrjunejune/test/snapshots/talk.snapshot Tue Aug 04 16:49:01 2026 -0700 @@ -5,7 +5,10 @@ Talk! + + + @@ -18,9 +21,17 @@ + + + + + -

+ + +

MrJuneJune

Talk with strangers xDDD

diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/tools.snapshot --- a/mrjunejune/test/snapshots/tools.snapshot Tue Aug 04 15:12:18 2026 -0700 +++ b/mrjunejune/test/snapshots/tools.snapshot Tue Aug 04 16:49:01 2026 -0700 @@ -3,7 +3,7 @@ - + @@ -19,47 +19,59 @@ + + + + - -

+ + +

MrJuneJune

Tools

File Format Converter

+ +

MrJuneJune

@@ -292,7 +328,6 @@ -

File Format Converter

Convert your images and videos to different formats using FFmpeg

diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/tools_file_converter_index.html.snapshot --- a/mrjunejune/test/snapshots/tools_file_converter_index.html.snapshot Tue Aug 04 15:12:18 2026 -0700 +++ b/mrjunejune/test/snapshots/tools_file_converter_index.html.snapshot Tue Aug 04 16:49:01 2026 -0700 @@ -1,332 +0,0 @@ - as="font" type="font/woff" crossorigin> --> - - - - - - - - - - - - - - - - -

- -

MrJuneJune

- - - - -

File Format Converter

Convert your images and videos to different formats using FFmpeg

- -

Image to WebP Converter

Upload an image file (PNG, JPG, GIF, etc.) to convert it to WebP format

- -

- Choose an image file: - -

- - - -

Converting... Please wait.

- -

Video to MP4 Converter

Upload a video file (AVI, MOV, MKV, etc.) to convert it to MP4 format

- -

- Choose a video file: - -

- - - -

Converting... Please wait.

- -

- - - - + @@ -19,12 +19,18 @@ + + + + - HLS Player - MrJuneJune @@ -34,35 +40,41 @@ -

+ + +

MrJuneJune

Online HLS Player

Load an HLS playlist from a URL, or try the sample stream bundled with this site.

diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/tools_hls_player_index.html.snapshot diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/tools_latex_editor.snapshot --- a/mrjunejune/test/snapshots/tools_latex_editor.snapshot Tue Aug 04 15:12:18 2026 -0700 +++ b/mrjunejune/test/snapshots/tools_latex_editor.snapshot Tue Aug 04 16:49:01 2026 -0700 @@ -3,7 +3,7 @@ - + @@ -19,12 +19,18 @@ + + + + - LaTeX Editor - MrJuneJune @@ -33,35 +39,41 @@ -

+ + +

MrJuneJune

diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/tools_latex_editor_index.html.snapshot diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/tools_markdown_to_html.snapshot --- a/mrjunejune/test/snapshots/tools_markdown_to_html.snapshot Tue Aug 04 15:12:18 2026 -0700 +++ b/mrjunejune/test/snapshots/tools_markdown_to_html.snapshot Tue Aug 04 16:49:01 2026 -0700 @@ -6,7 +6,10 @@ Markdown to HTML Converter + + + @@ -19,9 +22,17 @@ + + + + + @@ -29,35 +40,41 @@ -

+ + +

MrJuneJune

- @@ -209,7 +244,7 @@ ### Images -![Alt text](https://via.placeholder.com/150) +![Alt text](https://mrjunejune.com/public/epi_favicon.svg) **Try editing this text!**

- - diff -r 5ec271d612ae -r 30c2196d03d4 mrjunejune/test/snapshots/tools_markdown_to_html_index.html.snapshot --- a/mrjunejune/test/snapshots/tools_markdown_to_html_index.html.snapshot Tue Aug 04 15:12:18 2026 -0700 +++ b/mrjunejune/test/snapshots/tools_markdown_to_html_index.html.snapshot Tue Aug 04 16:49:01 2026 -0700 @@ -1,388 +0,0 @@ -blic/fonts/more-sugar.extras.otf" as="font" type="font/otf" crossorigin> --> - - - - - - - - - - - - - - -

- -

MrJuneJune

- - - -

- Download PDF -

JUNTAE PARK

SOFTWARE ENGINEER

- Bay Area, CA, USA -

- -

Summary

Software Engineer with 9 years of hands-on experience across diverse tech stacks, from early-stage startups to FANG-scale systems. Adept in designing and delivering robust software solutions using modern languages, frameworks, and cloud platforms.

Open to impactful work.

- -

Skills

- Programming Languages: - TypeScript, Python, C/C++, Ruby, Java, MATLAB -

- Tools & Platforms: - Bazel, PostgresSQL, Mercurial, Git, Pands, Raylib, XCode -

- Web Frameworks: - Django, Rails, React, Flask -

- DevOp: - Plummi, Heroku, DigitalOcean, AWS, Google Cloud -

- Language: - English, Korean, Japanese -

- - -

Experience

- Meta -

San Francisco, CA, USA

SOFTWARE ENGINEER

Oct, 2024 - Present

- Took initiative on Channel Value Rule, targeting the 16% of ad traffic with both app and web destinations to improve value attribution and ROI. -
- Built full-stack features using React and Hack/GraphQL, contributing to scalable, production-ready systems. -
- Partnered with data science to design A/B tests and analyze revenue impact of ads destination. -
- Proposed and implemented alpha improvements to internal testing infrastructure, reducing test time by 50% and enhancing developer velocity. -

- Warner Music Group -

Toronto, ON, Canada

TECHNICAL LEAD ENGINEER

July, 2023 - Sept, 2024

- Implements bazel structure for the company for TypeScript and JavaScript code base for hermiticity and stablishing standards for JavaScript and -
- TypeScript testing and code structures. -
- Led a team of five engineers in building GraphQL endpoints for client-facing applications using Apollo and AppSync, supporting over 2000 RPS and auto scaling depending on request values. -
- Improved application response times by up to 85% for graphQL response by updating database schema and SQL queries, eliminating N+1 queries and lack of indexes. -
- Developed CI/CD pipelines for backend structures. -
- Designed infrastructure for pub/sub, caching, and media processing logic. -

- -

- Google -

Toronto, ON, Canada

SOFTWARE ENGINEER

Feb, 2022 - July 2023

- Implements and maintained new features relating to App Script across google workspace platform including Gmail, sheets, and Docs.
- Improved a response time and render time of App Script hover card components.
- Collaborated with a team of developers to ensure timely and accurate delivery of features.
- Conducted user testing and gathered feedback to iterate on features for optimal user experience.

- -

- Everlywell -

Toronto, ON, Canada

SOFTWARE ENGINEER

December, 2020 - Jan, 2022

- Maintained Amazon amplify apps to create and deploy React web applications for companies such as NBA, Tinder, and other companies for COVID-19 at-home test kits.
- Implemented a script that helps accurately access and refund unused covid test kits; helping company save up to 200,000 USD.
- Created several Rails controllers for internal purposes; mocking end to end user experience for QA, mass refund features for CX department, and more, ultimately reducing support tickets amount by 50 percent.
- Implemented an audit table to help debug problems and logged which process was responsible for the change of the record using PaperTrail gems

- -

- Spiria -

Oakville, ON, Canada

SOFTWARE ENGINEER

October, 2018 - October, 2020

- Constructed RESTful API endpoints in multiple different frameworks such as Django, Ruby on Rails, and Flask and automated API documentation process using swagger. -
- Designed custom rake tasks for importing production data into newly updated data structure to meet client's needs. -
- Maintained or updated staging/productions servers. Debugged problems in production postgres database using ssh and postgres console on Heroku or AWS servers -
- Collaborated in creating automation python scripts for websites and application using selenium covering for QA eliminating 80% of QA's manual work -

- -

- Apex Score -

Oakville, ON, Canada

SOFTWARE ENGINEER

September, 2019 - October, 2020

- Developed custom Shapley value regression model to calculate importance of independent variables of data sets using sklearn, pandas, and numpy. -
- Created custom image uploader to Amazon s3 bucket using boto3 library. -
- Built RESTful API application using Flask framework and automated extensive API documentation pages using flask-restplus, pytest, and swagger, covering 95% of the code base. -
- Created an interactive graph using D3.js in Vue.js with data from Flask backend API. -

- -

Education

- University of British Columbia -

Kelowna, British Columbia

BACHELOR OF SCIENCE IN PHYSICS

2014 - 2018

- -

- - - - value.match(/\d+(?:\.\d+)?/g) + .slice(0, 3) + .map(Number); + const colorLuminance = value => { + const converted = channels(value).map(channel => { + const normalized = channel / 255; + return normalized <= 0.04045 + ? normalized / 12.92 + : ((normalized + 0.055) / 1.055) ** 2.4; + }); + return converted[0] * 0.2126 + + converted[1] * 0.7152 + + converted[2] * 0.0722; + }; + const bodyStyle = getComputedStyle(document.body); + const foreground = colorLuminance(bodyStyle.color); + const background = colorLuminance( + getComputedStyle(document.querySelector('main')).backgroundColor, + ); return { + cardCount: document.querySelectorAll('.site-link-grid zen-card').length, + componentReady: Boolean(customElements.get('zen-card')), count, + fontFamily: getComputedStyle(document.body).fontFamily, luminance: count ? luminance / count : 0, - rootClass: document.documentElement.className, + textContrast: (Math.max(foreground, background) + 0.05) / + (Math.min(foreground, background) + 0.05), + rootTheme: document.documentElement.dataset.zenTheme || 'auto', + themeLabel: document.querySelector('#themeName')?.textContent, }; }); @@ -122,6 +147,27 @@ return sample; } +async function testThemeCycle(browser) { + const context = await browser.newContext({ colorScheme: 'light' }); + const page = await context.newPage(); + await page.goto(baseUrl, { waitUntil: 'networkidle' }); + const expected = ['paper', 'ink', 'playful', 'auto']; + for (const theme of expected) { + await page.locator('#themeToggle').click(); + assert.equal( + await page.evaluate(() => + document.documentElement.dataset.zenTheme || 'auto' + ), + theme, + ); + assert.equal( + await page.evaluate(() => localStorage.getItem('theme-preference')), + theme, + ); + } + await context.close(); +} + async function testHlsPlayer(browser, siteRoot) { const page = await browser.newPage(); const errors = []; @@ -395,12 +441,18 @@ await fetch(`${baseUrl}/public/manifest.json`) ).text(); const serviceWorker = await ( - await fetch(`${baseUrl}/public/sw.js`) + await fetch(`${baseUrl}/sw.js`) ).text(); for (const source of [home, dogGame, manifest]) { assert.doesNotMatch(source, /\.png(?:["')]|$)/i); } - assert.match(serviceWorker, /v4-hlsjs/); + assert.match(serviceWorker, /v5-zenbu-themes/); + assert.match( + await ( + await fetch(`${baseUrl}/public/pwa-register.js`) + ).text(), + /register$'\/sw\.js', \{ scope: '\/' \}$/, + ); assert.ok(serviceWorker.includes("startsWith('/tools/hls_player')")); for (const asset of [ @@ -420,12 +472,29 @@ headless: true, args: ['--no-sandbox'], }); - const light = await sampleTheme(browser, 'light'); - const dark = await sampleTheme(browser, 'dark'); - assert.ok(light.count > 0); - assert.ok(dark.count > 0); - assert.ok(light.luminance < 175, JSON.stringify(light)); - assert.ok(dark.luminance > 200, JSON.stringify(dark)); + const paper = await sampleTheme(browser, 'paper'); + const ink = await sampleTheme(browser, 'ink'); + const playful = await sampleTheme(browser, 'playful'); + const automatic = await sampleTheme(browser, 'auto'); + assert.equal(paper.rootTheme, 'paper'); + assert.equal(ink.rootTheme, 'ink'); + assert.equal(playful.rootTheme, 'playful'); + assert.equal(automatic.rootTheme, 'auto'); + assert.equal(paper.themeLabel, 'Paper'); + assert.equal(ink.themeLabel, 'Ink'); + assert.equal(playful.themeLabel, 'Playful'); + assert.equal(automatic.themeLabel, 'Auto'); + for (const sample of [paper, ink, playful, automatic]) { + assert.ok(sample.count > 0); + assert.equal(sample.componentReady, true); + assert.equal(sample.cardCount, 4); + assert.match(sample.fontFamily, /More/); + assert.ok(sample.textContrast >= 4.5, JSON.stringify(sample)); + } + assert.ok(paper.luminance < 175, JSON.stringify(paper)); + assert.ok(playful.luminance < 175, JSON.stringify(playful)); + assert.ok(ink.luminance > 200, JSON.stringify(ink)); + await testThemeCycle(browser); await testHlsPlayer(browser, siteRoot); } finally { if (browser) await browser.close();