profile
🌟 Let the brighter shine the brighter.

2022 회고 (Feat. 컴곡으둜 νŽΈμž…λΆ€ν„° FE μ‹ μž… κ°œλ°œμžκ°€ λ˜κΈ°κΉŒμ§€ πŸ™‚)

2022년도 이 글을 μ“°λŠ” μ‹œμ μ—μ„œ μ΄ν‹€λ§Œμ΄ λ‚¨μ•˜λ‹€.IT λΆ„μ•Όλ‘œ μ§„λ‘œλ₯Ό λ³€κ²½ν•œ ν›„λ‘œ μ–΄λŠμƒˆ 4λ…„μ΄λž€ μ‹œκ°„μ΄ ν˜λ €λ‹€.19λ…„ ~ 20λ…„ κΉŒμ§€λŠ” 생λͺ…κ³΅ν•™μ—μ„œ μ»΄ν“¨ν„°κ³΅ν•™μœΌλ‘œ νŽΈμž…ν•˜μ—¬ 전곡을 λ°”κΏ”, λ‹Ήμ‹œμ—λŠ” 전곡 곡뢀에 정신없이 μ‹œκ°„μ„ μ‚¬μš©ν•˜λŠλΌ λ‚˜λ₯Ό λ˜λŒμ•„λ³Ό μ‹œκ°„μ΄ μ—†μ—ˆλ‹€.

2023λ…„ 1μ›” 1일
Β·
2개의 λŒ“κΈ€
Β·

Netlify - Vite ν”„λ‘œμ νŠΈ λ°°ν¬ν•˜λ©΄μ„œ λ°œμƒν•œ λ¬Έμ œλ“€ ν•΄κ²°ν•˜κΈ°

λ‘œμ»¬μ—μ„œ κ°œλ°œν•œ React(with. Vite) ν”„λ‘œμ νŠΈλ₯Ό ν…ŒμŠ€νŠΈμš©μœΌλ‘œ 배포할 일이 μƒκ²ΌμŠ΅λ‹ˆλ‹€. μ—¬λŸ¬ 정적 μ‚¬μ΄νŠΈ 배포 방식 쀑, μ €λŠ” Netlify λ₯Ό μ„ νƒν–ˆμŠ΅λ‹ˆλ‹€.μ›Œλ‚™ μ‰½κ²Œ 정적 μ‚¬μ΄νŠΈλ₯Ό λ°°ν¬ν•΄μ£ΌλŠ” μ„œλΉ„μŠ€λΌ 배포 μžμ²΄λŠ” 금방 μ²˜λ¦¬λ˜μ—ˆμŠ΅λ‹ˆλ‹€.λ‹€λ§Œ, λ‘œμ»¬μ—μ„œ 잘 μ ‘κ·Όν•˜

2023λ…„ 1μ›” 1일
Β·
0개의 λŒ“κΈ€
Β·

React 이벀트 ν•Έλ“€λŸ¬ 넀이밍은 μ–΄λ–€ λ°©μ‹μœΌλ‘œ ν•΄μ•Ό ν• κΉŒ ?

React 둜 μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈλ₯Ό λ‹€λ₯Έ FE κ°œλ°œμžλΆ„λ“€κ³Ό μ§„ν–‰ν•˜λ©΄μ„œ 사전에 μ—¬λŸ¬ μ»¨λ²€μ…˜(컀밋 μ»¨λ²€μ…˜, μŠ€νƒ€μΌλ§ μ»¨λ²€μ…˜ λ“±)을 μ •ν•©λ‹ˆλ‹€. React μ—μ„œ 이벀트 ν•Έλ“€λŸ¬ λ©”μ„œλ“œλ₯Ό μ •μ˜ν•˜κ³  λ°”μΈλ”©ν•˜λŠ” 것 μ—­μ‹œ κ·Έ 쀑 ν•˜λ‚˜μ—¬λ„ μ’‹λ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. 이번 ν¬μŠ€νŒ…μ—μ„œλŠ” React 컀

2023λ…„ 1μ›” 1일
Β·
0개의 λŒ“κΈ€
Β·

μ–΄λ–€ React λ””μžμΈ νŒ¨ν„΄μ΄ μ μ ˆν•œ κ²ƒμΌκΉŒ ?

YAPP 20th 동아리 ν™œλ™μ—μ„œ ν•œμ°½ 개발 단계인 κ³Όμ • μ†μ—μ„œ λ°œμƒν•œ μ΄μŠˆμ— λŒ€ν•΄μ„œ 고민해보고 νŒ€μ› λ“€κ³Ό 결둠을 λ‚΄λ¦° 이야기λ₯Ό 풀어보기 μœ„ν•΄μ„œ ν•΄λ‹Ή 글을 μž‘μ„±ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.React λ””μžμΈ νŒ¨ν„΄μ€ ν˜„μž¬λ„ μΌλ°˜ν™” 된 틀이 μžˆλŠ” μ‹œμ μ€ μ•„λ‹Œ 것 κ°™κ³ , 그만큼 λ‹€μ–‘ν•œ λ””

2023λ…„ 1μ›” 1일
Β·
0개의 λŒ“κΈ€
Β·

μ •λ³΄μ²˜λ¦¬κΈ°μ‚¬ μ‹€κΈ° 합격 ν›„κΈ° & κΏ€νŒ(2020 κ°œμ • κΈ°μ€€)

4ν•™λ…„, μ‘Έμ—…ν•˜κΈ° λ§ˆμ§€λ§‰ ν•™κΈ°λ₯Ό μ•žλ‘κ³ , μ²˜μŒμ—λŠ” "컴곡" 이라면, 있으면 "음~μžˆκ΅¬λ‚˜" ν•˜κ³ , μ—†λ‹€λ©΄ "μ™œ μ—†μ–΄ ?" λΌλŠ” λ°˜μ‘μ΄ λ‚˜μ˜€κΈ°λ„ ν•œλ‹€κΈΈλž˜ "μ •λ³΄μ²˜λ¦¬κΈ°μ‚¬" "자격증 μ‹œν—˜μ„ λ”°κΈ΄ ν•΄μ•Όκ² λ‹€" κ³  μ²˜μŒμ—λŠ” μƒκ°ν–ˆλ‹€.κ·Έλ ‡κ²Œ λ‹Ήμž₯, 압박감을 느끼고, μ‹œμž‘μ„ ν•˜μ§„ μ•Šμ•˜

2022λ…„ 12μ›” 28일
Β·
0개의 λŒ“κΈ€
Β·

ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμ„ μœ„ν•œ μžλ°”μŠ€ν¬λ¦½νŠΈ μŠ€ν„°λ”” 회고

κ·Όλž˜μ— μžλ°”μŠ€ν¬λ¦½νŠΈ λ”₯ λ‹€μ΄λΈŒ λΌλŠ” 책을 μ •λ…ν•˜κ³  μ •λ¦¬ν•΄λ³΄λŠ” μ‹œκ°„μ„ 가지며 μžλ°”μŠ€ν¬λ¦½νŠΈ λ³Έμ§ˆμ— λŒ€ν•΄ λ‹€μ‹œ ν•œλ²ˆ μ κ²€ν•˜λŠ” μ‹œκ°„μ„ κ°€μ‘Œμ—ˆλ‹€.정말 쒋은 책인 것은 ν‹€λ¦Όμ—†κ³  κ·Έ λ™μ•ˆ λ¬΄μ§€ν•˜κ²Œ ν™•μ‹€νžˆ μ΄ν•΄ν•˜μ§€ λͺ»ν•˜κ³  λ„˜μ–΄κ°”λ˜ μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μŠ€μ½”ν”„, ν΄λ‘œμ € λ“±μ˜ κ°œλ…μ„ 짚고 갈

2022λ…„ 2μ›” 18일
Β·
0개의 λŒ“κΈ€
Β·

[React] μ»΄ν¬λ„ŒνŠΈ 생λͺ…μ£ΌκΈ° λ©”μ„œλ“œ

λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈμ—λŠ” 라이프사이클(수λͺ… μ£ΌκΈ°)이 μ‘΄μž¬ν•œλ‹€.μ»΄ν¬λ„ŒνŠΈμ˜ 수λͺ…은 νŽ˜μ΄μ§€μ— λ Œλ”λ§λ˜κΈ° 전인 μ€€λΉ„κ³Όμ •μ—μ„œ μ‹œμž‘ν•˜μ—¬ νŽ˜μ΄μ§€μ—μ„œ μ‚¬λΌμ§ˆ λ•Œλλ‚œλ‹€.μ»΄ν¬λ„ŒνŠΈλ₯Ό 처음으둜 λ Œλ”λ§ ν•  λ•Œ, μ–΄λ–€ μž‘μ—…μ„ μ²˜λ¦¬ν•΄μ•Όν•˜κ±°λ‚˜ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ—…λ°μ΄νŠΈν•˜κΈ° μ „ν›„λ‘œ μ–΄λ–€ μž‘μ—…μ„ μ²˜λ¦¬ν•΄μ•Ό ν•  μˆ˜λ„

2021λ…„ 8μ›” 28일
Β·
0개의 λŒ“κΈ€
Β·

[JS] κΉŠμ€ 볡사 & 얕은 볡사

이전 JS, μ›μ‹œνƒ€μž… & 객체 ν¬μŠ€νŒ…μ—μ„œ μ–ΈκΈ‰ν–ˆλ“―μ΄, JSλŠ” μœ λ… λ‹€μ–‘ν•œ μ—¬λŸ¬ Object λ₯Ό μ§€μ›ν•˜κΈ°λ„ν•˜κ³ , μ‘°κΈˆμ΄λΌλ„ λ³΅μž‘ν•œ 데이터 ꡬ쑰가 ν˜•μ„± λœλ‹€ν•˜λ©΄, λ°°μ—΄μ΄λ‚˜ 객체에 데이터λ₯Ό μ €μž₯ν•΄λ†“λŠ” μž‘μ—…μ΄ λ§Žλ‹€.λ³΅μ‚¬λΌλŠ” κ°œλ…μ΄ 이런 κ΄€μ μ—μ„œ λ‹¨μˆœν•œ μ›μ‹œνƒ€μž…μ— λŒ€ν•΄μ„œλŠ” 일반

2021λ…„ 8μ›” 11일
Β·
0개의 λŒ“κΈ€
Β·

[JS] μ›μ‹œνƒ€μž…, κ°μ²΄νƒ€μž…

JSλŠ” λ‹€λ₯Έμ–Έμ–΄μ™€ λ‹€λ₯΄κ²Œ, μ›μ‹œκ°’(λ¬Έμžμ—΄, 숫자 λ“±)을 마치 객체(object)처럼 λ‹€λ£° 수 μžˆκΈ°λ„ ν•˜λ‹€.λ‹€λ₯Έ λ§λ‘œλŠ”, μ›μ‹œκ°’μ—μ„œλ„ κ°μ²΄μ—μ„œμ²˜λŸΌ λ©”μ†Œλ“œ(Method)λ₯Ό μ‚¬μš©ν•  ν˜ΈμΆœν•  수 μžˆλ‹€.μ΄λ²ˆμ—λŠ”, JSμ—μ„œμ˜ μ›μ‹œκ°’ κ³Ό 객체에 λŒ€ν•΄ 쑰금 ꡬ뢄을 ν•΄λ³Έλ‹€.그전에, μž μ‹œ

2021λ…„ 8μ›” 11일
Β·
0개의 λŒ“κΈ€
Β·

[JS] Map & Set μžλ£Œν˜•

객체(Object) or λ°°μ—΄(Array) λ‘œλ„ λ§Žμ€ μž‘μ—…μ„ ν•  수 μžˆμ§€λ§Œ, ν˜„μ‹€ 세계λ₯Ό λ°˜μ˜ν•˜κΈ°μ—, λ”μš± 효과적인 μžλ£Œν˜•μ„ JSμ—μ„œλ„ μ œκ³΅ν•œλ‹€.κ·Έ 쀑 맡(Map) κ³Ό μ…‹(Set) μžλ£Œν˜•μ„ μ•Œμ•„λ³Έλ‹€.λ‹€λ₯Έ 건 λͺ°λΌλ„ κ°œλ°œμ„ ν•˜λ©΄μ„œ 쀑볡 μ œκ±°λΌλŠ” μ΄μŠˆλŠ” λΉˆλ²ˆν•˜κ²Œ λ°œμƒν•œλ‹€κ³ 

2021λ…„ 8μ›” 10일
Β·
0개의 λŒ“κΈ€
Β·

[JS] Array Functions

JS Array Object λŠ” μ•„μ£Ό λ§Žμ€ λ©”μ†Œλ“œλ“€μ„ μ‘΄μž¬ν•˜μ§€λ§Œ, κ·Έ 쀑 ν‰μ†Œμ— 자주 μ‚¬μš©ν•˜λŠ” λ©”μ†Œλ“œλ“€μ„ μ •λ¦¬ν•œλ‹€.Array.prototype.splice()Array.prototype.slice()Array.prototype.concat()Array.prototype

2021λ…„ 8μ›” 4일
Β·
0개의 λŒ“κΈ€
Β·

Javascript30 Challenge ν›„κΈ°

Wes Bos λΌλŠ” Full Stack Developerκ°€ μš΄μ˜ν•˜λŠ” online Courses 쀑 무료둜 μ œκ³΅ν•˜λŠ” μ±Œλ¦°μ§€ 쀑에 μ „λ°˜μ μœΌλ‘œ 유λͺ…ν•œ μ±Œλ¦°μ§€μ΄λ‹€.졜근 6μ›”κΉŒμ§€ μ—˜λ¦¬μŠ€ λ ˆμ΄μ„œ 1기둜써 ν™œλ™μ΄ μ’…λ£Œλ˜κ³  κ·Έλ™μ•ˆ Reactλ₯Ό 주둜 μ›Ή ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμ„ μ§„ν–‰ν• μˆ˜λ‘ 갈

2021λ…„ 7μ›” 31일
Β·
0개의 λŒ“κΈ€
Β·

직렬화 & 역직렬화 ( JS )

이전 ν¬μŠ€νŒ…μ—μ„œ Serialize(직렬화) & Deserialize(역직렬화) 에 λŒ€ν•œ κ°œμš” λŠλ‚Œμ˜ λ‚΄μš©μ„ μ•Œμ•„λ΄€λ‹€.이번 ν¬μŠ€νŒ…μ€ μ΄λŸ¬ν•œ λ°©μ‹μ˜ 데이터 포맷방식 쀑, κ°€μž₯ λŒ€ν‘œμ μΈ JSON 에 λŒ€ν•΄μ„œ μ•Œμ•„λ³Έλ‹€.JSON(JavaScript Object Notation)자

2021λ…„ 5μ›” 23일
Β·
0개의 λŒ“κΈ€
Β·

직렬화 & 역직렬화

μ™œ 쑰사λ₯Ό ν•˜κ²Œ λ˜μ—ˆλ‚˜μš” ?νŒ€ ν”„λ‘œμ νŠΈλ₯Ό ν•˜λ©΄μ„œ FE(ν”„λ‘ νŠΈμ—”λ“œ) - BE(λ°±μ—”λ“œ) μ‚¬μ΄μ˜ API 톡신을 ν•  λ•Œ 데이터λ₯Ό μ£Όκ³ λ°›λŠ” κ³Όμ •μ—μ„œ μ•Œκ³  μžˆμ–΄μ•Ό ν•˜λŠ” μ§€μ‹μ΄λΌμ„œ μ •λ¦¬ν•˜κ²Œ λ˜μ—ˆλ‹€.λ¨Όμ €, Serial 의 의미λ₯Ό μ•Œμ•„λ³΄μž.USB μΈν…ŒνŽ˜μ΄μŠ€ λΌλŠ” 것을 λ“€μ–΄λ³Έ 적이 μžˆμ„

2021λ…„ 5μ›” 23일
Β·
0개의 λŒ“κΈ€
Β·

[OS] ν”„λ‘œμ„ΈμŠ€ 동기화 (3)

(= Producer-Consumer Problem, μƒμ‚°μž μ†ŒλΉ„μž 문제)= 곡유 λ²„νΌμ˜ 크기가 μœ ν•œν•œ ν™˜κ²½μ—μ„œ μƒκΈ°λŠ” λ¬Έμ œμƒμ‚°μž-μ†ŒλΉ„μž λ¬Έμ œλ‘ 개의 μƒμ‚°μž ν˜Ήμ€ μ†ŒλΉ„μžκ°€ λ™μ‹œμ— 데이터 μ ‘κ·Ό μ‹œμ†ŒλΉ„μž/μƒμ‚°μž 없이 μƒμ‚°μž/μ†ŒλΉ„μžλ§Œ λ“œκΈ€λ“œκΈ€(μžμ› λΆ€μ‘±)μ•„λž˜μ™€ 같이 κ³΅μœ λ²„νΌ

2021λ…„ 5μ›” 17일
Β·
0개의 λŒ“κΈ€
Β·

[OS] ν”„λ‘œμ„ΈμŠ€ 동기화(2)

= lock/unlock κΈ°λŠ₯, 곡유 μžμ›μ„ νšλ“ν•˜κ²Œ ν•΄μ€€λ‹€.μ•žμ„ , 일반 방식듀을 μΆ”μƒν™”μ‹œν‚¨ 것Semaphore S == μžμ›μ˜ 갯수Integer variable두 가지 Atomic 연산에 μ˜ν•΄μ„œλ§Œ 접근이 κ°€λŠ₯함Critical Section of n Processsem

2021λ…„ 5μ›” 17일
Β·
0개의 λŒ“κΈ€
Β·

[OS] ν”„λ‘œμ„ΈμŠ€ 동기화 (1)

κ³΅μœ ν•˜λŠ” ν•˜λ‚˜μ˜ μžμ›μ— λŒ€ν•΄μ„œ, μ—¬λŸ¬ ν”„λ‘œμ„ΈμŠ€κ°€ λ™μ‹œμ— μ ‘κ·Όν•  λ•Œ μ‹œκ°„μ μΈ 차이둜 생길 수 μžˆλŠ” λ°μ΄ν„°μ˜ λΆˆμΌμΉ˜λ¬Έμ œκ°€ μ‘΄μž¬ν•  수 있음 μ΄λŸ¬ν•œ 문제λ₯Ό ν•΄κ²°ν•˜κ³ μž ν•˜λŠ” 것이 ν”„λ‘œμ„ΈμŠ€ 동기화(Process Synchroniztion)이닀.

2021λ…„ 5μ›” 17일
Β·
0개의 λŒ“κΈ€
Β·

[OS] CPU μŠ€μΌ€μ₯΄λ§ / 기법

CPU Burst Time & I/O BurstScheduling Queueν”„λ‘œμ„ΈμŠ€λŠ” CPU Burst 와 I/O Burstκ°€ μ™”λ‹€κ°”λ‹€ λ°”λ€Œλ©΄μ„œ ν”„λ‘œκ·Έλž¨μ„ μ‹€ν–‰CPU Burst : CPU λͺ…령을 μ‹€ν–‰ν•˜λŠ”ν•˜λŠ” 것I/O Burst : I/O μš”μ²­ν•œ λ‹€μŒ κΈ°λ‹€λ¦¬λŠ” μ‹œκ°„CPU

2021λ…„ 5μ›” 9일
Β·
0개의 λŒ“κΈ€
Β·

[OS] ν”„λ‘œμ„ΈμŠ€ & μŠ€λ ˆλ“œ

λͺ©μ°¨ μš©μ–΄ 정리 ν”„λ‘œμ„ΈμŠ€ ν”„λ‘œμ„Έμ„œ ν”„λ‘œμ„ΈμŠ€ μŠ€λ ˆλ“œ ν”„λ‘œμ„ΈμŠ€ λ©€ν‹°νƒœμŠ€ν‚Ή(Multitasking) ν”„λ‘œμ„ΈμŠ€ μƒνƒœ PCB(Process Control Block) λ¬Έλ§₯ κ΅ν™˜(Context Switching) λ©€ν‹° ν”„λ‘œμ„ΈμŠ€ μŠ€λ ˆλ“œ 슀

2021λ…„ 5μ›” 3일
Β·
0개의 λŒ“κΈ€
Β·