[TIL] 220106

Lee Syong·2022년 1ė›” 6ėž
0

TIL

ëŠĐ록 ëģīęļ°
141/204
post-thumbnail

📝 ė˜Ī늘 한 ęēƒ

  1. ëģĩėŠĩ - DEPLOYMENT ė™„ëĢŒ

📚 ë°°ėšī ęēƒ (ëģĩėŠĩ)

배폎ëĨž ė™„ëĢŒí•˜ęģ  각ėĒ… ëē„ę·ļëĨž ėˆ˜ė •í–ˆë‹Ī
ė‹Īė œ ė―”드는 githubė— ė˜ŽëĶž(wetube_v2)

14. DEPLOYMENT

  • [TIL] 211223

    • input autofocus / search.scss / createdAt padStart (ėķ”ę°€)
    • ęļ°ëģļ ė•„바타 ėīëŊļė§€ ė§€ė • (ėķ”ę°€)
    • 동ė˜ėƒ & 댓ęļ€ ė‚­ė œ ė „ 확ėļ 팝ė—… ėķ”ę°€
  • [TIL] 211224

    • video.duration 가ė ļė˜Īęļ°
    • input(video.description)ė„ textarea로 ėˆ˜ė • (ėķ”ę°€)
    • textareaResize í•Ļėˆ˜ ėˆ˜ė • - scrollHeightė—ė„œ padding 값 ëđžęļ° (ėķ”ę°€)

💭 느낀 ė 

드디ė–ī ëģĩėŠĩęđŒė§€ ė™„ëĢŒí–ˆë‹Ī. ėē˜ėŒ ė ‘하는 nodeJSė™€ mongoDB 등 강ė˜ëĨž í†ĩí•ī 하나하나 ë°°ė›Œę°”던 ėē˜ėŒęģž 닮ëĶŽ ę·ļ동ė•ˆ ë°°ėšī ęēƒė„ 토대로 ėē˜ėŒëķ€í„° 끝ęđŒė§€ ėŠĪėŠĪ로 ė§ė ‘ ė°ūė•„ę°€ęģ  ęĩŽí˜„í•ī가ëĐīė„œ ë‚ī가 ė‹Īė œëĄœ ė–ī디ęđŒė§€ ė•Œęģ  ėžˆëŠ”ė§€ëĨž ė ęē€í•˜ëŠ” ė‹œę°„ėīė—ˆë‹Ī.

ėē˜ėŒ ęĩŽí˜„í•  때(211111~211224) 가ėžĨ ė–īë Īė› ë˜ ëķ€ëķ„ė„ ęž―ėžëĐī ëœŧ밖ė— ėœˆë„ėš°ė—ė„œ ëĶŽëˆ…ėŠĪ 개발 환ęē― ęĩŽėķ•í•˜ęļ°ė˜€ë‹Ī. 프로ė íŠļëĨž ė‹œėž‘하ęļ°ë„ ė „ė— ėī ëķ€ëķ„ė—ė„œ ė˜Ļ갖 ė—ëŸŽëĨž 마ėĢží•˜ëĐīė„œ ė •ë§ ė–īë Īė› ë˜ ęļ°ė–ĩėī ėžˆęģ , ę·ļ 후ė— nodeJSė™€ mongoDB 등ė€ ęąąė •í–ˆė§€ë§Œ ė˜ė™ļ로 ėžŽë°ŒęēŒ ë°°ėš°ë‹Ī가 SCSS가 등ėžĨ하ęģ  ėŠĪ타ėžë§ė„ 하ëĐīė„œ 또 한ëēˆ ęģ ëđ„ëĨž ęēŠė—ˆë˜ ęą° 같ë‹Ī. 나ëĶ„ëŒ€ëĄœ ė •ëĶŽëĨž 한 후 또 ėž˜ 하ë‹Ī가 마ė§€ë§‰ 배폎 ęģžė •ė—ė„œ CORS ė—ëŸŽëĨž 맞ë‹ĨëœĻëĶŽęģ  ė—­ëŒ€ęļ‰ ęģ ëđ„ëĨž ęēŠė€ 후 ė–īė°Œė €ė°Œí•īė„œ ė™„ė„ąė„ 했ë‹Ī. ė‹œėž‘í•  때도 ė—ëŸŽ 하나 때ëŽļė— ëĐ°ėđ ė„ ė• ëĻđė—ˆëŠ”데 끝날 때도 ė—ëŸŽ 하나 때ëŽļė— ëĐ°ėđ ė„ ė• ëĻđė—ˆë‹Ī. ė“ļ데ė—†ėī ė™„ëē―한 ėˆ˜ëŊļėƒęī€.

두 ëēˆė§ļ ęĩŽí˜„í•  때(211224~220106...)는 ę·ļ동ė•ˆ ë°°ėšī ë°Đ대한 ë‚īėšĐë“Īė„ ë‚ī가 ė–žë§ˆë‚˜ ë‚ī ęēƒėœžëĄœ ė•Œęģ  ėžˆëŠ”ė§€ëĨž 확ėļ하ęģ  하나ė˜ ėļ터렉티ëļŒí•œ ė›đ ė‚ŽėīíŠļëĨž 만드는 ęģžė •ė„ ėē˜ėŒëķ€í„° 끝ęđŒė§€ ė •ëĶŽí•˜ëŠ” ęēƒėī ëŠĐ표ė˜€ë‹Ī. ė•„ė˜ˆ ë°ąė§€ ėƒíƒœëķ€í„° ë‹Īė‹œ ė‹œėž‘í•īė„œ ėē˜ėŒęģž ëđ„ęĩí•ī 강ė˜ė—ė„œ ë°°ėš°ė§€ ė•Šė•˜ë˜ ęēƒë“Ī―ė†Œė œëŠĐ ë’Īė— (ėķ”ę°€)띞ęģ  ė“°ė—Ž ėžˆėŒâ€•ë„ ėŠĪėŠĪ로 많ėī ėķ”ę°€í•ī ëģīė•˜ęģ , ęē‰ëģīęļ°ė—ë„ ėĒ€ 더 ę·ļëŸīë“Ŋ하ęģ  ęļ°ëŠĨ도 ėĒ€ 더 ę·ļëŸīë“Ŋ한 ė›đ ė‚ŽėīíŠļëĨž 만ë“Īęļ° ėœ„í•ī ë…ļë Ĩ했ë‹Ī.

뎞률 ė•„ė§ë„ ęģ ėđ˜ęģ  ė‹ķė€ ęēƒë“Īėī 많ėī ë‚Ļė•„ėžˆęģ  ë‚ī가 ëŊļėē˜ ėƒę°ė§€ ëŠŧ한 ėˆ˜ė •ėī 필ėš”í•œ ëķ€ëķ„ë“Ī도 많ė„ ęēƒėī ëķ„늅하ë‹Ī. 혞ėž ęģĩëķ€ëĨž 하ëĐī ëķ€ėĄąí•œ ė ęģž ëŽļė œė ėī ëŽīė—‡ėļė§€ ė œëŒ€ëĄœ ė•Œ ėˆ˜ ė—†ëŠ” ęēŒ 가ėžĨ ë‹ĩë‹ĩ한데 ę·ļ래도 ėē˜ėŒė— ëđ„하ëĐī 개ė„ ëœ ëķ€ëķ„ė€ ëģīėī는 ęą° 같ė•„ ë‹Ī행ėīë‹Ī. ėē˜ėŒ ë°ąė—”ë“œëĨž ë°°ė› ęģ  프론íŠļė—”ë“œė™€ ë°ąė—”ë“œëĨž í•Ļęŧ˜ ë‹ĪëĢĻëĐīė„œ ė—ŽíƒœęđŒė§€ ėĪ‘ 가ėžĨ ęļī ė‹œę°„ėī ęąļëĶ° 프로ė íŠļëĐīė„œë„ 가ėžĨ ė˜ëŊļėžˆëŠ” 프로ė íŠļė˜€ë‹Īęģ  ėƒę°í•œë‹Ī. ë§Īëēˆ ėŠĪėŠĪ로ė˜ 한ęģ„ëĨž 느꾈ė§€ë§Œ 나ëĶ„ëŒ€ëĄœ ė°Ļ례ė°Ļ례 í•īęē°í•ī나가는 ęģžė •ėī ė •ë§ ėžŽë°Œė—ˆë˜ 2닮ėīė—ˆë‹Ī.

ëŽīė—‡ëģīë‹Ī 누ęĩ°ę°€ ė§€ęļˆ ë‹đėžĨėī띾도 ë‚ī가 만든 ė‚ŽėīíŠļė— ë“Īė–īė˜Ž ėˆ˜ ėžˆë‹Ī는 ęēŒ ė •ë§ëĄœ ė‹ ęļ°í•œ ęą° 같ë‹Ī. ėē˜ėŒėœžëĄœ 회ė›ę°€ėž…ęģž 로ę·ļėļėī 가ëŠĨ한 페ėīė§€ëĨž 만ë“Īė—ˆęģ  동ė˜ėƒė„ ė—…ëĄœë“œí•˜ęģ  ë…đ화ëĨž 하ęģ  ė—ŽëŸŽ ė‚ŽëžŒë“Īėī í•Ļęŧ˜ ęļ€ė„ ė“ļ ėˆ˜ ėžˆëŠ” ė›đ ė‚ŽėīíŠļëĨž 만ë“Īė—ˆë‹Ī. ė—ëŸŽ 하나ëĨž ë°Īë‚ŪėœžëĄœ 닷ėƒˆëĨž ëķ™ėžĄęģ  ėžˆė–ī도 í•īęē°ėī ė•ˆ 됐ė„ 때는 ė„ļėƒ ė‹Žëž€í•˜ęļ°ë„ 했ė§€ë§Œ 돌ėīėžœëģīëĐī 끝ęđŒė§€ 폎ęļ°í•˜ė§€ ė•Šęģ  ęē°ęĩ­ ė›í•˜ëŠ” 대로 ęē°ęģžëŽžė„ ė™„ė„ąí•ī냈ë‹Ī는 ė‚Žė‹Īė— ëŋŒë“Ŋ하ęļ°ë„ 하ë‹Ī.

ėīė œ React 강ė˜ëĨž ë“Īė„ ė°Ļ례ė§€ë§Œ ę·ļ ė „ė— ë‹Īė‹œ 한ëēˆ 개념 ė •ëĶŽëĨž 할 필ėš”ė„ąė„ 느꾈ë‹Ī. ėīëēˆ 프로ė íŠļëĨž 하ëĐīė„œ ëķ„늅히 ė „ė— ë°°ė› ęģ  ėīí•īëĨž 했ë‹Īęģ  ėƒę°í•˜ęģ  넘ė–ī갔는데도 í—·ę°ˆëĶŽëŠ” 개념ë“Īėī ėžˆė—ˆë‹Ī. 뎞률 ė‹ĪėŠĩė„ 하ëĐīė„œ ë°°ėš°ëŠ” ęēŒ ëđ„ęĩę°€ ė•ˆë ë§Œíž 가ėžĨ íšĻęģžė ėīė§€ë§Œ ėīėŊĪė—ė„œ ė§§ęēŒëžë„ ë‹Īė‹œ 한ëēˆ ė •ëĶŽëĨž 하ęģ  가는 ęēŒ 필ėš”í•  ęą° 같ë‹Ī는 ėƒę°ėī ë“Īė–īė„œ ėą…ė„ 한 ęķŒ ėĢžëŽļ했ë‹Ī. ė•„ė§ 도ė°Đ하ė§€ ė•Šė•˜ëŠ”데 ėš°ė„ ė€ ėī ėą…ė„ ė―ė–īëģīęģ  ë‹Īė‹œ 한ëēˆ 개념ė„ ë‹ĪėžĄėœžë Īęģ  한ë‹Ī. ėą…ė˜ 난ėī도ė— 따띾 프로ę·ļ래ëĻļėŠĪ ëŽļė œ 풀ėī도 ëģ‘행하ëĐīė„œ ė§€ë‚œëēˆė— 1회독ė„ ė™„ëĢŒí•œ ėžëĢŒ ęĩŽėĄ°ė™€ ė•Œęģ ëĶŽėĶ˜ ėą…도 ë‹Īė‹œ 한ëēˆ ė―ė–īëģīë Īęģ  한ë‹Ī. ėžë‹Ļ ë‹đėžĨė€ ëģĩėŠĩė„ í•īė•ž 하ė§€ë§Œ ë‹ĪėŒė— 또 ė–īë–Ī ėƒˆëĄœėšī ęēƒë“Īė„ ë°°ėš°ęēŒ 될ė§€ ęļ°ëŒ€ę°€ 된ë‹Ī.

âœĻ ë‚īėž 할 ęēƒ

  1. ėą… ė―ęļ°
profile
ëŠĨ동ė ėœžëĄœ ė‚īėž, 행ëģĩ하ęēŒðŸ˜

0개ė˜ 댓ęļ€