container-break-points
Tech stacks
Typescript, React.js(Context, Ref, State, Memo), Javascript(CustomEvent)
Description
break point manager that is highly optimized using CustomEvent and React.js. It minimized updating rendering like state managers (i.e. Jotai, Redux, etc.). It is perfect to manage container query with javascript. It also fully support custom typing using type inferring system to help programming.
My Role
A-Z
@shjeon0730/svg-table
Tech stacks
Typescript, Astro.js(SSG, SSR, SPA), React.js, SVG, Rollup, Typescript, TurboRepo
Description
An opensource project for SVG table. I motivated a work that needed to convert HTML table to SVG talbe image.
I realized that it is not that easy and time consuming, and if this kind of librar exists, it would be very easy.
My Role
A-Z
sh-jun.com
Tech stacks
Astro.js(SSG, SSR, SPA), React.js, Solid.js, TailwindCSS, CSS, Prisma, Typescript, TurboRepo, PDFMake
Description
My Homepage that introduces my portfolio, Resume, and personal projects.
Astro.js is the base application living in Turborepo to pull all the custom components
managed in the other folders in turborepo.
Highly optimized using Astro's latest functionality.
Using both Solid.js and React.js, It supports mutlipel framework to show off
multiple projects.
My Role
A-Z
SanAntonioKoreanSchoolHomepage
Tech stacks
Next.js 14(app router), Tailwindcss, shadcn/ui, Stripe, Google Sheet API
Description
San Antonio Korean School wanted to improve existing homepage.
Implemented SSG first pages using Google Sheets API for the contents update.
Full server side generated Navigation system, payment system using stripe API.
My Role
A-Z, Design / Architecture / Implementation / Testing
DimensionalFundCenter/ModelCenter/SMACenter
Tech stacks
React.js 16~18, React Router 5, D3, PDFMake, Express.js, Sitecore-CMS, Jotai 1/2
Tech stacks(Dev)
Vite, Jest, RTL, Playwright, Docker, Bitbucket/Github, Jenkins
Description
For the fund advisors, DFA offers multiple ways of analyzation and visualization.
My Role
Development/Debug/Testing over Fund Center & Model Center & SMA Center.
Leading Unit/e2e/Manual testing process / Code Review
Optimizations on performance, readability, management
SmallBusinessInsurance
Tech stacks
React.js 16(Hook, Context), ReduxToolkit, React Router 5, Guidewire, Java
Tech stacks(Dev)
Chai, Mocha, sinon, RTL, Storybook, Cypress, Mockito, Spring Framework
Description
Created the join/maintain process of Small business Insurance
My Role
Leading Frontend team, Cowork with BE team as co-leader.
USAAFinancialReadinessAssessments
Tech stacks
React.js 15,16(Class, Hook), Redux, React Router 4, MS-DB2, Java
Tech stacks(Dev)
Chai, Mocha, sinon, Enzyme, Selenium, Mockito, Spock, Jax-RS(RestAPI)
Description
Created a process for Financial Readiness Assessment and analyzations
My Role
Develop/Debug/Architecture on both FE and BE
ProjectBungae(Lightniing)-UAVOperationPanel
Tech stacks
C#.Net, Flash/Action Script, XML, TCP/UDP, Serial(RS-232)
Description
A Visualization and control panel for UAV(Unmanned Aviation Vehicle).
It satisfied Korean Army department for the beautiful animation and smooth visualization.
Created All the panels and charts with Flash, all number parts with C#.Net panels,
With realtime data using UDP communication.
My Role
Design/Architecture/Development on Client Application
GlobalReport(Reportgenerationtool)
Tech stacks
HTML/CSS/Javascript/C#/PDF
Description
Converting manual reporting process to automated report process
reducing reporting time dramatically.
Introducing MV model (Model/View)
View/Print/PDF generation
My Role
A-Z, Plan, Introducing MV concept, Architecture, Design, Implement
IFCCDeviceTestSW
Tech stacks
C#.Net, Custom components, OpenGL, TCP/UDP, Serial(RS-232/RS-422), Can
Description
Automated testing software for IFCC device including data integrity, communication, and smoke test.
Before this software, all test had to be manually created in each project, but this software allowed to skip
massive amount of redundant work. It also allowed injecting errors by easy UI, so improved testability dramatically.
My Role
This project started from TestNetConnector which I made to improve manual testability for the team.
I used a lot of existing logic for this project and ended up as a new product of the company.(https://www.realtimewave.com/machate).
TestNgine1.0
Tech stacks
C#.Net, WCF, TCP/UDP, C, VxWorks(RTOS), Python(for loop), XML
Description
Connecting with high-powered Realtime OS(VxWorks), this application allowed creation, edit, and execution of dynamic testing scenarios by easy accessible UI.
Also allowing multi-depth scenario managed by XML which made it possible to be modularized.
PDF, Excel report
My Role
Initiated the project, Architecture, Implementation
SMC-STETestSW
Tech stacks
MFC, XML
Description
This project is an advanced project from F1 simulator and proved the reusability of existing custom components.
Even though it is not pretty, this allowed customizing testability by placing pre-made custom components
as well as XML meta data. By accepting idea of this project, Panel Builder project can be started.
My Role
introducing POC of the reusable components mixing with XML meta data
ScenarioMaker
Tech stacks
MFC, C, VxWorks
Description
improving TestNgine 1.0, this project enhanced real-time testability, timeline-based timing configuration,
and low-level structure generator to parse data into C struct.
My Role
Client development, Embedded code architecuture and leading, and Development of embedeed core module.
Giving the motivation of System Bridge(https://www.realtimewave.com/systembridge)
ActiveSonarTX/RXSimulator
Tech stacks
C++, Lab Windows/CVI, FFT algorithm
Description
simulate active sonar server to test initial stage of sonar development.
this software generated multiple frequency of wave, coding and decoding of frequency using FFT algorithm.
My Role
requested to analyze the raw data signal. Analyzed the raw data, parsed the signal to remove header of encryption, generated chart.
ActiveSonarTestSW
Tech stacks
C++, Lab Windows/CVI, FFT algorithm, multi-thread(Intel TBB)
Description
Performed actual testing for active-sonar using this application.
Visualization of sonar signals, active status of each sensors, Beam patterns and high resolution frequencies.
My Role
Tested 40 TX channel and 128 RX channel concurrently powered by IntelTBB multithread API and Intel multi-core CPU.
Debugged actual hardware issues using this software.