Mercurial
comparison mrjunejune/pages/index.html @ 76:35b1abc37969
Updating my website to use seobeo library.
| author | June Park <parkjune1995@gmail.com> |
|---|---|
| date | Wed, 31 Dec 2025 14:11:21 -0800 |
| parents | ede391ac83c8 |
| children | c348ac875294 |
comparison
equal
deleted
inserted
replaced
| 75:ae6a88e6e484 | 76:35b1abc37969 |
|---|---|
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html lang="en"> | 2 <html lang="en"> |
| 3 <head> | 3 <head> |
| 4 <BaseHead title="Resume" description="June's resume" /> | |
| 5 <link rel="stylesheet" href="base.css" /> | 4 <link rel="stylesheet" href="base.css" /> |
| 6 <link rel="stylesheet" href="resume.css" /> | 5 <link rel="stylesheet" href="resume.css" /> |
| 7 </head> | 6 </head> |
| 8 <body> | 7 <body> |
| 9 <main> | 8 <main> |
| 10 <div id="header"></div> | 9 <div id="header"></div> |
| 11 <div> | 10 <h1> Useful scripts </h1> |
| 12 <p>Hi, my name is Juntae, but most people call me <b>June</b>.</p> | 11 <ul> |
| 13 <p>I am a software engineer with experience spanning a wide range of companies, from small startups to FAANG. </p> | 12 <li> <a href="/resume"> Resume </a> </li> |
| 14 <p>Feel free to check out my <a href="/resume.pdf"> resume </a> below, and if you're interested, don’t hesitate to contact me for contract work ranging from web/app development to embedded programming.</p> | 13 <li> <a href="/tools"> Tools </a> </li> |
| 15 </div> | |
| 16 <div class="info"> | |
| 17 <p><span class="header-firstname-style"> JUNTAE </span><span class="header-lastname-style">PARK</span><p> | |
| 18 <p class="header-position-style"> FULL STACK DEVELOPER · SOFTWARE ENGINEER </p> | |
| 19 <div class="header-address-style"> | |
| 20 Bay Area, CA, USA | |
| 21 </div> | |
| 22 <div class="header-social-style"> | |
| 23 <p>📱(US) 650-531-1728 |📱(CA) 437-580-8026 | <a href="mailto:[email protected]"> ✉️ [email protected] </a>| <a href="https://github.com/mrjunejune"> | |
| 24 <svg viewBox="0 0 16 16" aria-hidden="true" width="12" height="12"> | |
| 25 <path | |
| 26 fill="currentColor" | |
| 27 d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" | |
| 28 ></path> | |
| 29 </svg> mrjunejune | |
| 30 </a>| <a href="https://www.linkedin.com/in/junepark"> | |
| 31 <svg width="12" height="12" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16"> | |
| 32 <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/> | |
| 33 </svg> | |
| 34 junepark | |
| 35 </a> | |
| 36 </p> | |
| 37 </div> | |
| 38 </div> | |
| 39 | |
| 40 <div class="sub-header"> | |
| 41 <h2 class="section-style"> Summary </h2> | |
| 42 <div class="line"></div> | |
| 43 </div> | |
| 44 <p class="paragraph-style">Software Engineer with 8 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.</p> | |
| 45 <div class="sub-header"> | |
| 46 | |
| 47 <h2 class="section-style"> Skills </h2> | |
| 48 <div class="line"></div> | |
| 49 </div> | |
| 50 <div class="paragraph-style"> | |
| 51 <p> | |
| 52 <span class="entry-title-style"> Programming Languages:</span> | |
| 53 <span class="skill-type-style"> TypeScript, Python, C++/C, Ruby, Java, MATLAB </span> | |
| 54 </p> | |
| 55 <p> | |
| 56 <span class="entry-title-style">Tools & Platforms:</span> | |
| 57 <span class="skill-type-style">Bazel, PostgresSQL, Mercurial, Git, Pands, Raylib, XCode</span> | |
| 58 </p> | |
| 59 <p> | |
| 60 <span class="entry-title-style"> Web Frameworks: </span> | |
| 61 <span class="skill-type-style"> Django, Rails, React, Flask</span> | |
| 62 </p> | |
| 63 <p> | |
| 64 <span class="entry-title-style"> DevOp:</span> | |
| 65 <span class="skill-type-style"> Plummi, Heroku, DigitalOcean, AWS, Google Cloud </span> | |
| 66 </p> | |
| 67 <p> | |
| 68 <span class="entry-title-style"> Language:</span> | |
| 69 <span class="skill-type-style"> English, Korean, Japanese </span> | |
| 70 </p> | |
| 71 </div> | |
| 72 | |
| 73 <!-- Experiences --> | |
| 74 <div class="sub-header"> | |
| 75 <h2 class="section-style"> Experience </h2> | |
| 76 <div class="line"></div> | |
| 77 </div> | |
| 78 <div class="flex-box"> | |
| 79 <p class="entry-title-style"> | |
| 80 <a href="https://www.meta.com/">Meta</a> | |
| 81 </p> | |
| 82 <p class="entry-location-style">San Francisco, CA, USA</p> | |
| 83 </div> | |
| 84 <div class="flex-box"> | |
| 85 <p class="entry-position-style">SOFTWARE ENGINEER</p> | |
| 86 <p class="entry-date-style">Oct, 2024 - Present</p> | |
| 87 </div> | |
| 88 <ul class="description-style"> | |
| 89 <li> | |
| 90 Took initiative on Channel Value Rule, targeting the 16% of ad traffic with both app and web destinations to improve value attribution and ROI. | |
| 91 </li> | |
| 92 <li> | |
| 93 Built full-stack features using React and Hack/GraphQL, contributing to scalable, production-ready systems. | |
| 94 </li> | |
| 95 <li> | |
| 96 Partnered with data science to design A/B tests and analyze revenue impact of ads destination. | |
| 97 </li> | |
| 98 <li> | |
| 99 Proposed and implemented alpha improvements to internal testing infrastructure, reducing test time by 50% and enhancing developer velocity. | |
| 100 </li> | |
| 101 </ul> | |
| 102 <div class="flex-box"> | |
| 103 <p class="entry-title-style"> | |
| 104 <a href="https://www.wmg.com/">Warner Music Group</a> | |
| 105 </p> | |
| 106 <p class="entry-location-style">Toronto, ON, Canada</p> | |
| 107 </div> | |
| 108 <div class="flex-box"> | |
| 109 <p class="entry-position-style">TECHNICAL LEAD ENGINEER</p> | |
| 110 <p class="entry-date-style">July, 2023 - Sept, 2024</p> | |
| 111 </div> | |
| 112 <ul class="description-style"> | |
| 113 <li> | |
| 114 Implements <a href="https://bazel.build/">bazel </a>structure for the company for TypeScript and JavaScript code base for hermiticity and stablishing standards for JavaScript and | |
| 115 </li> | |
| 116 <li> | |
| 117 TypeScript testing and code structures. | |
| 118 </li> | |
| 119 <li> | |
| 120 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. | |
| 121 </li> | |
| 122 <li> | |
| 123 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. | |
| 124 </li> | |
| 125 <li> | |
| 126 Developed CI/CD pipelines for backend structures. | |
| 127 </li> | |
| 128 <li> | |
| 129 Designed infrastructure for pub/sub, caching, and media processing logic. | |
| 130 </li> | |
| 131 </ul> | 14 </ul> |
| 132 | |
| 133 <div class="flex-box"> | |
| 134 <p class="entry-title-style"> | |
| 135 <a href="https://www.google.com/">Google</a> | |
| 136 </p> | |
| 137 <p class="entry-location-style">Toronto, ON, Canada</p> | |
| 138 </div> | |
| 139 <div class="flex-box"> | |
| 140 <p class="entry-position-style">SOFTWARE ENGINEER</p> | |
| 141 <p class="entry-date-style">Feb, 2022 - July 2023</p> | |
| 142 </div> | |
| 143 <ul class="description-style"> | |
| 144 <li> | |
| 145 Implements and maintained new features relating to App Script across google workspace platform including Gmail, sheets, and Docs.</li> | |
| 146 <li> | |
| 147 Improved a response time and render time of App Script hover card components.</li> | |
| 148 <li> | |
| 149 Collaborated with a team of developers to ensure timely and accurate delivery of features.</li> | |
| 150 <li> | |
| 151 Conducted user testing and gathered feedback to iterate on features for optimal user experience.</li> | |
| 152 </ul> | |
| 153 | |
| 154 <div class="flex-box"> | |
| 155 <p class="entry-title-style"> | |
| 156 <a href="https://www.everlywell.com/">Everlywell</a> | |
| 157 </p> | |
| 158 <p class="entry-location-style">Toronto, ON, Canada</p> | |
| 159 </div> | |
| 160 <div class="flex-box"> | |
| 161 <p class="entry-position-style">SOFTWARE ENGINEER</p> | |
| 162 <p class="entry-date-style">December, 2020 - Jan, 2022</p> | |
| 163 </div> | |
| 164 <ul class="description-style"> | |
| 165 <li> | |
| 166 Maintained Amazon amplify apps to create and deploy React web applications for companies such as <a href="https://brooklynnets.everlywell.com/">NBA</a>, <a href="https://tinder.everlywell.com/">Tinder</a>, and other companies for COVID-19 at-home test kits.</li> | |
| 167 <li> | |
| 168 Implemented a script that helps accurately access and refund unused covid test kits; helping company save up to 200,000 USD.</li> | |
| 169 <li> | |
| 170 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.</li> | |
| 171 <li> | |
| 172 Implemented an audit table to help debug problems and logged which process was responsible for the change of the record using PaperTrail gems</li> | |
| 173 </ul> | |
| 174 | |
| 175 <div class="flex-box"> | |
| 176 <p class="entry-title-style"> | |
| 177 <a href="https://www.spiria.com/">Spiria</a> | |
| 178 </p> | |
| 179 <p class="entry-location-style">Oakville, ON, Canada</p> | |
| 180 </div> | |
| 181 <div class="flex-box"> | |
| 182 <p class="entry-position-style">SOFTWARE ENGINEER</p> | |
| 183 <p class="entry-date-style">October, 2018 - October, 2020</p> | |
| 184 </div> | |
| 185 <ul class="description-style"> | |
| 186 <li> | |
| 187 Constructed RESTful API endpoints in multiple different frameworks such as Django, Ruby on Rails, and Flask and automated API documentation process using swagger. | |
| 188 </li> | |
| 189 <li> | |
| 190 Designed custom rake tasks for importing production data into newly updated data structure to meet client's needs. | |
| 191 </li> | |
| 192 <li> | |
| 193 Maintained or updated staging/productions servers. Debugged problems in production postgres database using ssh and postgres console on Heroku or AWS servers | |
| 194 </li> | |
| 195 <li> | |
| 196 Collaborated in creating automation python scripts for websites and application using selenium covering for QA eliminating 80% of QA's manual work | |
| 197 </li> | |
| 198 </ul> | |
| 199 | |
| 200 <div class="flex-box"> | |
| 201 <p class="entry-title-style"> | |
| 202 <a href="https://www.apexscore.ai/">Apex Score</a> | |
| 203 </p> | |
| 204 <p class="entry-location-style">Oakville, ON, Canada</p> | |
| 205 </div> | |
| 206 <div class="flex-box"> | |
| 207 <p class="entry-position-style">SOFTWARE ENGINEER</p> | |
| 208 <p class="entry-date-style">September, 2019 - October, 2020</p> | |
| 209 </div> | |
| 210 <ul class="description-style"> | |
| 211 <li> | |
| 212 Developed custom Shapley value regression model to calculate importance of independent variables of data sets using sklearn, pandas, and numpy. | |
| 213 </li> | |
| 214 <li> | |
| 215 Created custom image uploader to Amazon s3 bucket using boto3 library. | |
| 216 </li> | |
| 217 <li> | |
| 218 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. | |
| 219 </li> | |
| 220 <li> | |
| 221 Created an interactive graph using D3.js in Vue.js with data from Flask backend API. | |
| 222 </li> | |
| 223 </ul> | |
| 224 | |
| 225 <div class="sub-header"> | |
| 226 <h2 class="section-style"> Education </h2> | |
| 227 <div class="line"></div> | |
| 228 </div> | |
| 229 <div class="flex-box"> | |
| 230 <p class="entry-title-style"> | |
| 231 University of British Columbia | |
| 232 </p> | |
| 233 <p class="entry-location-style">Kelowna, British Columbia</p> | |
| 234 </div> | |
| 235 <div class="flex-box"> | |
| 236 <p class="entry-position-style">BACHELOR OF SCIENCE IN PHYSICS</p> | |
| 237 <p class="entry-date-style">2014 - 2018</p> | |
| 238 </div> | |
| 239 <div id="footer"></div> | |
| 240 </main> | 15 </main> |
| 241 </body> | 16 </body> |
| 242 <script href="index.js"></script> | 17 <script src="index.js"></script> |
| 243 </html> | 18 </html> |