λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

전체 κΈ€80

[일상] μž…μ‚¬ 5κ°œμ›” 차의 주절주절 🐣 νšŒμ‚¬ μ΅œμ’…ν•©κ²© 글을 올린 이후 4κ°œμ›”μ— κ°€κΉŒμš΄ μ‹œκ°„μ΄ 흐λ₯΄κ²Œ λ˜μ—ˆλ‹€. κ·Έ 글을 μ“΄κ²Œ 정말 μ—Šκ·Έμ œ 같은데 벌써 λ‚΄κ°€ 5κ°œμ›” μ°¨λΌλ‹ˆ... 12월이 되면 곧 6κ°œμ›” μ°¨κ°€ λœλ‹€ γ„·γ„· μ‹œκ°„μ΄ λ„ˆλ¬΄ λΉ λ₯Έ κ±° κ°€νƒ€μš”... 우리 νšŒμ‚¬μ—μ„œ ν˜„μž¬ ν•˜λ°˜κΈ° μ‹ μž… μ±„μš©μ΄ 진행 쀑이라 νšŒμ‚¬ 막λ‘₯이 역할이 λλ‚˜κ°„λ‹€. μ € 평생 막λ‘₯이 ν•˜κ³  μ‹Άμ–΄μš”...γ…  μž…μ‚¬ν•˜κ³  μ•½ 5κ°œμ›” λ™μ•ˆ λ§Žμ€ 변화듀이 μžˆμ—ˆλ‹€. ν•œλ‹¬ 반 κ°€λŸ‰ μ‹ μž… κ΅μœ‘μ„ λ°›κ³  각자 희망 λΆ€μ„œ μˆœμœ„μ™€ λΆ€μ„œμ—μ„œ ν¬λ§ν•˜λŠ” μ‹ μž…μ‚¬μ› μˆœμœ„ 맀칭 μ‹œμŠ€ν…œμ„ 톡해 λΆ€μ„œ λ°œλ Ήλ„ λ°›μ•˜λ‹€. λ„ˆλ¬΄ λ‹€ν–‰νžˆλ„ λ‚˜λŠ” 희망 λΆ€μ„œ 1μˆœμœ„μ˜€λ˜ λΆ€μ„œμ— μ›ν•˜λŠ” νŒ€μœΌλ‘œ 배치λ₯Ό 받을 수 μžˆμ—ˆλ‹€. κ°œλ°œμžλ‘œμ„œ κΈ°μˆ μŠ€νƒλ„ μ€‘μš”ν•˜μ§€λ§Œ λ‚˜λŠ” 무엇보닀도 μ‚¬λžŒμ„ 더 많이 λ³΄λŠ” νŽΈμ΄λ‹€. 같이 μΌν•˜λŠ” μ‚¬λžŒλ“€μ΄ μ’‹μ•„μ•Ό 일에 λŒ€ν•œ 만.. 2023. 11. 24.
[일상] λ‚΄κ°€ 이제 직μž₯μΈμ΄λΌλ‹ˆ..!! 8μ›”μ˜ 첫번째 λ‚ , μ•½ 3μ£Ό λ§Œμ— λŒμ•„μ˜¨ λΈ”λ‘œκ·Έ ν¬μŠ€νŒ… !! λ‚˜μ—κ²Œ κ°€μž₯ 큰 λ³€ν™”κ°€ μ°Ύμ•„μ˜¨ 3μ£Όμ˜€κΈ°μ— μ„€λ ˆλŠ” 마음으둜 글을 μ“°κΈ° μ‹œμž‘ν–ˆλ‹€. κ²°λ‘ λΆ€ν„° λ§ν•˜μžλ©΄ λ‚˜λŠ” 취업에 μ„±κ³΅ν•˜κ²Œ λ˜μ—ˆλ‹€.μƒλ°˜κΈ°λ„ 거의 λλ‚˜κ°€λŠ” μ‹œμ μ΄μ—ˆκ³ , μš”μ¦˜ IT μ·¨μ—…μ‹œμž₯이 ν•˜λ„ μ°¨κ°€μ›Œμ„œ μ†”μ§νžˆ λ§ν•˜λ©΄ μƒλ°˜κΈ° 취업은 반 포기 μƒνƒœμ— κ°€κΉŒμ› μ–΄μ„œ μ‹Έν”Όλ₯Ό μˆ˜λ£Œν•˜κ³  μ°¨λΆ„ν•˜κ²Œ ν•˜λ°˜κΈ° 취업을 쀀비해보렀고 ν–ˆλ‹€. μ–΄μ©Œλ‹€λ³΄λ‹ˆ μ›λžœ 잘 λͺ°λžλ˜ 기업을 지인이 정말 쒋은 νšŒμ‚¬λΌκ³  κΆŒμœ ν•΄μ£Όμ–΄ μ„œλ₯˜λΆ€ν„° μ§€μ›ν•˜κ²Œ λ˜μ—ˆλ‹€. μ„œλ₯˜ 합격을 거쳐 AI 역검에 μ½”ν…ŒκΉŒμ§€ 거쳐 바라고 λ°”λΌλ˜ 1μ°¨ λ©΄μ ‘ λ‹¨κ³„κΉŒμ§€ λ„λ‹¬ν•˜κ²Œ λ˜μ—ˆλ‹€. μ†”μ§νžˆ μ΄λ ‡κ²ŒκΉŒμ§€ 올라올 μžμ‹ λ„ μ—†μ—ˆλ‹€. 이 νšŒμ‚¬λ₯Ό 점점 μ•Œμ•„λ³Ό 수둝 μ§„μ§œ κ°“κΈ°μ—… μ•„λ‹Œκ°€...? λΌλŠ” 생각을 ν•˜κ²Œ λ˜μ—ˆκ³  λ‚΄ μ„±ν–₯κ³Ό λ„ˆλ¬΄ μž˜λ§žμ„ .. 2023. 8. 1.
[일상] 주절주절_11 벌써 2023λ…„μ˜ 절반이 λ„˜μ–΄κ°”λ‹€. μ‹Έν”Ό μˆ˜λ£Œμ‹ 이후 곡식 일정이 λͺ¨λ‘ λλ‚˜κ³  일주일이 λ„˜μ—ˆλ„€ 벌써... 마침 μ €λ²ˆμ£Όμ— λ”± μ‹Έν”Ό 수료 앨범이 λ„μ°©ν–ˆλ‹€ !! μš”λŸ° κ·€μ—¬μš΄ 데에 담겨져 μ™”λ‹€ γ…Žγ…Ž 6μ›” μ€‘μˆœλΆ€ν„° μ§€κΈˆκΉŒμ§€ 이것저것 μ€€λΉ„ν•˜λ©΄μ„œ λ°”μ˜κ²Œ 지내왔닀 πŸ’¦ μ½”ν…Œ κΈ°νšŒκ°€ 있으면 μ΅œλŒ€ν•œ 무쑰건 μ‘μ‹œν•˜λ €κ³  ν–ˆλ‹€. κ·Έλž˜μ„œ 맀주 ν† μš”μΌμ€ μ‹œν—˜μ„ 보느라 항상 λ°”λΉ΄λ˜ 것 κ°™λ‹€. κ·Έ 쀑 ν•˜λ‚˜κ°€ ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€μ—μ„œ μ£Όμ΅œν•œ "2023 데브 맀칭 - μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 개발자" μ˜€λ‹€. 이 데브 맀칭은 λ‹€λ₯Έ μ½”ν…Œλ“€κ³Ό λ‹€λ₯΄κ²Œ μ•Œκ³ λ¦¬μ¦˜ λ¬Έμ œλ“€λ‘œ κ΅¬μ„±λœ 것이 μ•„λ‹ˆλΌ μ‹€μ œ 웹을 κ΅¬ν˜„ν•΄μ•Ό ν•˜λŠ” 과제 ν…ŒμŠ€νŠΈ 방식이닀. μ§€κΈˆκΉŒμ§€ λͺ‡ 번 정도 μ‘μ‹œν•΄λ΄€λŠ”λ° ν•œ λ²ˆλ„ 합격을 ν•œ 적이 μ—†μ—ˆλ‹€. 그런데 μ΄λ²ˆμ— 마침 μ‹œκ°„μ΄ λ§žμ•„ ν…ŒμŠ€νŠΈμ— μ‘μ‹œν•  μˆ˜κ°€ μžˆμ—ˆλ‹€. .. 2023. 7. 10.
[TIL] Babelμ΄λž€ 무엇인가? 바벨(Babel)μ΄λž€? ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμ„ ν•˜λŠ” μ‚¬λžŒμ΄λΌλ©΄ ν•œ 번쯀 바벨에 λŒ€ν•΄μ„œ λ“€μ–΄λ³Έ 적은 μžˆμ„ 것이닀. 바벨(Babel)은 μžλ°”μŠ€ν¬λ¦½νŠΈ μ½”λ“œλ₯Ό λ³€ν™˜ν•΄ μ£ΌλŠ” μ»΄νŒŒμΌλŸ¬μ΄λ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈ μ½”λ“œλ₯Ό λ³€ν™˜? μ™œ ν•΄μ•Όν•˜λŠ”λ°? 바벨은 JavaScript ES6 문법이 λ“±μž₯ν•˜λ©΄μ„œ λ‚˜μ˜€κ²Œ λ˜μ—ˆλ‹€. ES6 문법이 막 λ“±μž₯ν–ˆμ„ λ•ŒλŠ” λŒ€λΆ€λΆ„μ˜ λΈŒλΌμš°μ €κ°€ ES5 λ¬Έλ²•λ§Œ μ§€μ›ν•˜κ³  μžˆμ—ˆλ‹€. λ•Œλ¬Έμ— κ°œλ°œμžλ“€μ΄ ES6 문법을 μ‚¬μš©ν•˜λ”λΌλ„ μ΅œμ‹  문법을 μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” λΈŒλΌμš°μ €λΌλ©΄ λ™μž‘μ΄ λΆˆκ°€λŠ₯ν–ˆλ‹€. κ·Έλž˜μ„œ ES6 문법을 ES5 λ¬Έλ²•μœΌλ‘œ λ³€ν™˜ν•΄μ€„ νŠΈλžœμŠ€νŒŒμΌλŸ¬κ°€ ν•„μš”ν–ˆλŠ”λ°, 이 것이 λ°”λ‘œ 바벨(Babel)이닀. κ·Έ λ•Œλ¬Έμ— 바벨이 처음 λ“±μž₯ν–ˆμ„ λ•Œ λ‹Ήμ‹œ 이름은 Babel이 μ•„λ‹ˆλΌ 6to5μ˜€λ‹€κ³  ν•œλ‹€. ν•˜μ§€λ§Œ, μ΄μ œλŠ” ES6λ₯Ό ν¬ν•¨ν•˜μ—¬ ES7.. 2023. 6. 15.
[회고] SSAFY 2ν•™κΈ° 마무리 회고 μ‹Έν”Ό 1ν•™κΈ° 회고λ₯Ό μ“΄κ²Œ μ—Šκ·Έμ œ 같은데... 벌써 2ν•™κΈ°κ°€ λλ‚˜κ³  ν˜„μž¬λŠ” 수료 이전 ν•œ 달 λ™μ•ˆ μ§„ν–‰λ˜λŠ” μž‘νŽ˜μ–΄ 기간을 보내고 μžˆλ‹€. 졜근 μ‹Έν”Όμ—μ„œ 10κΈ° λͺ¨μ§‘ μ „ν˜•μ΄ 진행 쀑인데 졜근 λ©΄μ ‘ 기간이라고 λ“€μ—ˆλŠ”λ° λΈ”λ‘œκ·Έ 방문자 수λ₯Ό λ³΄λ‹ˆ 그런 것 κ°™μ•˜λ‹€ γ…‹γ…‹γ…‹ μ΅œλŒ€ν•œ 회고λ₯Ό μ‘°κΈˆμ”©μ΄λΌλ„ λ‚¨κ²¨λ³΄λ €ν–ˆμ§€λ§Œ 정말 2ν•™κΈ°λŠ” ν”„λ‘œμ νŠΈμ— μΉ˜μ—¬ μ‚΄λ‹€κ°€ ν•˜λ‚˜λ„ 쓰지 λͺ»ν–ˆλ˜ 것 κ°™λ‹€. μ‹Έν”Όμ˜ 꽃이라 λΆˆλ¦¬μš°λŠ” 2ν•™κΈ°λ₯Ό 마친 λ‚˜μ˜ μ†Œκ°μ€ 정말 ν•œ λ‹¨μ–΄λ‘œλŠ” ν‘œν˜„ν•  μˆ˜κ°€ 없을 것 κ°™λ‹€. λΏŒλ“―? νž˜λ“¦? μŠ¬ν””? 기쁨? 정말 μ—¬λŸ¬κ°€μ§€ 감정이 κ³΅μ‘΄ν•˜λŠ” 것 κ°™λ‹€. μ™œ 2ν•™κΈ°κ°€ μ‹Έν”Όμ˜ 꽃이라 λΆˆλ¦¬μš°λŠ”μ§€λŠ” λͺΈμ†Œ λŠλ‚„ 수 μžˆμ—ˆλ‹€. 정말 5κ°œμ›” κ°„ 3개의 ν”„λ‘œμ νŠΈλ₯Ό ν•œλ‹€λŠ” 것 그리고 κ·Έκ±Έ 또 각각 λ‹€λ₯Έ νŒ€μ›λ“€μ΄λž‘ μ§„ν–‰ν•œλ‹€λŠ” 것은 생각보닀 μ‰¬μš΄ 일.. 2023. 6. 13.
[TIL] React-Hooks μ•Œμ•„λ³΄κΈ° ν΄λž˜μŠ€ν˜• vs ν•¨μˆ˜ν˜• ReactλŠ” μ²˜μŒμ— ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ λ°©λ²•λ§Œ μ‘΄μž¬ν–ˆλ‹€. ν•˜μ§€λ§Œ, ν΄λž˜μŠ€ν˜•μ€ μ–΄λ ΅κ³  λ³΅μž‘ν•˜μ—¬ ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ 방법이 μƒκ²¨λ‚˜κ²Œ λ˜μ—ˆλ‹€. ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλŠ” ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈλ³΄λ‹€ 훨씬 κ°„λ‹¨ν•˜κΈ°μ— 점점 ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ μ‚¬μš© λΉ„μœ¨μ΄ λ†’μ•„μ§€κ²Œ λ˜μ—ˆκ³ , μš”μ¦˜ ν˜„μ—…μ—μ„œλŠ” ν΄λž˜μŠ€ν˜•λ³΄λ‹€λŠ” ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλ₯Ό 많이 μ‚¬μš©ν•˜λŠ” 좔세라고 ν•œλ‹€. ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈ import { Component } from 'react'; class Hello extends Component { render() { return ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈ } } export default Hello ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ const Hello = () => ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ export default Hello 이 ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλŠ” ν™”μ‚΄ν‘œ 함.. 2023. 6. 9.
[TIL] CSS / Sass / SCSS 차이점 μ•Œμ•„λ³΄κΈ° What is CSS ? CSSλŠ” Cascading Style Sheets의 약어이고, μ΄λŠ” μ›ΉνŽ˜μ΄μ§€λ₯Ό κΎΈλ―Έλ €κ³  μž‘μ„±ν•˜λŠ” μ½”λ“œμ΄λ‹€. μ–΄λŠ 정도 μ›Ή κ°œλ°œμ„ κ³΅λΆ€ν•œ μ‚¬λžŒμ΄λΌλ©΄ ν”„λ‘ νŠΈμ—”λ“œ, λ°±μ—”λ“œ 개발자λ₯Ό λ§‰λ‘ ν•˜κ³  CSSλΌλŠ” 것은 ν”νžˆλ“€ 듀어봀을 것이닀. κ³΅μ‹λ¬Έμ„œμ— μ˜ν•˜λ©΄ CSSλŠ” ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄κ°€ μ•„λ‹ˆκ³ , Stylesheet 언어라고 ν•œλ‹€. CSSλ₯Ό 톡해 HTML λ¬Έμ„œμ— μžˆλŠ” μš”μ†Œλ“€μ— μ„ νƒμ μœΌλ‘œ μŠ€νƒ€μΌμ„ μ μš©μ‹œν‚¬ 수 μžˆλ‹€. .list { width: 100px; float: left; } li { color: red; background: url("./image.jpg"); } li:last-child { margin-right: -10px; } CSSλŠ” λ„ˆλ¬΄ μ΅μˆ™ν•΄ Sass 와 SCSSλŠ” λ¬΄μ—‡μΌκΉŒ ?? S.. 2023. 6. 3.
[TIL] REST-API와 GraphQL-API의 차이점 GraphQLμ΄λž€? GraphQL은 졜근 κ°œλ°œμžλ“€ μ‚¬μ΄μ—μ„œ λΉ λ₯Έ μ†λ„λ‘œ 인기가 μƒμŠΉ 쀑이닀. 이 GraphQL은 2012년에 νŽ˜μ΄μŠ€λΆμ—μ„œ λ§Œλ“  쿼리 언어이닀. SQL의 QL이 Query Language을 μ˜λ―Έν•˜λŠ”λ° SQL은 λ°μ΄ν„°λ² μ΄μŠ€ μ‹œμŠ€ν…œμ— μ €μž₯된 데이터λ₯Ό 효율적으둜 κ°€μ Έμ˜€λŠ” 것이 λͺ©μ μ΄λΌλ©΄, 이 GraphQL은 μ›Ή ν΄λΌμ΄μ–ΈνŠΈκ°€ μ„œλ²„λ‘œλΆ€ν„° 데이터λ₯Ό 효율적으둜 κ°€μ Έμ˜€λŠ” 것을 λͺ©μ μœΌλ‘œ λ§Œλ“  쿼리 언어인 것이닀. 이 GraphQL은 ν˜„μž¬ Facebook, Airbnb, Github λ“±μ˜ 유λͺ…ν•œ μ‚¬μ΄νŠΈμ—μ„œ μ‚¬μš© 쀑인 톡신 방법이라고 ν•œλ‹€. REST-APIλ₯Ό 두고 μ™œ?? κ·Έλ ‡λ‹€λ©΄ μ‚¬λžŒλ“€μ΄ ν†΅μƒμ μœΌλ‘œ λ§Žμ΄λ“€ μ‚¬μš©ν•˜κ³  μžˆλŠ” REST-APIλ₯Ό 두고 μ™œ GraphQL을 μ‚¬μš©ν•˜λŠ” 것인지 κΆκΈˆν–ˆλ‹€. REST-API와 G.. 2023. 2. 28.
[TIL] ν”„λ‘œμ νŠΈ μ‹œμž‘ μ „ git λͺ…λ Ήμ–΄ μ •λ¦¬ν•˜κΈ° μ‹Έν”Ό 2학기에 λ“€μ–΄μ˜¨ ν˜„μž¬ 첫 ν”„λ‘œμ νŠΈ 1μ£Όμ°¨λ₯Ό 진행 쀑이닀. μš°λ¦¬νŒ€μ€ ν”„λ‘ νŠΈμ—”λ“œ 개발자 3λͺ…, λ°±μ—”λ“œ 개발자 3λͺ… μ΄λ ‡κ²Œ 총 6인으둜 κ΅¬μ„±λ˜μ–΄ μžˆλ‹€. ν˜„μž¬λŠ” ν”„λ‘œμ νŠΈ κΈ°νšλ‹¨κ³„μ— μžˆλŠ”λ° κΈ°νšν•˜λŠ” 게 μ € 머리아프고 μ–΄λ €μš΄ 것 κ°™λ‹€... νšŒμ˜ν•˜κ³  의견 μ‘°μœ¨ν•΄κ°€λ‹€λ³΄λ©΄ ν•˜λ£¨ λšλ”±..!! μ’€μžˆμœΌλ©΄ 개발 단계에 접어듀텐데 κ·Έ 전에 ν˜‘μ—…μ„ μœ„ν•΄ μ‚¬μš©ν•  git의 λͺ…령어듀을 정리해보면 쒋을 것 κ°™μ•„ μš”λ‘œμ½”λ‘¬ 포슀트λ₯Ό 올리게 λ˜μ—ˆλ‹€. gitμ΄λž€? git은 μ†Œν”„νŠΈμ›¨μ–΄λ₯Ό κ°œλ°œν•  λ•Œ μ†ŒμŠ€μ½”λ“œλ₯Ό 효과적으둜 관리할 수 있게 ν•΄μ£ΌλŠ” ν˜•μƒ 관리 도ꡬ 쀑 ν•˜λ‚˜μ΄λ‹€. 이 git을 μ‚¬μš©ν•˜λ©΄ 같은 μ €μž₯μ†Œμ—μ„œ μ—¬λŸΏμ΄ λ™μ‹œμ— μž‘μ—…ν•˜λŠ” 병렬 개발이 κ°€λŠ₯ν•˜λ‹€. Branch(브랜치) git을 μ‚¬μš©ν•˜λ‹€ 보면 브랜치(Branch)λΌλŠ” 것이 μžˆλŠ”λ° μ΄λŠ” .. 2023. 1. 14.