Hi all! Iโ€™m Shinheetae๐Ÿ‘‹๐Ÿป

โ€œ์•ˆ๋…•ํ•˜์„ธ์š”๐Ÿ‘‹ ์ฆ๊ธฐ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ์€, ์‹ ํฌํƒœ ์ž…๋‹ˆ๋‹ค.โ€

Think Positive! ํ•ญ์ƒ ๊ธ์ •์˜ ํž˜์„ ๋ฏฟ์œผ๋ฉฐ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ‘๋‹ˆ๋‹ค. ํ˜‘์—…์„ ์œ„ํ•ด ๋ฐฐ๋ คํ•˜๋ฉฐ, ์„ฑ์žฅํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค.

2 ๋…„๊ฐ„ SI ์—์ด์ „์‹œ, ์Šคํƒ€ํŠธ์—…์—์„œ ์—…๋ฌด ํ•˜๋ฉด์„œ ๊ฒฝํ—˜ ๋ฐ ์—…๋ฌด๋ฅผ ์ดํ•ด๋„๊ฐ€ ๋†’์Šต๋‹ˆ๋‹ค.


About Me

๐Ÿ‘จโ€๐Ÿ’ป ๊ฒฝ๋ ฅ (์ด 2๋…„ 5๊ฐœ์›”~)

ํ”„๋ž˜ํ”„ 2021.09.23 - 2022.09.22

โ€ข ์›น ์‹ ๊ทœ ์„œ๋น„์Šค ๊ฐœ๋ฐœ

์—์ด๋“œ๋ฆฌ๋ธ 2023.05.08 ~ 2024.07.31

โ€ข AI ๊ธฐ๋ฐ˜ ๋ฆฌ์›Œ๋“œ ์•ฑ ๋Ÿฐ์นญ (์•ฑ ๋Ÿฐ์นญ ์˜คํ”ˆ ๋ฉค๋ฒ„)

๐ŸŽ“ ๊ฒฝํ—˜ / ๊ต์œก

์ค‘๋ถ€๋Œ€ํ•™๊ต 4๋…„์ œ ๊ด€๊ด‘๊ฒฝ์˜ ํ•™๊ณผ ์กธ์—… 2020.08

์ค‘๊ตญ ๊ตํ™˜ ํ•™์ƒ 2020.02

JS ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ™œ์šฉํ•œ ๋ฐ˜์‘ํ˜• ์›น UI๊ฐœ๋ฐœ์ž ์–‘์„ฑ๊ณผ์ • 2020.05 ~ 2020.10

๐Ÿงณ ์ž๊ฒฉ์ฆ

๋ ˆํฌ๋ฆฌ์—์ด์…˜ 1๊ธ‰ 2014.11.12

๊ตญ์™ธ์—ฌํ–‰์ธ์†”์ž 2018.10.08

์ค‘๊ตญ์–ด 5๊ธ‰(ํ˜„์žฌ๋Š” ๋งŒ๋ฃŒ) 2019.08.17

Skills Stack

HTML5 CSS3 JavaScript React Redux Context-API Dart Firebase NodeJS


Projects [ํšŒ์‚ฌ]

ํšŒ์‚ฌ์—์„œ ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

๋‚˜๋ผ๋ฉด ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

๋งค์ผ 1๋ถ„ ํˆฌ์ž๋กœ ๋ทฐํ‹ฐ, ๊ฐ€์ „, ๋ช…ํ’ˆ, ํŒจ์…˜ ๋“ฑ ๋‹ค์–‘ํ•œ ๊ฒฝํ’ˆ ์‘๋ชจ ํ›„ ์„ ๋ฌผ์„ ๋ฐ›์•„๊ฐ€์„ธ์š”!

๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ๋ฒ•์˜ ๊ฐ•ํ™”๋กœ ์ธํ•ด ์œ ์ €์˜ ์–ด๋– ํ•œ ๊ฐœ์ธ์ •๋ณด๋ฅผ ํ•จ๋ถ€๋กœ ์ถ”์ฒ™ ๋ฐ ์ด์šฉํ•  ์ˆ˜ ์—†๋„๋ก ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋ผ๋ฉด์˜ ์•ฑ์„ ํ†ตํ•ด ๊ฐœ์ธ์ •๋ณด ์ทจ๋“๊ณผ ์ œ์–ด์˜ ๊ถŒํ•œ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋„๋ก ๋„์›€์„ ์ฃผ๋Š” ์•ฑ์ž…๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- Dart โ‡’ ์œ ์ €๋‹จ

- Firebase โ‡’ ์œ ์ €๋‹จ

- vue.js โ‡’ ๊ด€๋ฆฌ์ž๋‹จ

- Node, Express โ‡’ ๊ด€๋ฆฌ์ž๋‹จ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 70% ์ด์ƒ ๊ธฐ์—ฌ (๊ธฐํš, ๊ฐœ๋ฐœ, ๋ฆฌํŒฉํ† ๋ง)

- GetX, Bloc ์ƒํƒœ๊ด€๋ฆฌ ์‚ฌ์šฉ

- GetX -> Bloc ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๋ฐ ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ ๋ณ€๊ฒฝ ์ง„ํ–‰

- ๊ธฐ๋Šฅ ๊ธฐํš ๊ฐœ๋ฐœ(๋“œ๋ž˜๊ทธ๋กœ ์ธํ•œ ์‘๋ชจ ์„ ํƒ ๋ฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„, FCM ๊ธฐ๋Šฅ ๊ธฐํš ๋ฐ ๊ฐœ๋ฐœ)

- ํ™ˆ - UI ๋‹จ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ(๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ, ๋”๋ณด๊ธฐ, ์‘๋ชจ ๊ธฐ๋Šฅ, ๋Œ“๊ธ€ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ, ์•Œ๋ฆผ ๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ, ๋”๋ณด๊ธฐ)

- ๋‚˜๋ผ๋ฉด - UI ๋‹จ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ(๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ, ๋”๋ณด๊ธฐ, ์„ค๋ฌธ์กฐ์‚ฌ ๊ธฐ๋Šฅ)

- ๋‹น์ฒจ ๊ฒฐ๊ณผ - UI ๋‹จ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ (๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ, ๋”๋ณด๊ธฐ ๊ธฐ๋Šฅ)

- ๊ด€๋ฆฌ์ž๋‹จ ๊ฐœ๋ฐœ

- ์œ ์ € ํ‘ธ์‰ฌ ๊ด€๋ฆฌ (ํ† ํฐ, ์ฃผ์ œ, ์ฆ‰์‹œ, ์˜ˆ์•ฝ)

- ์œ ์ € ๊ตฌ๋… ๊ด€๋ฆฌ (์ฃผ์ œ ํŒ”๋กœ์šฐ, ์ฃผ์ œ ์–ธ ํŒ”๋กœ์šฐ)

- ํ™ˆ ๋ฐฐ๋„ˆ ๊ด€๋ฆฌ

๊ตญ๋ฃฐ (KRule) ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

์ œ์ฒ  ์Œ์‹&์ง€์—ญ ๋ณ„ ํŠน์‚ฐํ’ˆ ์ถ”์ฒœ ๋ฐ ๋ผ์ด๋ธŒ ์‡ผํ•‘, ๋ ˆ์‹œํ”ผ ์ œ๊ณต, ์„ ๋ฌผํ•˜๊ธฐ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์‚ฐ์ง€์ง์†ก ํ”Œ๋žซํผ ์•ฑ. ํ˜„์žฌ ๋ฏธ์˜คํ”ˆ ์ƒํƒœ์ž…๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- React โ‡’ ์œ ์ €๋‹จ

- Typescript โ‡’ ์œ ์ €๋‹จ

- Mobx => ์ƒํƒœ๊ด€๋ฆฌ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 20% ๊ธฐ์—ฌ (ํ‡ด์‚ฌ ์ง์ „, ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ณด๋‹ค๋Š” ๋น ๋ฅด๊ฒŒ api ์—ฐ๋™ํ•˜๋Š” ์ชฝ์œผ๋กœ ์ง„ํ–‰ ํ–ˆ์Šต๋‹ˆ๋‹ค.)

๊ธ€ ๋“ฑ๋ก (๋ ˆ์‹œํ”ผ)

๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ (์žฅ๋ณด๊ธฐ, ์ œ์ฒ ์Œ์‹, ์ „๊ตญ ํŠน์‚ฐํ’ˆ, ๋ผ์ด๋ธŒ ์‡ผํ•‘, ๋ ˆ์‹œํ”ผ, ์„ ๋ฌผ ์ƒํ’ˆ๊ด€)

ํŽ˜์ด์ง€ ๋„ค์ด์…˜ ์ ์šฉ (๋ฌดํ•œ ์Šคํฌ๋กค- Intersection Observer)

๋ฉ”๋ฅด์นด๋„ (Mercado) ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

์š”๋ฆฌ๊ด€๋ จ ๋ ˆ์‹œํ”ผ ์ œ๊ณต, ์žฌ๋ฃŒ ๋ฐฐ์†ก ์„œ๋น„์Šค ์ปค๋ฎค๋‹ˆํ‹ฐ ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- Dart โ‡’ ์œ ์ €๋‹จ

- Firebase โ‡’ ์œ ์ €๋‹จ

- Node, Express โ‡’ ๊ด€๋ฆฌ์ž๋‹จ

- vue.js โ‡’ ๊ด€๋ฆฌ์ž๋‹จ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 90 % ์ด์ƒ ๊ธฐ์—ฌ

- ์ด๋ฉ”์ผ, ์†Œ์…œ ๋กœ๊ทธ์ธ์ ์šฉ (์นด์นด์˜คํ†ก, ๋„ค์ด๋ฒ„, ์• ํ”Œ)

- NHN ์›น/์•ฑ ๊ฒฐ์ œ API ์—ฐ๋™

- ํœด๋Œ€ํฐ ์ธ์ฆ (CoolSMS)

- CRUD ์ ์šฉ(๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ, ์‚ญ์ œ, ์ˆ˜์ •)

- ์ž„์‹œ์ €์žฅ ๊ธฐ๋Šฅ ์ ์šฉ

- ๋‹ค์Œ ์šฐ์ฒด๊ตญ API ์ ์šฉ ๋ฐ ๋ฐฐ์†ก์œ„์น˜ ์ถ”์ 

- ํŽ˜์ด์ง€๋„ค์ด์…˜ ์ ์šฉ (ReactQuery)

์›Œํ”„ (Warp)
ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

์Œ์› ๋งˆ์Šคํ„ฐ๋ง ํ™ˆํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.

์›ํ•˜๋Š” ์Œ์›์„ ์ฒจ๋ถ€ํ•˜๊ณ  ์Œ์›์„ ๋ฏน์‹ฑํ•˜๊ฑฐ๋‚˜, ๋ฆฌ๋“ฌ์„ ๋ณ€๊ฒฝ์ด ๊ฐ€๋Šฅํ•œ ํ™ˆํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- React โ‡’ ์œ ์ €๋‹จ

- Context API โ‡’ ์ƒํƒœ๊ด€๋ฆฌ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 20 % ๊ธฐ์—ฌ

- ๋‹ค๊ตญ์–ด ์„œ๋น„์Šค ์ ์šฉ (๋ฐ์ดํ„ฐ ์—ฐ๋™ ๋ฐ ์Šคํƒ€์ผ)

- Drag&Drop ์œผ๋กœ ํŒŒ์ผ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ์ ์šฉ (ํŒŒ์ผ ์šฉ๋Ÿ‰ ์ œํ•œ(200mb))

- ํŒŒ์ผ ํฌ๋งท ํ›„ ๋‹ค์šด๋กœ๋“œ ๊ธฐ๋Šฅ ์ ์šฉ

ํŽซํŠธ์›Œํฌ (PetWork) ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

๋ฐ˜๋ ค๋™๋ฌผ ๊ด€๋ จ ์ •๋ณด๋ฅผ ๊ณต์œ ํ•˜๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ ์‚ฌ์ดํŠธ ์ž…๋‹ˆ๋‹ค.

์šฉํ’ˆ ์ •๋ณด, ๋ธŒ๋žœ๋“œ, ์œ ์ €๋“ค๋ผ๋ฆฌ ์ •๋ณด๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- React โ‡’ ์œ ์ €๋‹จ

- Redux, Context API โ‡’ ์ƒํƒœ ๊ด€๋ฆฌ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 100 % ๊ธฐ์—ฌ

- ์†Œ์…œ ๋กœ๊ทธ์ธ์ ์šฉ (์นด์นด์˜คํ†ก, ๋„ค์ด๋ฒ„, ์• ํ”Œ)

- CRUD ๊ธฐ๋Šฅ ์ ์šฉ

- ํŽ˜์ด์ง€๋„ค์ด์…˜ ์ฒ˜๋ฆฌ (๋ฆฌ์ŠคํŠธ, ๋Œ“๊ธ€)

- ์ถ”์ฒœ, ๊ด€๋ จ ๊ฒ€์ƒ‰์–ด ๊ธฐ๋Šฅ ์ ์šฉ (๊ตฌ๊ธ€ ์ž์—ฐ์–ด NLP)

- ๊ณต์œ  ๊ธฐ๋Šฅ ์ ์šฉ(์นด์นด์˜ค ๊ณต์œ )

- ์ตœ๊ทผ ๊ฒ€์ƒ‰์–ด ๊ธฐ๋Šฅ ์ ์šฉ

Projects [๊ฐœ์ธ]

๊ฐœ์ธ์ ์œผ๋กœ ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ์ด๋ฉฐ, ์ตœ์‹  ์ˆœ์œผ๋กœ ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

ํ•˜์ฟ ๋‚˜๋งˆํƒ€ํƒ€ (HakunaMatata) ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

๊ณ ๋ฏผ์„ ์ด์•ผ๊ธฐํ•˜๊ณ  ์œ„๋กœ๋ฅผ ์ „ํ•ด์ฃผ๋Š” ์ต๋ช… ๊ณ ๋ฏผ ์ƒ๋‹ด ์ปค๋ฎค๋‹ˆํ‹ฐ ์•ฑ์ž…๋‹ˆ๋‹ค.

๊ณ ๋ฏผ๋‹˜์ด ๊ณ ๋ฏผ์„ ์ž‘์„ฑํ•˜๋ฉด, ์œ„๋กœ๋‹˜์ด ๋”ฐ๋“ฏํ•œ ๋ง์„ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์œ„๋กœ์˜ ๋ง์€ ์ž‘์„ฑ์ž์ธ ๊ณ ๋ฏผ๋‹˜๋งŒ ํ™•์ธ๊ฐ€๋Šฅํ•œ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- Dart โ‡’ ์œ ์ €๋‹จ

- Provider โ‡’ ์ƒํƒœ ๊ด€๋ฆฌ

- MVVM ํŒจํ„ด ์ ์šฉ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 50 % ๊ธฐ์—ฌ

- firebase ์†Œ์…œ ๋กœ๊ทธ์ธ (๊ตฌ๊ธ€ ๋กœ๊ทธ์ธ , ์• ํ”Œ ๋กœ๊ทธ์ธ)

- ๊ณ ๋ฏผ๊ธ€ ์ž‘์„ฑ , ์กฐํšŒ , ์ˆ˜์ • , ์‚ญ์ œ

- ์œ„๋กœ๊ธ€ ์ž‘์„ฑ , ์กฐํšŒ , ์ˆ˜์ • , ์‚ญ์ œ

- ๋ช…์–ธ ๋ฆฌ์ŠคํŠธ ์กฐํšŒ (Read)

- ๋ช…์–ธ ๋ฐฐ๊ฒฝ ๋ฆฌ์ŠคํŠธ ์กฐํšŒ (Read)

- ๋‚ด๊ฐ€ ์“ด ๊ณ ๋ฏผ , ๋‚ด๊ฐ€ ์“ด ์œ„๋กœ ์กฐํšŒ

- ๋‚ด๊ฐ€ ๋ฐ›์€ ์œ„๋กœ ์กฐํšŒ

- ๊ณ ๋ฏผ๊ธ€ , ์œ„๋กœ๊ธ€ ํŽ˜์ด์ง€ ๋„ค์ด์…˜

- ๊ณ ๋ฏผ๊ธ€ ๊ฒ€์ƒ‰

- ๊ณ ๋ฏผ๊ธ€ ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ ํ•„ํ„ฐ

- Provider ์‚ฌ์šฉ

๋…ธ๋ž˜๋ฐฉ ๋…ธ๋ž˜ ๊ฒ€์ƒ‰ ํ”„๋กœ์ ํŠธ ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

๋…ธ๋ž˜๋ฐฉ API ๋ฅผ ํ†ตํ•ด์„œ ๋…ธ๋ž˜๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- Dart โ‡’ ์œ ์ €๋‹จ

- Provider โ‡’ ์ƒํƒœ๊ด€๋ฆฌ

- MVVM ํŒจํ„ด ์ ์šฉ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 100 % ๊ธฐ์—ฌ

- Dio๋ฅผ ํ†ตํ•œ api ์—ฐ๋™

- Provider ๋ฅผ ํ†ตํ•œ ์ƒํƒœ๊ด€๋ฆฌ

- ๋…ธ๋ž˜ ์ œ๋ชฉ, ๊ฐ€์ˆ˜ ๊ฒ€์ƒ‰์„ ํ†ตํ•œ ๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ

- ํ•„ํ„ฐ ์ ์šฉ(๋…ธ๋ž˜, ๊ฐ€์ˆ˜, ๋…ธ๋ž˜ ๋ธŒ๋žœ๋“œ)

์งฑ๊ตฌ MBTI ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

mock-data ๋ฅผ ํ†ตํ•ด ์„ ํƒํ•œ ๋‹ต๋ณ€์— ๋Œ€ํ•œ mbti ๊ฒฐ๊ณผ๋ฅผ ์ถœ๋ ฅํ•ด์ฃผ๋Š” ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์Šคํƒ

- Dart โ‡’ ์œ ์ €๋‹จ

- Firebase โ‡’ ์œ ์ €๋‹จ

- Provider => ์ƒํƒœ๊ด€๋ฆฌ

- vue.js โ‡’ ๊ด€๋ฆฌ์ž๋‹จ

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋ฐ ๊ธฐ์—ฌ๋„

- 100 % ๊ธฐ์—ฌ

- mock ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•œ ๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ

- Dio ๋ฅผ ํ†ตํ•œ API ํ†ต์‹ 

- ์„ ํƒ์„ ํ†ตํ•œ ๊ฒฐ๊ณผ ๋„์ถœ


๐Ÿ”— ๊นƒํ—ˆ๋ธŒ

SHT-3756 - Overview