Frontend Developer

Toss Securities โ€” South Korea ยท Posted ~7 hours ago

Mid Full-time

Skills

React Next.js TypeScript Web performance optimization WebSocket State management React Query Recoil Jotai SSE Webpack Babel SWC

๐Ÿ”“ Log in to save this job, tailor your resume & track your apply process โ€” 7 days free, no card needed.

Log in to add to target list

Summary โœจ AIโ€‘Generated

A technology-focused organization is seeking a frontend engineer to build modern web applications for mobile and desktop environments. The role involves creating scalable architectures, improving rendering performance, handling real-time data, and developing reliable user experiences with modern JavaScript frameworks and engineering practices.

Highlights

Build modern web experiences across mobile and desktop platforms with opportunities to solve complex engineering challenges and optimize high-performance user interfaces.

Description

ํ•ฉ๋ฅ˜ํ•˜๋ฉด ํ•จ๊ป˜ํ•  ์—…๋ฌด์—์š” Android, iOS ์•ฑ์˜ ์›น๋ทฐ์—์„œ ๋™์ž‘ํ•˜๋Š” ๋ชจ๋ฐ”์ผ ์ œํ’ˆ๊ณผ PC ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋™์ž‘ํ•˜๋Š” ๋ฐ์Šคํฌํƒ‘ ์ œํ’ˆ, ์šด์˜์„ ์œ„ํ•œ ๋ฐฑ์˜คํ”ผ์Šค๊นŒ์ง€ ๋ชจ๋˜ ์›น ๊ธฐ์ˆ ๋กœ ๋งŒ๋“ค์–ด์š”.์ฆ๊ถŒ ๊ฑฐ๋ž˜ ์‹œ์Šคํ…œ, ๋ณต์žกํ•œ ๊ณ„์ขŒ ์ฒด๊ณ„ ๋“ฑ ์–ด๋ ต๊ณ  ๋ณต์žกํ•œ ํˆฌ์ž ์ƒํ’ˆ์„ ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งค๋„๋Ÿฌ์šด ํˆฌ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๋Š” ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ์–ด์š”.์›น์†Œ์ผ“, Web Worker, ์ž์ฒด ๊ตฌํ˜„ ๋ชจ๋“ˆ ๋“ฑ ์ตœ์ ์˜ ์—”์ง€๋‹ˆ์–ด๋ง ๊ธฐ์ˆ ์„ ํ™œ์šฉํ•ด ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ์ •ํ™•ํ•˜๊ณ  ๋Š๊น€ ์—†์ด ์ œ๊ณตํ•˜๊ณ , ์œ ์ €๊ฐ€ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์ •๋ณด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๊ฑฐ๋ž˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ œํ’ˆ์„ ๋งŒ๋“ค์–ด์š”. ์ด๋Ÿฐ ๋ถ„์„ ๊ธฐ๋‹ค๋ฆฌ๊ณ  ์žˆ์–ด์š” React ๊ธฐ๋ฐ˜์˜ ์›น ์„œ๋น„์Šค๋ฅผ ๊ฐœ๋ฐœํ•˜๊ณ  ์šด์˜ํ•ด๋ณธ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„์„ ์ฐพ๊ณ  ์žˆ์–ด์š”.๋ณต์žกํ•˜๊ณ  ์–ด๋ ค์šด ์š”๊ตฌ์‚ฌํ•ญ์„ ๋‹จ์ˆœํ•œ ๋ฌธ์ œ๋กœ ์ถ”์ƒํ™”ํ•˜๊ณ , ๋ณ€๊ฒฝ์— ์œ ์—ฐํ•œ ์•„ํ‚คํ…์ฒ˜์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜๋Š” ๋ถ„์„ ์ฐพ๊ณ  ์žˆ์–ด์š”.๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ์„ฑ๋Šฅ์„ ๊ณ ๋ คํ•ด์„œ ๊ฐœ๋ฐœํ•˜๊ณ  ์ตœ์ ํ™”ํ•˜์‹  ๊ฒฝํ—˜์ด ์žˆ๋Š” ๋ถ„์„ ์ฐพ๊ณ  ์žˆ์–ด์š”.๋‹จ์ˆœํžˆ ์ฃผ์–ด์ง„ ์—…๋ฌด๋ฅผ ํ•ด๋‚ด๋Š” ๊ฒƒ๋ณด๋‹ค, ๋ฌธ์ œ๋ฅผ ์ฃผ๋„์ ์œผ๋กœ ์ •์˜ํ•˜๊ณ  ๊ธฐ์ˆ ์ ์œผ๋กœ ํ•ด๊ฒฐํ•œ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๋ถ„์„ ์ฐพ๊ณ  ์žˆ์–ด์š”. ์ด๋Ÿฐ ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์–ด์š” React, Next.js, Typescript : ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ ์•„ํ‚คํ…์ณ๋กœ UI๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๊ตฌ์ถ•ํ•˜๊ณ , ์ •์  ํƒ€์ž… ๊ฒ€์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฒ„๊ทธ๋ฅผ ์ค„์—ฌ์š”.React-Query, Recoil, Jotai : ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ์šฉ๋„์— ๋งž๊ฒŒ ์‚ฌ์šฉํ•ด์š”.Emotion, Vanilla-extract : ๋ชจ๋ฐ”์ผ ์ œํ’ˆ์˜ ์Šคํƒ€์ผ์€ emotion์„, ๋ฐ์Šคํฌํƒ‘ ์ œํ’ˆ์˜ ์Šคํƒ€์ผ์€ vanilla-extract๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์–ด์š”.TDS(Toss Design System) : ๊ฐ•๋ ฅํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ TDS๋ฅผ ์ด์šฉํ•ด ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ์„ ๋†’์—ฌ์š”. ๋ฒ„๊ทธ ์ œ๋ณด๋ถ€ํ„ฐ ์ปดํฌ๋„ŒํŠธ ์ œ์ž‘๊นŒ์ง€ ๊ธฐ์—ฌํ•˜๊ธฐ๋„ ํ•ด์š”.์›น์†Œ์ผ“, SSE : ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜์—ฌ ์„œ๋ฒ„ ์š”์ฒญ์„ ์ตœ์ ํ™”ํ•˜๊ณ  ์žˆ์–ด์š”.YarnBerry, PNPM : ํŒจํ‚ค์ง€๊ด€๋ฆฌ์ž์˜ ์žฅ์ ์— ๋งž์ถฐ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์–ด์š”.Webpack, SWC, Babel : ๋น ๋ฅธ ๋นŒ๋“œ์™€ ๋ฐฐํฌ ์†๋„๋กœ ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๊ณ  ์žˆ์–ด์š”.Github, Github Action : ์†Œ์Šค ์ฝ”๋“œ๋Š” Github์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ณ  ์ฝ”๋“œ๋ฆฌ๋ทฐํ•ด์š”. ์ตœ์†Œ ๋‘๋ช… ์ด์ƒ์˜ ๋ฆฌ๋ทฐ์–ด๊ฐ€ ์ž๋™์œผ๋กœ ์ง€์ •๋ผ์š”. ๊ฐ์ข… Github Bot์ด ์ •์  ๋ถ„์„๊ณผ ํ…Œ์ŠคํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ  ๋ฆฌํฌํŠธ๋ฅผ ์ž‘์„ฑํ•ด์ค˜์š”. ์ด๋ ฅ์„œ๋Š” ์ด๋ ‡๊ฒŒ ์ž‘์„ฑํ•˜์‹œ๋Š” ๊ฑธ ์ถ”์ฒœํ•ด์š” ๊ทธ๋™์•ˆ์˜ ๊ฒฝํ—˜์„ ๋‹จ์ˆœ ๋‚˜์—ดํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ, ๊ฒฝํ—˜ ์†์—์„œ์˜ ์ž„ํŒฉํŠธ ๋ฐ ๋Ÿฌ๋‹ ํฌ์ธํŠธ๋ฅผ ๊ธฐ์ˆ ํ•ด์ฃผ์„ธ์š”.๋‹จ์ˆœํžˆ ์ฃผ์–ด์ง„ ์—…๋ฌด๋ฅผ ํ•ด๊ฒฐํ•œ ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๋ฌธ์ œ๋ฅผ ์ฃผ๋„์ ์œผ๋กœ ์ •์˜ํ•˜๊ณ  ๊ธฐ์ˆ ์ ์œผ๋กœ ํ•ด๊ฒฐํ•œ ์‚ฌ๋ก€๋ฅผ ๊ธฐ์ˆ ํ•ด์ฃผ์„ธ์š”.๋ณต์žก๋„๊ฐ€ ๋†’์€ ์„œ๋น„์Šค๋‚˜ ๊นŒ๋‹ค๋กœ์šด ์š”๊ตฌ์‚ฌํ•ญ์„ ๊ตฌํ˜„ํ•œ ๊ฒฝํ—˜์ด ์žˆ์œผ๋ฉด ๊ธฐ์ˆ ํ•ด์ฃผ์„ธ์š”. ํŠนํžˆ ๋ณต์žกํ•˜๊ฑฐ๋‚˜ ๋ฐ˜๋ณต๋˜๋Š” ๋ฌธ์ œ๋ฅผ ๋‹จ์ˆœํ•œ ํ˜•ํƒœ๋กœ ์ถ”์ƒํ™”ํ•œ ๊ฒฝํ—˜์„ ์„ค๋ช…ํ•ด์ฃผ์‹œ๋ฉด ์ข‹์•„์š”. ํ† ์Šค์ฆ๊ถŒ์œผ๋กœ์˜ ํ•ฉ๋ฅ˜ ์—ฌ์ • ์„œ๋ฅ˜์ ‘์ˆ˜ > ์‚ฌ์ „๊ณผ์ œ > 1์ฐจ ์ง๋ฌด ์ธํ„ฐ๋ทฐ > 2์ฐจ ์ง๋ฌด ์ธํ„ฐ๋ทฐ > ๋ฌธํ™”์ ํ•ฉ์„ฑ ์ธํ„ฐ๋ทฐ > ๋ ˆํผ๋Ÿฐ์Šค ์ฒดํฌ > ์ฒ˜์šฐํ˜‘์˜ > ์ตœ์ข…ํ•ฉ๊ฒฉ ๋ฐ ์ž…์‚ฌ ๊ผญ ํ™•์ธํ•ด ์ฃผ์„ธ์š” ์ด๋ ฅ์„œ ๋ฐ ์ œ์ถœ ์„œ๋ฅ˜์— ํ—ˆ์œ„ ์‚ฌ์‹ค์ด ๋ฐœ๊ฒฌ๋˜๊ฑฐ๋‚˜ ๊ทผ๋ฌด ์ด๋ ฅ ์ค‘ ์ง•๊ณ„์‚ฌํ•ญ์ด ํ™•์ธ๋  ๊ฒฝ์šฐ, ์ฑ„์šฉ์ด ์ทจ์†Œ๋  ์ˆ˜ ์žˆ์–ด์š”.ํ† ์Šค์ฆ๊ถŒ ๋‚ด๊ทœ์— ๋”ฐ๋ผ ์ฑ„์šฉ ๊ธˆ์ง€์ž ๋˜๋Š” ๊ฒฐ๊ฒฉ์‚ฌ์œ  ํ•ด๋‹น์ž๋Š” ์ฑ„์šฉ์ด ์ทจ์†Œ๋  ์ˆ˜ ์žˆ์–ด์š”.์žฅ์• ์ธ ๋ฐ ๊ตญ๊ฐ€๋ณดํ›ˆ๋Œ€์ƒ์ž๋Š” ์ง€์› ์‹œ ๊ด€๋ จ๋ฒ•์— ๋”ฐ๋ผ ์šฐ๋Œ€ํ•˜๊ณ  ์žˆ์–ด์š”. ํ•จ๊ป˜ ํ•  ๋™๋ฃŒ๋ฅผ ์œ„ํ•œ ํ•œ๋งˆ๋”” ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ๋‹ค๊ฐ€์˜ฌ ์ˆ˜ ์žˆ๋Š” ์ฆ๊ถŒ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ์–ด์š”."๊ฐœ๋ฐœ์ž๋ผ๋ฉด ์ข‹์€ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ํ†ตํ•ด ์œ ์ €์—๊ฒŒ ์ข‹์€ ๊ฐ€์น˜๋ฅผ ์ „๋‹ฌ ํ•˜๋Š” ๊ฒƒ์—์„œ ํฌ์—ด๊ฐ์„ ๋А๋ผ๊ณ  ์ง์—…์˜ ์˜๋ฏธ๋ฅผ ์ฐพ์œผ์‹œ๋Š” ๋ถ„์ด ๋งŽ์œผ์‹ค๊ฑฐ๋ผ ์ƒ๊ฐํ•ด์š”.ํ† ์Šค ํ”„๋ก ํŠธ์—”๋“œ ํŒ€์€ "๊ธˆ์œต์ด ์–ด๋ ต๋‹ค, ์ฆ๊ถŒ์€ ์–ด๋ ต๋‹ค" ๋ผ๋Š” ๋ฌธ์ œ๋ฅผ ์œ ์ €์—๊ฒŒ ์ข‹์€ ๋งค๋งค๊ฒฝํ—˜, ์ฆ๊ถŒ์„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” UX๋ฅผ ์ œ๊ณตํ•˜์—ฌ ์œ ์ €์—๊ฒŒ ๊ฐ€์น˜๋ฅผ ์ „๋‹ฌํ•˜๋Š” ํŒ€์ด์—์š”. ์œ ์ €์—๊ฒŒ ํŠน๋ณ„ํ•˜๊ณ  ํ˜์‹ ์ ์œผ๋กœ ์ข‹์€ ๊ฐ€์น˜๋ฅผ ์ „๋‹ฌํ•˜๋ ค๋‹ค ๋ณด๋‹ˆ ๊ทธ ๊ณผ์ •์—์„œ ๋งŽ์€ ์–ด๋ ค์›€๋„ ์žˆ์ง€๋งŒ ํŒ€์› ๋ชจ๋‘๊ฐ€ ์ข‹์€ ์ฝ”๋“œ๋ฅผ ์ง€ํ–ฅํ•˜๊ณ  ์–ด๋ ค์šด ๋ฌธ์ œ๋Š” ๊ฐ™์ด ๊ณ ๋ฏผํ•˜๊ณ  ์„œ๋กœ ๋„์™€์ฃผ๋Š” ๋ฌธํ™”๊ฐ€ ์ž˜ ์ •์ฐฉ๋˜์–ด ์žˆ์–ด์„œ ์–ด๋ ค์›€์„ ํ—ค์ณ๊ฐ€๋Š” ์‹œ๊ฐ„๋“ค์ด ์‰ฌ์›Œ์ง€๊ณ  ์ฆ๊ฑฐ์›Œ์ง€๋Š”๊ฑธ ๊ฒฝํ—˜ํ•˜์‹ค ์ˆ˜ ์žˆ์œผ์‹ค๊ฑฐ์—์š”!