First Project (4)

codedotΒ·2021λ…„ 12μ›” 19일
0

First Project 4일차 ✍🏻

ν”Όλ“œλ°±

ν”Όλ“œλ°±μ„ λ°›μ•˜λ‹€.
처음 μž‘μ„±ν•œκ²ƒ μΉ˜κ³ λŠ” 잘 μž‘μ„±ν–ˆλ‹€λŠ” 평이 λ§Žμ•„ 기뢄이 μ’‹μ•˜λ‹€.
λ¬Όλ‘ , μˆ˜μ •ν•΄μ•Ό ν•  뢀뢄이 μ’€ μžˆκΈ°λŠ” ν–ˆμ§€λ§Œ 회의λ₯Ό 톡해 νŒ€μ›λ“€κ³Ό 차근히 보완해 λ‚˜κ°€κΈ°λ‘œ ν–ˆλ‹€.
사싀 배포λ₯Ό μ–΄λŠμ •λ„ κ΅¬ν˜„ν•œ 뒀에 ν•˜λ € ν–ˆλŠ”λ°, ν”Όλ“œλ°±μ—μ„œ 1차적으둜 μ„œλ²„μ™€ ν΄λΌμ΄μ–ΈνŠΈ λΆ€λΆ„μ—μ„œ κΌ­ ν•΄λ³΄λΌλŠ” 말씀이 μžˆμ–΄ 이 뢀뢄도 ν•΄λ΄€λŠ”λ° 생각지 λͺ»ν•œ λ¬Έμ œκ°€ λ°œμƒν•΄ ν•΄κ²°ν•˜λŠ”λ° 쑰금 μ‹œκ°„μ΄ κ±Έλ Έλ‹€.
해보길 잘 ν–ˆλ‹€λŠ” 생각이 λ“€μ—ˆλ‹€.
μ™„μ„±λœ 뢀뢄을 ν† λŒ€λ‘œ μ΄μ œλŠ” λ§Œλ“€μ–΄ 보면 될 것 κ°™λ‹€.


λ””ν…ŒμΌ

사싀 ν”„λ‘œν† νƒ€μž…μ„ μ€‘μš”ν•˜κ²Œ μƒκ°ν•˜μ§€ μ•Šμ•˜λ‹€.
μ™€μ΄μ–΄ν”„λ ˆμž„μ„ λ§Œλ“€κΈ° μœ„ν•œ μΌμ’…μ˜ 밑그림이라 μƒκ°ν–ˆλŠ”λ° λ‹΄λ‹Ή μ—”μ§€λ‹ˆμ–΄λ‹˜μ˜ ν”Όλ“œλ°±μ—μ„œ μ’€ 더 ꡬ체적인 ν”„λ‘œν† νƒ€μž…μ„ λ§Œλ“€μ–΄ λ³΄λΌλŠ” 말씀이 μžˆμ—ˆλ‹€.
μ²˜μŒμ—λŠ” 잘 이해가 κ°€μ§€ μ•Šμ•˜λ‹€.
μ™€μ΄μ–΄ν”„λ ˆμž„μ— νƒœκ·Έ μ΄λ¦„κΉŒμ§€ ν•˜λ‚˜ν•˜λ‚˜ λ„£μ—ˆκ³  λŒ€μΆ© μš°λ¦¬κ°€ μƒκ°ν•˜λŠ” λŠλ‚Œμ΄ μžˆλŠ”λ° μ™œ 더 λ””ν…ŒμΌν•˜κ²Œ λ§Œλ“€μ–΄ λ³΄λΌλŠ” 건지 이해가 κ°€μ§€ μ•Šμ•˜λ‹€.
μ΄μœ κ°€ μžˆκ² μ§€ ν•˜κ³  이미지λ₯Ό λ„£μ–΄κ°€λ©΄ μƒκ°ν–ˆλ˜ 레퍼런슀 μ‚¬μ΄νŠΈλ“€μ„ μ°Έκ³ ν•˜λ©° λ‹€μ‹œ ν•œλ²ˆ λ§Œλ“€μ–΄ λ΄€λ‹€.
λ§Œλ“€λ‹€ λ³΄λ‹ˆ ꡬ체적인 μ»¬λŸ¬λ‚˜, μ–΄λ–€ 이미지λ₯Ό μ‚¬μš©ν• μ§€μ— λŒ€ν•œ ν•΄κ²°μ±…(?)이 λ‚˜μ˜¨κ²ƒ κ°™μ•˜λ‹€.
사싀 μƒ‰μƒμ΄λ‚˜ 이미지에 λŒ€ν•΄ λ¨Έλ¦¬λ‘œλŠ” κ·Έλ €μ§€λŠ”λ° μ–΄λ–€μ‹μœΌλ‘œ ν•΄μ•Όν• μ§€ λ§‰λ§‰ν•œκ±΄ μ‚¬μ‹€μ΄μ˜€λ‹€.
이 κ³Όμ •μ—μ„œ 이미지도 μž”λœ© μ°Ύμ•„λ³΄κ²Œ 되고 색상은 μ–΄λ–€μ‹μœΌλ‘œ 할지에 λŒ€ν•΄ 이것 저것 λŒ€μž…ν•΄λ³΄κ³  각자의 μ˜κ²¬μ„ λ“€μ–΄κ°€λ©° μ •ν•΄κ°”λ‹€.
ν”„λ‘œν† νƒ€μž…μ„ ꡬ체적으둜 λ§Œλ“€κ³  λ‚˜λ©΄μ„œ ν•˜κΈΈ μž˜ν–ˆλ‹€ μƒκ°ν–ˆλ‹€.
λ‹€μ‹œ ν•œλ²ˆ 정리도 되고 μ΄μ œλŠ” λ§Œλ“€μ–΄μ§„ ν”„λ‘œν† νƒ€μž…κ³Ό μ™€μ΄μ–΄ν”„λ ˆμž„μ„ 따라 λ§Œλ“€κΈ°λ§Œ ν•˜λ©΄ 됬닀.
λ‹€ μ΄μœ κ°€ μžˆκ΅¬λ‚˜ 생각이 λ“€μ—ˆλ‹€.

초기 ν”„λ‘œν† νƒ€μž…

μˆ˜μ •λœ ν”„λ‘œν† νƒ€μž…


ν”„λ‘ νŠΈμ—”λ“œμ˜ λ§›

ν”Όλ“œλ°±λ„ λ°›μ•˜κ² λ‹€ 본격으둜 μ„œλ²„μ™€ ν”„λ‘ νŠΈκ°€ λ‚˜λ‰˜μ–΄ μ½”λ“œλ₯Ό μž‘μ„±ν•˜κΈ° μ‹œμž‘ν–ˆλ‹€.
μ„ΈνŒ…μ„ 마치고 μ½”λ“œλ₯Ό μž‘μ„±ν•˜λ € ν–ˆλŠ”λ° μ˜€λžœλ§Œμ— λ¦¬μ•‘νŠΈλ₯Ό ν•˜κ²Œλ˜μ„œ κ·ΈλŸ°μ§€ 뭘 μ–΄λ–»κ²Œ μž‘μ„±ν•΄μ•Ό ν• μ§€ λ§‰λ§‰ν–ˆλ‹€.
μ΄ˆλ°˜μ— μ‚½μ§ˆμ„ λΆ„λͺ… μ˜ˆμƒν–ˆμ§€λ§Œ 막상 λ‹€κ°€μ˜€λ‹ˆ λ§ˆμŒμ€ κΈ‰ν•˜κ³  정신이 μ—†μ—ˆλ‹€.
κ°€μž₯ μ€‘μš”ν•˜κ²Œ μƒκ°ν•œ λ Œλ”©νŽ˜μ΄μ§€λΆ€ν„° μ‹œμž‘ν–ˆκ³  ν•˜λ‚˜ν•˜λ‚˜ λ§Œλ“€μ–΄κ°€λ©° npm startλ₯Ό 눌러 μž‘μ„±ν•œ μ½”λ“œλ₯Ό ν™•μΈν–ˆμ„ λ•Œ 화면에 λ‚˜νƒ€λ‚˜λŠ” λͺ¨μŠ΅μ„ 보고 기뻀닀.
혼자 ν–ˆμœΌλ©΄ 더 였랜 μ‹œκ°„μ΄ κ±Έλ Έκ² μ§€λ§Œ νŒ€μ›κ³Ό ν•¨κ»˜ ν•˜λ‹€λ³΄λ‹ˆ μ–΄λŠμƒˆ λ Œλ”©νŽ˜μ΄μ§€λ₯Ό μ™„μ„±ν–ˆλ‹€.(음 사싀 완성이라고 ν•˜κΈ΄ κ·Έλ ‡κ³  초기 κ΅¬ν˜„ 성곡?)
μ•„~ λ‹€ν–‰μ΄λ‹€γ…Žγ…Ž
λ‚˜μ€‘μ— css μ’€ λ‹€λ“¬μœΌλ©΄ 만쑱 ν•  λ§Œν•œ 결과물이 λ‚˜μ˜¬κ²ƒ κ°™μ•˜λ‹€!
이 맛에 ν”„λ‘ νŠΈν•˜μ§€ ν•˜λ©° μ™„μ„±λœ λͺ¨μŠ΅μ„ 보며 νŒ€μ›κ³Ό λΏŒλ“―ν•΄ ν–ˆλ‹€ γ…‹γ…‹γ…‹γ…‹
μž¬λ°Œλ„€ γ…Žγ…Ž πŸ˜„

profile
Loding...

0개의 λŒ“κΈ€