์„ฑ์žฅ ์Šคํ† ๋ฆฌ โญ๏ธ
home
โ›“๏ธ

[Mainnet] Frontend Engineer

์ฃผ์š” ์—…๋ฌด

1000๋งŒ๋ช… ์ด์ƒ์˜ ์œ ์ €๋“ค์ด ์‰ฝ๊ณ  ํŽธํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํƒˆ์ค‘์•™ํ™” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(dApp)์„ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.

โ€ข
์Šคํ…Œ์ด๋ธ”์ฝ”์ธ ๊ธฐ๋ฐ˜์˜ Lending Protocol๊ณผ ๊ฐ™์€ ํƒˆ์ค‘์•™ํ™” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(dApp)์˜ ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ์„ค๊ณ„ ๋ฐ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.
โ€ข
๋ธ”๋ก์ฒด์ธ์˜ ๊ธฐ๋ก์„ ๋ชจ๋‹ˆํ„ฐ๋งํ•˜๋Š” ๋Œ€์‹œ๋ณด๋“œ(Explorer)๋ฅผ ์„ค๊ณ„ ๋ฐ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.
โ€ข
๋‹ค์–‘ํ•œ ํƒˆ์ค‘์•™ํ™” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(dApp) ๋ฐ ํด๋ผ์ด์–ธํŠธ(Explorer, Wallet ๋“ฑ)์˜ UX๋ฅผ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.
โ€ข
์žฌ์‚ฌ์šฉ์„ฑ์ด ๋†’์€ UI ์ปดํฌ๋„ŒํŠธ๋“ค์„ ์„ค๊ณ„ํ•˜๊ณ  ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

ํ•จ๊ป˜ ๊ณ ๋ฏผํ•  ๋ฌธ์ œ

โ€ข
Explorer ๊ฐœ๋ฐœ
โ—ฆ
EVM, Cosmos์™€ ๊ฐ™์€ ์„œ๋กœ ๋‹ค๋ฅธ ๋ธ”๋ก์ฒด์ธ์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋ฐ์ดํ„ฐ๋“ค์„ ํ•˜๋‚˜์˜ ์ธํ„ฐํŽ˜์ด์Šค๋กœ ํ†ตํ•ฉํ•˜์—ฌ ํ‘œํ˜„ํ•ฉ๋‹ˆ๋‹ค.
โ—ฆ
๋ธ”๋ก์ฒด์ธ์— ๊ธฐ๋ก๋œ ๋งŽ์€ ๋ฐ์ดํ„ฐ๋“ค์„ ํšจ๊ณผ์ ์œผ๋กœ ์‹œ๊ฐํ™” ํ•ฉ๋‹ˆ๋‹ค.
โ€ข
Lending Protocol dApp ๊ฐœ๋ฐœ
โ—ฆ
๋‹ด๋ณด์ž์‚ฐ์„ ๋งก๊ธฐ๊ณ  ์Šคํ…Œ์ด๋ธ” ์ฝ”์ธ์„ ๋นŒ๋ ค๊ฐˆ ์ˆ˜ ์žˆ๋Š” Lending & Borrowing ํƒˆ์ค‘์•™ํ™” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.
โ—ฆ
Saving Protocol์— ์‰ฝ๊ฒŒ ์—ฐ๋™ํ•  ์ˆ˜ ์žˆ๋Š” SDK๋ฅผ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.
โ—ฆ
๋Œ€์ถœ ๋ฐ ์ž์‚ฐ ํ˜„ํ™ฉ์„ ํ•œ ๋ˆˆ์— ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ์„ค๊ณ„ ํ•ฉ๋‹ˆ๋‹ค.
โ€ข
์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•œ UX ๊ฐœ์„ 
โ—ฆ
Non-crypto ์‚ฌ์šฉ์ž๋„ ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” UX๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์ œํ’ˆ์˜ ํ๋ฆ„๊ณผ ์ƒํ˜ธ ์ž‘์šฉ์„ ์ง€์†์ ์œผ๋กœ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.
โ—ฆ
๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ, ์ธํ„ฐํŽ˜์ด์Šค, ๋ธŒ๋ผ์šฐ์ € ๋ฐ ๋””๋ฐ”์ด์Šค ์ „๋ฐ˜์— ๊ฑธ์ณ ๋””์ž์ธ ์ผ๊ด€์„ฑ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.
โ—ฆ
๋ฐœ์ „ํ•˜๋Š” UI/UX best practice๋ฅผ ๋ฐ˜์˜ํ•˜๊ณ  ๋”ฐ๋ผ๊ฐ‘๋‹ˆ๋‹ค.

์ž๊ฒฉ ์š”๊ฑด

โ€ข
3๋…„ ์ด์ƒ์˜ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ๊ฒฝํ—˜ ํ˜น์€ ๊ทธ์— ์ค€ํ•˜์‹œ๋Š” ๋ถ„
โ€ข
React.js ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ ๊ฒฝํ—˜
โ€ข
HTML, CSS ๋ฐ JavaScript ์ƒํƒœ๊ณ„์— ์ต์ˆ™ํ•˜์‹  ๋ถ„
โ€ข
์„œ๋ฒ„ ๊ฐœ๋ฐœ์ž, ๋””์ž์ธ ์ง๊ตฐ๊ณผ ์›ํ™œํžˆ ์†Œํ†ตํ•˜๋Š” ๋Šฅ๋ ฅ

์šฐ๋Œ€ ์‚ฌํ•ญ

โ€ข
์•”ํ˜ธํ™”ํ, ํ‚ค ๊ด€๋ฆฌ ๋ฐ ๋ธ”๋ก์ฒด์ธ ์ƒํ˜ธ ์šด์šฉ์„ฑ์˜ UX๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ๋ฐ ๊ด€์‹ฌ์ด ๋งŽ์œผ์‹  ๋ถ„
โ€ข
์ด๋”๋ฆฌ์›€, ์ฝ”์Šค๋ชจ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐ ๋„๊ตฌ ์‚ฌ์šฉ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„(web3.js, ethers.js, hardhat, truffle, cosm.js)
โ€ข
ํƒˆ์ค‘์•™ํ™” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(dApp) ๋ฐ ํด๋ผ์ด์–ธํŠธ(Explorer, Wallet ๋“ฑ)๊ตฌ์ถ• ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„
โ€ข
์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์— ๊ด€์‹ฌ์ด ๋งŽ๊ณ , ์ž๊ธฐ ๊ฐœ๋ฐœ์„ ์œ„ํ•ด ๋…ธ๋ ฅํ•˜์‹œ๋Š” ๋ถ„
โ€ข
์˜คํ”ˆ์†Œ์Šค ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์šด์˜ํ•œ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„

๊ธฐ์ˆ  ์Šคํƒ

โ€ข
React.js
โ€ข
Node.js / Next.jsย /ย Nest.js /ย Expressย /ย Lerna
โ€ข
Typescript
โ€ข
Styled-components
โ€ข
Storybook

์ฃผ์š” ํ˜‘์—… ํˆด

โ€ข
ํŒ€ ๋‚ด ์†Œํ†ต ์ฐฝ๊ตฌ Slack, Zoom
โ€ข
ํ”„๋กœ์ ํŠธ, ์ฝ”๋“œ ๊ด€๋ฆฌ Github
โ€ข
์นธ๋ฐ˜ ๊ด€๋ฆฌ ๋ฐ ๋ฌธ์„œ ์ž‘์„ฑ Notion
โ€ข
๋””์ž์ธํŒ€๊ณผ ํ˜‘์—… ์‹œ Figma

์ฑ„์šฉ ๊ณผ์ •

์ผ๋ฐ˜์ ์œผ๋กœ ์ฑ„์šฉ ๊ณผ์ •์€ [1์ฐจ ๋ฉด์ ‘ โ†’ ๊ณผ์ œ ์ˆ˜ํ–‰ ํ˜น์€ ์˜คํ”ˆ์†Œ์Šค ์ฝ”๋“œ ํ‰๊ฐ€ & 2์ฐจ ๋ฉด์ ‘ โ†’ 3์ฐจ ๋ฉด์ ‘] 3๋‹จ๊ณ„๋กœ ์ง„ํ–‰๋ผ์š”.
๊ณผ์ œ๋‚˜ ๋ฉด์ ‘ ๊ฒฐ๊ณผ์— ๋”ฐ๋ผ์„œ ๊ณผ์ •์ด ๋ณ€๊ฒฝ๋  ์ˆ˜๋Š” ์žˆ์–ด์š”!
โ€ข
1์ฐจ ๋ฉด์ ‘์—์„œ๋Š” ์ง€์›์ž์˜ ๊ฒฝํ—˜์— ๋Œ€ํ•ด์„œ ์ฃผ๋กœ ๋ฌผ์–ด๋ด์š”. ์ˆ˜ํ–‰ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ๋“ค์ด ๋ฌด์—‡์ธ์ง€, ์—ญํ• ์€ ๋ฌด์—‡์ธ์ง€, ํ”„๋กœ์ ํŠธ์—์„œ ์–ด๋ ค์› ๋˜ ์ ๊ณผ ๋ฐฐ์› ๋˜ ์ ๋“ค์€ ๋ฌด์—‡์ธ์ง€ ๋“ฑ์„ ๋ฌผ์–ด๋ณผ ์˜ˆ์ •์ด์—์š”.
โ€ข
๊ณผ์ œ ํ‰๊ฐ€ ํ˜น์€ ์˜คํ”ˆ์†Œ์Šค ์ฝ”๋“œ ํ‰๊ฐ€์—์„œ๋Š” ์ฝ”๋“œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์—…๋ฌด ์—ญ๋Ÿ‰์„ ํ™•์ธํ•˜๋Š” ์ž๋ฆฌ์—์š”.
โ—ฆ
๊ณผ์ œ ํ‰๊ฐ€
โ–ช
์ง๊ตฐ์— ๋งž๋Š” ๊ฐ„๋‹จํ•œ ๊ณผ์ œ๋ฅผ ์ œ์•ˆํ•ด ๋“œ๋ฆด๊ฑฐ์—์š”.
โ–ช
์˜ˆ๋ฅผ ๋“ค์–ด, ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ผ ๊ฒฝ์šฐ ๋””์ž์ธ ํŒŒ์ผ๊ณผ API ๋ฌธ์„œ๋ฅผ ๋“œ๋ฆฌ๊ณ  ๊ฐ„๋‹จํ•œ ๋Œ€์‹œ๋ณด๋“œ ํ™”๋ฉด ๊ตฌํ˜„ ํ•˜๋Š” ๊ฒƒ์ด ๊ณผ์ œ๋กœ ๋ถ€์—ฌ๋  ์ˆ˜ ์žˆ์–ด์š”.
โ—ฆ
์˜คํ”ˆ์†Œ์Šค ์ฝ”๋“œ ํ‰๊ฐ€
โ–ช
์˜คํ”ˆ์†Œ์Šค๋กœ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ์ž‘์—…๋ฌผ๋“ค์ด ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ ๊ณผ์ œ๋ฅผ ๋Œ€์‹ ํ•  ์ˆ˜ ์žˆ์–ด์š”.
โ€ข
ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์—ญ๋Ÿ‰์„ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋Š” ์ž‘์—…๋ฌผ์ธ ๊ฒฝ์šฐ์—๋งŒ ๊ฐ€๋Šฅํ•ด์š”.
โ–ช
ํ•ด๋‹น ์˜คํ”ˆ์†Œ์Šค์—์„œ ๊ธฐ์—ฌํ•œ ๋ถ€๋ถ„์— ๋Œ€ํ•ด ์ž์„ธํ•œ ์„ค๋ช…์„ ์ œ์ถœํ•ด์ฃผ์„ธ์š”.
โ€ข
2์ฐจ ๋ฉด์ ‘์—์„œ๋Š” ์ˆ˜ํ–‰ํ•œ ๊ณผ์ œ๋ฅผ ํ˜น์€ ์˜คํ”ˆ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์งˆ์˜ ์‘๋‹ต์„ ํ†ตํ•ด ๊ธฐ์ˆ ์  ์—…๋ฌด ์—ญ๋Ÿ‰๊ณผ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์—…๋ฌด ์—ญ๋Ÿ‰์„ ํ™•์ธํ•˜๋Š” ์ž๋ฆฌ์—์š”.
โ€ข
3์ฐจ ๋ฉด์ ‘์—์„œ๋Š” ์ง€์›์ž๊ฐ€ ์šฐ๋ฆฌ์˜ ํ•ต์‹ฌ๊ฐ€์น˜์™€ ์ž˜ ๋งž๋Š”์ง€, ํšŒ์‚ฌ์˜ ๋ฌธํ™”์™€ ์ž˜ ์–ด์šธ๋ฆฌ๋Š”์ง€ ํŒŒ์•…ํ•ด์š”. 1์‹œ๊ฐ„ ์ด๋‚ด๋กœ ์ง„ํ–‰๋ผ์š”.

์ง€์› ๋ฐฉ๋ฒ•

people@haechi.io ๋กœ ์ž์œ ๋กœ์šด ํ˜•์‹์˜ ์ง€์›์„œ๋ฅผ ๋ณด๋‚ด์ฃผ์„ธ์š”.

์šฐ๋ฆฌ๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ๊ฒƒ๋“ค์ด ๊ถ๊ธˆํ•ด์š”

โ€ข
์–ด๋–ค ํšŒ์‚ฌ์—์„œ ์–ด๋–ค ์ผ๋“ค์„ ํ–ˆ๋Š”์ง€
โ€ข
์–ด๋–ค ํ”„๋กœ์ ํŠธ๋“ค์„ ์ˆ˜ํ–‰ํ–ˆ๋Š”์ง€
โ—ฆ
๋ฌธ์ œ ์ •์˜์™€ ํ•ด๊ฒฐ์ฑ…์„ ์œ„์ฃผ๋กœ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.

์šฐ๋ฆฌ๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ๊ฒƒ๋“ค์€ ๊ถ๊ธˆํ•˜์ง€ ์•Š์•„์š”

โ€ข
์ƒ๋…„์›”์ผ, ์ฃผ์†Œ, ์‚ฌ์ง„ ๋“ฑ ๋””์ž์ธ ์—…๋ฌด์™€ ๊ด€๊ณ„์—†๋Š” ๋‚ด์šฉ

๋ณ‘์—ญ์ง€์ •์—…์ฒด

โ€ข
ํ•ด์น˜๋žฉ์Šค๋Š” "์‚ฐ์—…๊ธฐ๋Šฅ์š”์›", "์ „๋ฌธ์—ฐ๊ตฌ์š”์›" ํŽธ์ž… ๊ฐ€๋Šฅํ•œ ๋ณ‘์—ญ์ง€์ •์—…์ฒด์—์š”
โ€ข
๋ณด์ถฉ์—ญ ํŽธ์ž…๋„ ๊ฐ€๋Šฅํ•ด์š”
๋ณ‘์—ญ์ง€์ •์—…์ฒด ๊ฒ€์ƒ‰๊ฒฐ๊ณผ

์˜คํ”ผ์Šค ์œ„์น˜

์„œ์šธํŠน๋ณ„์‹œ ๊ฐ•๋‚จ๊ตฌ ๋ด‰์€์‚ฌ๋กœ 179 (๋…ผํ˜„๋™, Hํƒ€์›Œ) 12์ธต
(์–ธ์ฃผ์—ญ 2๋ฒˆ ์ถœ๊ตฌ ๋„๋ณด 1๋ถ„ ๊ฑฐ๋ฆฌ)

ํ•ด์น˜๋žฉ์Šค๊ฐ€ ๋” ๊ถ๊ธˆํ•˜๋‹ค๋ฉด?

์•„๋ž˜ ๋งํฌ๋ฅผ ํ†ตํ•ด ์„ฑ์žฅ ์Šคํ† ๋ฆฌ, ๋งŒ๋“œ๋Š” ์ œํ’ˆ, ์—…๋ฌด ํ™˜๊ฒฝ ๋“ฑ์„ ํ™•์ธํ•˜์„ธ์š”.