/////
Search
Duplicate
🍦

Web,λ“œλ₯˜

Created
2022/05/16 12:50
Tags

λ“œλ₯˜ | λ°•μ„±ν˜Έ

Β  INTP
Β  Frontend Web Developer
Β  parksungho320@gmail.com
Β  Github : https://github.com/psh320

Β  About Me

μ•ˆλ…•ν•˜μ„Έμš”!
μ €λŠ” μ‚¬λžŒλ“€μ΄ νŽΈλ¦¬ν•˜κ³  즐겁게 μ΄μš©ν•˜λŠ” μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€κ³  싢은 개발자 λ°•μ„±ν˜Έμž…λ‹ˆλ‹€

μƒˆλ‘œμš΄ 것에 λ„μ „ν•˜λŠ” 개발자

μ €λŠ” ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžλ‘œμ„œ 아직 λ¦¬μ•‘νŠΈμ™€ λ¦¬λ•μŠ€λ§Œ μ΄μš©ν•΄μ„œ νŽ˜μ΄μ§€λ₯Ό λ§Œλ“€μ–΄λ³Έ κ²½ν—˜μ΄ μžˆμ§€λ§Œ μƒˆλ‘œμš΄ 기술과 μ–Έμ–΄λ₯Ό λ°°μš°λŠ”κ²ƒμ„ λ‘λ €μ›Œ ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. μ €λŠ” 기획자, λ””μžμ΄λ„ˆ ν˜Ήμ€ λ‹€λ₯Έ κ°œλ°œμžλ“€κ³Ό 개발방ν–₯을 μ •ν•˜κ³  이야기λ₯Ό λ‚˜λˆŒλ•Œ μ–΄λ–€ 기술, μ–Έμ–΄ ν˜Ήμ€ 라이브러리λ₯Ό μ¨μ•Όν•œλ‹€κ³  ν•˜λ©΄ CMC와 μ €λ₯Ό μœ„ν•΄ λ°”λ‘œ μ‹œκ°„μ„ νˆ¬μžν•˜μ—¬ 배울 μ€€λΉ„κ°€ λ˜μ–΄μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ 앱을 λŸ°μΉ­ν•˜λŠ” CMC νŠΉμ„±μƒ ν•„μš”λ‘œ ν•œλ‹€λ©΄ λ¦¬μ•‘νŠΈ λ„€μ΄ν‹°λΈŒ μ—­μ‹œ 배우고자 ν•˜λŠ” 열정도 μžˆμŠ΅λ‹ˆλ‹€. μ‹œμž‘ν•˜λŠ”κ²ƒμ΄ μ–΄λ €μšΈλΏ μŠ΅λ“λ ₯κ³Ό 적응은 금방 ν•˜λŠ” νŽΈμ΄λ―€λ‘œ μƒˆλ‘œμš΄κ²ƒμ„ 맞λ‹₯λœ¨λ¦΄λ•Œ 큰 λ¬Έμ œλŠ” μ—†μŠ΅λ‹ˆλ‹€!

λˆκΈ°μ™€ 근성이 μžˆλŠ” 개발자

μ €λŠ” 주어진 일이 있고 λ°λ“œλΌμΈμ΄ 생기면 밀을 μƒˆλ”λΌλ„ 끝내렀고 ν•˜λŠ” μ„±κ²©μž…λ‹ˆλ‹€. λ‹€λ₯Έ 기획자 뢄듀이 ν”„λ‘œμ νŠΈ λ§€λ‹ˆμ§• ν• λ•Œ λ§Œλ“  λ°λ“œλΌμΈμ„ 지킀며 ν•œλ²ˆ 맑은 업무λ₯Ό μ±…μž„κ°μ„ 가지고 마치렀 ν•©λ‹ˆλ‹€.

ν˜‘μ—…ν•˜λŠ” 개발자

κ°œμΈμ—­λŸ‰λ„ μ€‘μš”ν•˜μ§€λ§Œ, 이런 νŒ€ λ‹¨μœ„λ‘œ κ°œλ°œμ„ ν• λ•Œ κ°€μž₯ μ€‘μš”ν•œκ±΄ ν˜‘μ—…μž…λ‹ˆλ‹€! κ°€λŠ”λ§μ΄ 고와야 μ˜€λŠ”λ§μ΄ 곱듯이 μ„œλ‘œ ν•„μš”ν•œκ²ƒμ„ λ§ν•˜κ³  μš”κ΅¬ν• λ•Œ μƒλŒ€λ°©μ„ λ°°λ €ν•˜λ©° μ΄ν•΄ν•œ μƒνƒœμ—μ„œ 말해야 ν•œλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. ν˜Ήμ—¬λ‚˜ μ²¨μ˜ˆν•˜κ²Œ λΆ€λ”ͺνžˆλŠ” κ°ˆλ“±μ΄ 생기더라도, μƒλŒ€λ°©μ˜ 문제λ₯Ό 저도 곡뢀해보고 νŒŒμ•…ν•œλ’€ 수용 λ˜λŠ” 섀득을 μ§„ν–‰ν• κ²ƒμž…λ‹ˆλ‹€. μ €λŠ” μ‚¬λžŒκ³Ό μΌν• λ•Œ 즐겁고 μœ μΎŒν•˜κ²Œ 일 ν•˜λŠ” 것을 μ’‹μ•„ν•˜κ³  항상 κΈμ •μ μœΌλ‘œ ν˜‘μ—…ν•˜λ©° κ°œλ°œν•©λ‹ˆλ‹€!
μ €λŠ” κ°œλ°œν• λ•Œ κ°€μž₯ ν–‰λ³΅ν•˜κ³  성취감을 λŠλΌλŠ” μˆœκ°„μ€ λ‹€λ₯Έ μ‚¬μš©μžκ°€ μ œκ°€ 직접 λ§Œλ“€κ³  μ„€κ³„ν•œ μ„œλΉ„μŠ€λ₯Ό μ‚¬μš©ν•˜λŠ” λͺ¨μŠ΅μ„ λ³Όλ•Œ μž…λ‹ˆλ‹€. κ·Έλž˜μ„œ 이번 CMC 10기에 저와 뜻이 같은 λ§Žμ€ κ°œλ°œμžλΆ„λ“€κ³Ό ν•¨κ»˜ 무언가 λ§Œλ“€μ–΄κ°ˆ 생각에 벌써 κΈ°λŒ€κ°€ λ©λ‹ˆλ‹€!
Search
Β  Skills & Technologies (1)
μ‚¬μš©μ–Έμ–΄
6
ν˜‘μ—…νˆ΄
5

Β  Activity & Experience

라이징 μΊ ν”„ 4κΈ° ν”„λ‘ νŠΈμ—”λ“œ μ›Ή κ³Όμ • 수료 (2022.02~2022.04)
β€’
κΉƒν—™ 연동, 퍼블리싱 μ™„λ£Œ
β€’
λ¦¬μ•‘νŠΈ 기반의 μ›Ή 개발 에어비엔비, λ„·ν”Œλ¦­μŠ€ 클둠 μ½”λ”©
β€’
λ°±μ—”λ“œ 개발자 λΆ„λ“€κ³Ό ν˜‘λ ₯ν•˜λ©° μ†Œν†΅μ„ ν•˜λ©° 개발, Restful API μ‚¬μš©.
Document On Ready Ltd (Hong Kong) (2019.06~2020.06)
μ›Ή 개발자
β€’
PHPλ₯Ό μ΄μš©ν•œ μ›Ή 개발 및 μœ μ§€λ³΄μˆ˜λ₯Ό 함.
β€’
μ£Όμš” 관리 μ‚¬μ΄νŠΈλŠ” GU Hong Kong (https://www.gu-global.com/hk/) (의λ₯˜ νŽ˜μ΄μ§€)
β€’
GU Hong Kong 의 재고 관리 μ‹œμŠ€ν…œ λ°±μ˜€ν”ΌμŠ€ 개발
β—¦
ν΄λΌμ΄μ–ΈνŠΈκ°€ 의λ₯˜ 재고 κ΄€λ ¨ 데이터가 λ‹΄κΈ΄ 엑셀을 μ—…λ‘œλ“œ ν• μˆ˜μžˆλŠ” μ–΄λ“œλ―Ό νŽ˜μ΄μ§€ μΆ”κ°€
β—¦
μ—…λ‘œλ“œμ‹œ 10000개 데이터 κΈ°μ€€, 데이터 μ²˜λ¦¬μ‹œΒ 10λΆ„ μ΄μƒμœΌλ‘œ λ„˜μ–΄κ°€ λŸ°νƒ€μž„ μ—λŸ¬κ°€ 뜨던 ν”„λ‘œμ„ΈμŠ€λ₯ΌΒ 4~5λΆ„μœΌλ‘œΒ λ‹¨μΆ•.
β—¦
데이터λ₯Ό 기반으둜 μž¬κ³ κ°€ μžˆλŠ”μ§€ μ—†λŠ”μ§€ κ³„μ‚°ν•˜κ³ Β ν΄λΌμ΄μ–ΈνŠΈ μ‚¬μ΄νŠΈμ— λ°˜μ˜ν•˜κΈ°.
β€’
GU Hong Kong 메뉴, 컨텐츠 ꡬ성 μ‹œμŠ€ν…œ λ¦¬νŒ©ν† λ§
β—¦
κΈ°μ‘΄ μ‚¬μ΄νŠΈμ˜ 보여쀄 컨텐츠, 메뉴 ꡬ성 등등은 μ—‘μ…€ μ‹œνŠΈλ‘œ 컨트둀이 λ˜λŠ” ꡬ쑰 μ˜€μ§€λ§Œ, 자체 μ–΄λ“œλ―Ό νŽ˜μ΄μ§€μ—μ„œ ν•΄κ²°ν•˜λ„λ‘ λ³€κ²½.
β—¦
메뉴 뿐만 μ•„λ‹ˆλΌ μ œν’ˆμ— 뢙을 μ•„μ΄μ½˜ 및 기타 정보 μ—­μ‹œΒ μƒμ„±/μˆ˜μ •/μ‚­μ œΒ κ°€λŠ₯ν•˜κ²Œ μˆ˜μ •μ™„λ£Œ.
Search
Project

λ„·ν”Œλ¦­μŠ€ νšŒμ›κ°€μž…/둜그인, ν”„λ‘œν•„ 관리, 컨텐츠 λ‚˜μ—΄, μ˜μƒ μž¬μƒ, λͺ¨λ‹¬ μ°½ κ΅¬ν˜„

 개발 상세 정보

β€’
axios둜 λ°±μ—”λ“œ κ°œλ°œμžκ°€ μ œκ³΅ν•˜λŠ” Restful API 이용
β€’
μž…λ ₯ν•œ 이메일 μƒνƒœμ— λ”°λ₯Έ λ‹€λ₯Έ 둜그인/νšŒμ›κ°€μž… νŽ˜μ΄μ§€ κ΅¬ν˜„
β€’
ν”„λ‘œν•„ 관리 (생성/μ—…λ°μ΄νŠΈ/μ‚­μ œ) κ΅¬ν˜„
β€’
Reduxλ₯Ό μ΄μš©ν•΄ 각각 λ‹€λ₯Έ 컨텐츠 νŽ˜μ΄μ§€μ—μ„œ μƒμ„ΈνŽ˜μ΄μ§€ λͺ¨λ‹¬ 창을 μ‰½κ²Œ μ—΄κ³  λ‹«κΈ°
β€’
지속적인 ν”Όλ“œλ°±μœΌλ‘œ ν•„μš”ν•œ API μš”κ΅¬ν•˜λ©° λ°±μ—”λ“œμ™€ μ†Œν†΅κ³Ό ν˜‘μ—…μ˜ μ€‘μš”μ„± κ²½ν—˜
β€’
λ°˜μ‘ν˜• 이미지 μΊλŸ¬μ…€, 마우슀 ν˜Έλ²„ μ‹œ ν™•λŒ€λ˜λŠ” κΈ°λŠ₯ κ΅¬ν˜„
β€’
μ„œλ„ˆκ°œλ˜λŠ” Breakpoints (1450px, 950px, 550px...) λ₯Ό μ μš©ν•œ λ°˜μ‘ν˜• νŽ˜μ΄μ§€
β€’
Styled-Components μ΄μš©ν•˜μ—¬ μž¬μ‚¬μš© 및 μ§κ΄€μ μœΌλ‘œ CSS 적용
λ„·ν”Œλ¦­μŠ€ 클둠코딩

에어비엔비 메인 νŽ˜μ΄μ§€, μ„œμΉ˜ νŽ˜μ΄μ§€, 상세 νŽ˜μ΄μ§€ κ΅¬ν˜„

 개발 상세 정보

β€’
λ°˜μ‘ν˜• Header μŠ€ν¬λ‘€ν•˜κ±°λ‚˜ 검색 λ°” ν΄λ¦­μ‹œ ν™•λŒ€ 및 μΆ•μ†Œ κ΄€λ¦¬ν•˜λŠ” props둜 κ΅¬ν˜„
β€’
Reduxλ₯Ό μ΄μš©ν•΄μ„œ 검색 쑰건을 μ €μž₯ν•˜μ—¬ λ‹€μ–‘ν•œ νŽ˜μ΄μ§€μ—μ„œ 효율적인 props 관리
β€’
ꡬ글 맡 연동
β€’
이미지 μŠ¬λΌμ΄λ”, 달λ ₯ λ“± μ˜€ν”ˆμ†ŒμŠ€ λΌμ΄λΈŒλŸ¬λ¦¬λ“€ μ»€μŠ€ν…€ 및 ν™œμš©
에어비엔비 클둠코딩