WIL 22.10.31~22.11.06

WIL 22.10.31~22.11.06

πŸ† μ§€κΈˆμ€ μ·¨μ—… μ€€λΉ„ 쀑

πŸ€ μ½”λ”© 과제

ν•­ν•΄ 99의 μˆ˜λ£Œμ‹μ΄ λλ‚˜κ³  μ˜ˆμ •λ˜μ–΄ 있던 가쑱여행을 λ‹€λ…€μ˜€λŠλΌ κΏ€κ°™λ˜ 1μ£ΌμΌκ°„μ˜ νœ΄μ‹μ„ λ³΄λƒˆλ‹€.

κ³§λ°”λ‘œ 취업에 λ›°μ–΄λ“  λ‚˜λŠ” 여행을 κ°€κΈ°μ „ μ—¬κΈ°μ €κΈ° 이λ ₯μ„œλ₯Ό λ„£μ—ˆμ—ˆλŠ”λ° ν•˜ν•„ μ—¬ν–‰ 기간쀑에 μ½”λ”©κ³Όμ œκ°€ μΆœμ œλ˜μ–΄ 여행이 λλ‚œ ν›„ μ œμΆœκΉŒμ§€ 3일밖에 μ‹œκ°„μ΄ 남지 μ•Šμ•˜μ—ˆλ‹€.

μ œμΆœμ„ λͺ©ν‘œλ‘œ ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν–ˆκ³  λ‹€ν–‰νžˆ 큰 어렀움은 μ—†μ—ˆλ‹€. μ½”λ”© 과제 쀑 ν•„μˆ˜κ΅¬ν˜„ κΈ°λŠ₯듀은 λ”°λ‘œ ν¬μŠ€νŒ… ν•˜μ—¬ 정리해 λ‘μ—ˆλ‹€.

λͺ¨λ‹¬ νŒμ—… μ‹œ μŠ€ν¬λ‘€λ§‰κΈ° MoreButtom κ΅¬ν˜„ν•˜κΈ° ν΄λ¦½λ³΄λ“œ 볡사 κ΅¬ν˜„ν•˜κΈ° 과제 κΉƒν—ˆλΈŒ

과제 제좜 ν›„ 면접이 μž‘ν˜€ κ³§λ°”λ‘œ 면접을 보고 μ™”λ‹€.


πŸ€ λ©΄μ ‘

🌱 μ½”λ“œλ¦¬λ·°

λΆ€νŠΈμΊ ν”„λ₯Ό μ§„ν–‰ν•˜λ©° λ§€ ν”„λ‘œμ νŠΈκ°€ λλ‚ λ•Œλ§ˆλ‹€ μ½”λ“œλ¦¬λ·°λ₯Ό μ§„ν–‰ν–ˆμ—ˆλ‹€. 그런데 λ©΄μ ‘μž₯μ—μ„œ λ‚΄ λ…ΈνŠΈλΆλ„ μ•„λ‹ˆκ³  λͺ¨λ“  것이 λ‚―μ„  ν™˜κ²½μ—μ„œ λ°œν‘œλ₯Ό ν•˜λŠ”κ±΄ 생각보닀 μ–΄λ €μš΄ μΌμ΄μ˜€λ‹€. 사싀 μžμ‹ μžˆλŠ” μ½”λ“œλ“€μ€ ν›„λ°˜λΆ€μ— μžˆλŠ” 데 μ€‘λ°˜λΆ€κΉŒμ§€ λ“€μœΌμ‹œκ³€ κ±°κΈ°κΉŒμ§€ ν•˜μ‹œλ©΄ 될 것 κ°™λ‹€κ³  λŠμœΌμ…”μ„œ μ•„μ‰¬μ› μ§€λ§Œ μ˜ˆμƒμ™Έλ‘œ λ‚΄ μ½”λ“œλ₯Ό λ§˜μ— λ“ λ‹€κ³  μΉ­μ°¬ν•΄ μ£Όμ…”μ„œ λ„ˆλ¬΄ κ°μ‚¬ν–ˆλ‹€. λΆ€νŠΈμΊ ν”„λ₯Ό μ§„ν–‰ν•˜λ©° 사싀 μš°λ¦¬λ“€λ§Œμ˜ 리그둜 μ„œλ‘œ 칭찬은 μ£Όκ³  λ°›μ§€λ§Œ λ‚΄ μ‹€λ ₯에 λŒ€ν•΄ 늘 λΆˆμ•ˆν•¨μ΄ μžˆμ—ˆμ—ˆλ‹€. 그런데 처음으둜 ν˜„μ—… κ°œλ°œμžλΆ„κ»˜ λ‚΄κ°€ μ§  μ½”λ“œμ— λŒ€ν•΄ ν‰κ°€λ°›λŠ” μ‹œκ°„μ΄ λ˜μ—ˆκ³  κ±°κΈ°λ‹€ 쒋은 평가λ₯Ό λ°›μœΌλ‹ˆ λΆ€νŠΈμΊ ν”„ 기간이 ν—›λ˜μ§„ μ•Šμ•˜κ΅¬λ‚˜ 또 μ•žμœΌλ‘œλ„ μ—΄μ‹¬νžˆ ν•΄μ•Όκ² λ‹€λŠ” 원동λ ₯이 λ˜μ—ˆλ‹€.

λͺ‡κ°€μ§€ μ•„μ‰¬μš΄ 점도 말씀해 μ£Όμ…¨λŠ”λ°

1.λ°μ΄ν„°λ‚˜ μ•„μ΄μ½˜λ“±μ„ importν•  λ•Œ 이름을 μΉ΄λ©œμΌ€μ΄μŠ€λ₯Ό μ§€ν‚€μ§€ μ•ŠλŠ”μ  2.μ»΄ν¬λ„ŒνŠΈ 이름을 left, right λ“± 으둜 μ§€μ •ν•΄ λ‹€λ₯Έ μ‚¬λžŒμ΄ μ•Œμ•„λ³΄κΈ° νž˜λ“ μ  (μ•žμœΌλ‘  λ³€μˆ˜μ΄λ¦„ 뿐만 μ•„λ‹ˆλΌ μ»΄ν¬λ„ŒνŠΈ 이름도 μ‹ μ€‘ν•˜μž!) 3.λͺ¨λ‹¬νŒμ—…을 μ»΄ν¬λ„ŒνŠΈλ‘œ λΆ„λ¦¬μ‹œν‚€μ§€ μ•Šμ€ 점 (μž¬ν™œμš©μ„±μ„ 늘 μ‹ κ²½μ“°μž!)

λΆ€νŠΈμΊ ν”„λŠ” κ°€λ₯΄μ³ μ£ΌλŠ” 강사가 μžˆλŠ” 것도 μ•„λ‹ˆκ³  μžκΈ°μ£Όλ„μ  ν•™μŠ΅μ΄κΈ° λ•Œλ¬Έμ— μœ„μ˜ 지적사항듀은 λ‚΄κ°€ 코딩을 μ‹œμž‘ν•˜λ©΄μ„œ λΆ€ν„° μžμ—°μŠ€λŸ½κ²Œ μƒκ²Όλ˜ μŠ΅κ΄€λ“€μ΄μ˜€λ‹€. ν•˜μ§€λ§Œ κ·Έλ™μ•ˆ λˆ„κ΅°κ°€μ—κ²Œ ν•œλ²ˆλ„ 지적을 받은 적이 μ—†μ–΄ λ‹Ήμ—°ν•˜κ²Œ μƒκ°ν•˜λ©° μ½”λ”©ν–ˆμ—ˆλŠ”λ° 이런 지적듀을 받을 수 μžˆμ–΄μ„œ κ°μ‚¬ν–ˆλ‹€. 쑰금 더 μ„±μž₯ ν•˜λŠ” κΈ°νšŒκ°€ λ˜μ—ˆλ‹€.

🌱 κΈ°μˆ λ©΄μ ‘ μ§ˆμ˜μ‘λ‹΅

기본적인 cs μ§ˆλ¬ΈλΆ€ν„° μ•„μ£Ό λ‹€μ–‘ν•œ μ§ˆλ¬Έλ“€μ„ λ°›μ•˜λ‹€. κ³΅λΆ€ν–ˆλ˜ 기초 cs λ¬Έμ œλ“€μ€ 잘 λŒ€λ‹΅ν–ˆμ§€λ§Œ 정말 처음 λ“€μ–΄λ³΄λŠ” μš©μ–΄λ“€κ³Ό μ§ˆλ¬Έλ“€μ΄ λ§Žμ•˜κ³  λŒ€λ‹΅ν•˜μ§€ λͺ»ν•œ μ§ˆλ¬Έλ“€μ΄ κ³Όλ°˜μˆ˜μ˜€λ‹€. 사싀 λŒ€λ‹΅ν•˜μ§€ λͺ»ν•œ μ§ˆλ¬Έλ“€μ€ 잘 κΈ°μ–΅ν•΄ λ‘μ—ˆλ‹€κ°€ λ”°λ‘œ κ³΅λΆ€ν•˜λ©° ν¬μŠ€νŒ… ν•˜λ € ν–ˆμ§€λ§Œ 1μ‹œκ°„μ˜ 면접이 λλ‚˜κ³  λ©΄μ ‘μž₯을 λ‚˜μ˜€λ‹ˆ κΈ΄μž₯이 풀리며 무슨 μ§ˆλ¬Έμ„ λ°›μ•˜λŠ”μ§€ 아무생각도 λ‚˜μ§€ μ•Šμ•˜λ‹€...

μ˜ˆμƒν•˜μ§€ λͺ»ν•œμ μ€ κΈ°μˆ μŠ€νƒμ΄μ—ˆλ‹€. λΆ„λͺ… λ‚΄κ°€ μ§€μ›ν•œ 곡고에 μ•ˆλ‚΄λ˜μ–΄ μžˆλŠ” λ‚΄μš©λ“€μ€

β€’ React 기반의 web app, web service 개발 및 μœ μ§€λ³΄μˆ˜ κ²½ν—˜ β€’ Next.jsλ₯Ό ν†΅ν•œ μ„œλΉ„μŠ€ κ΅¬ν˜„, 운영 κ²½ν—˜ β€’ Typescriptλ₯Ό μ΄μš©ν•œ Javascript 정적 νƒ€μž… 뢄석 κ²½ν—˜

μ΄μ—ˆλŠ”λ° ν˜„μž¬ μžμ‚¬ ν”„λ‘œμ νŠΈλŠ” λ¦¬μ•‘νŠΈλ‚˜ λ„₯슀트λ₯Ό μ‚¬μš©ν•˜μ§€ μ•Šκ³  제이쿼리λ₯Ό μ‚¬μš©ν•œλ‹€κ³  ν•œλ‹€. 좔후에 λ¦¬μ•‘νŠΈκΈ°λ°˜μ˜ Next둜 λ„˜μ–΄κ°„λ‹€κ³  ν•˜λŠ” 데 μ΅œμ†Œ 1년은 λ¦¬μ•‘νŠΈλ₯Ό μ‚¬μš©ν•˜μ§€ μ•Šμ„ κ²ƒμ΄λΌλŠ” μ•ˆλ‚΄λ₯Ό λ°›μ•˜λ‹€. μ§€μ›ν•œ νšŒμ‚¬μ˜ λͺ¨λ“  점이 λ§ˆμŒμ— λ“€μ—ˆμ§€λ§Œ 이것 ν•˜λ‚˜λ§ŒμœΌλ‘œλ„ μž…μ‚¬μ— λŒ€ν•΄ 고민이 λœλ‹€. λ§Œμ•½ λ§Žμ€ 연봉을 받을 수 μžˆμ–΄λ„ λ§Žμ€ 볡지가 μžˆλ”λΌλ„ λ‚˜μ˜ 컀리어에 도움이 λ˜λŠ”μ§€λŠ” λͺ¨λ₯΄κ² λ‹€.

λ™μΌμ„ μƒμ—μ„œ μΆœλ°œν•œ λ™λ£Œλ“€μ€ 1λ…„ν›„ λ¦¬μ•‘νŠΈλ₯Ό μ‹€λ¬΄μ—μ„œ 1λ…„κ°„μ΄λ‚˜ μ‚¬μš©ν•΄λ³Έ κ°œλ°œκ²½ν—˜μ„ κ°–κ²Œλœλ‹€. ν•˜μ§€λ§Œ 1λ…„ ν›„ λ‚˜λŠ” μ–΄λ–¨κΉŒ? λ¬Όλ‘  μ‚¬μ΄λ“œλ‘œ λ¦¬μ•‘νŠΈμ™€ λ„₯μŠ€νŠΈλŠ” κ³΅λΆ€ν•˜κ² μ§€λ§Œ κ·Έλ“€κ³Ό 비ꡐ해선 μ–΄λ–¨κΉŒ? 제이쿼리λ₯Ό μ‚¬μš©ν•œ κ²½ν—˜μ΄ 그에 λΉ„ν•΄ 큰 μž₯점이 μžˆμ„ 까?

🌱 1μ°¨ λ©΄μ ‘ 합격

μ΄λ ‡κ²Œ 1μ°¨ 면접은 ν•©κ²©ν•˜κ³  내일 2μ°¨ 면접이 λ‚¨μ•„μžˆλ‹€. 1μ°¨ λ©΄μ ‘λ•Œ λ‚΄κ°€ μ•Œκ³  μžˆλŠ” 지식은 정말 μ₯μ–΄ μ§œλ‚΄μ„œ λ‹€ λ§ν•œ 것 같은데 2μ°¨μ—” μ–΄λ–€ μ§ˆλ¬Έλ“€μ„ 받을지 μ–΄λ–€κ±Έ 더 λ³΄μ—¬λ“œλ €μ•Ό ν• μ§€ λͺ¨λ₯΄κ² λ‹€. ν”„λ‘ νŠΈμ—”λ“œ 개발자둜써 첫 면접듀이고 λ–¨μ–΄μ§„λ‹€ ν•˜λ”λΌλ„ 이 λͺ¨λ“ κ²Œ κ²½ν—˜μ΄ λœλ‹€λŠ” μ μ—μ„œ 면접은 정말 많이 κ²ͺ어봐야 도움이 될것 κ°™λ‹€.


πŸ€ 크림 클둠코딩

μ•žμ„  νšŒμ‚¬μ˜ 과제λ₯Ό μ œμΆœν•˜κ³  λ‚˜μ„œ κ³§λ°”λ‘œ 이전 νŒ€μ›λ“€κ³Ό λͺ¨μ—¬ 크림 클둠코딩을 μ‹œμž‘ν–ˆλ‹€. 사싀 μƒˆλ‘œμš΄ ν”„λ‘œμ νŠΈλ₯Ό λ§Œλ“€κ³  μ‹Άμ§€λ§Œ λ””μžμ΄λ„ˆλ₯Ό κ΅¬ν•œλ‹€λŠ” 건 쉽지 μ•Šμ€ 일이고 우리의 λͺ©μ μ€ λΆ€νŠΈμΊ ν”„μ˜ μ‹€μ „ ν”„λ‘œμ νŠΈλ•Œ μ‚¬μš©ν•΄λ³΄μ§€ λͺ»ν•œ ν”„λ ˆμž„ μ›Œν¬λ‚˜ κΈ°μˆ λ“€μ„ μ‚¬μš©ν•΄λ³΄λŠ” 것이 λͺ©ν‘œμ˜€κΈ° λ•Œλ¬Έμ— 크림 클둠코딩을 κ³„νšν–ˆλ‹€. ν”„λ‘ νŠΈμ—”λ“œ νŒ€μ˜ 주된 λͺ©μ μ€ Next.js와 Recoil을 μ‚¬μš©ν•˜λŠ” 것이닀. Next.js에 Typescriptλ₯Ό μ μš©ν•˜μ—¬ μ΄ˆκΈ°μ„ΈνŒ…ν•˜λŠ” 것뢀터 쉽지 μ•Šμ•˜μ§€λ§Œ ν”„λ‘œμ νŠΈλŠ” ν˜„μž¬ 진행쀑이닀. ν”„λ‘œμ νŠΈκ°€ λλ‚˜λ©΄ Next.js 유료 κ°•μ˜λ₯Ό λ“€μ–΄λ³Ό 생각이닀.

클둠 μ½”λ”©ν•˜λ©° κ΄€λ ¨ 기둝듀을 ν¬μŠ€νŒ… ν•˜κ³  μžˆλ‹€.

Next.jsμ—μ„œ Styled-components μ μš©ν•˜κΈ° Nextjs+Typescript μ—μ„œ import imageν•˜κΈ° Scroll 에 λ”°λ₯Έ fixed κ΅¬ν˜„ν•˜κΈ°

JP
μ΄μ€‘ν‘œFrontend Engineer

3λ…„μ°¨ ν”„λ‘ νŠΈμ—”λ“œ 개발자. Next.js, React, TypeScript 기반 μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜ 개발 μ „λ¬Έ. λŒ€κ·œλͺ¨ νŠΈλž˜ν”½ ν™˜κ²½μ—μ„œ SSRΒ·ISR λ Œλ”λ§ μ „λž΅ 섀계 κ²½ν—˜.

이λ ₯μ„œ 보기→