[ React ] 🐒 Node.js Basic
Β·
πŸ“š Library/ReactJs
πŸ“š section03-nodeJs-basic 🐒 Node.js Node.jsλŠ” JavaScript의 μ‹€ν–‰ ν™˜κ²½μ΄λ‹€.νŒ¨ν‚€μ§€(package)λŠ” Node.jsμ—μ„œ μ‚¬μš©ν•˜λŠ” ν”„λ‘œκ·Έλž¨μ˜ λ‹¨μœ„μ΄λ©°, npm init λ˜λŠ” npm init -y λͺ…λ Ήμ–΄λ‘œ μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€λ₯Ό μ΄ˆκΈ°ν™”ν•  수 μžˆλ‹€.package.json의 “scripts” ν•­λͺ©μ— 슀크립트λ₯Ό μ„€μ •ν•˜λ©΄ 맀크둜처럼 μ‚¬μš©ν•  수 있으며, λ³΅μž‘ν•œ κ²½λ‘œμ— μžˆλŠ” νŒŒμΌλ„ μ„€μ •ν•œ λͺ…λ Ήμ–΄λ‘œ κ°„νŽΈν•˜κ²Œ μ‹€ν–‰ν•  수 μžˆλ‹€. πŸ“¦ λͺ¨λ“ˆ μ‹œμŠ€ν…œ λͺ¨λ“ˆ μ‹œμŠ€ν…œ(Module System)은 λͺ¨λ“ˆμ„ λ‹€λ£° 수 μžˆλŠ” μ‹œμŠ€ν…œμ΄λ‹€. μ—¬λŸ¬ κΈ°λŠ₯을 κ΅¬ν˜„ν•  λ•Œ κΈ°λŠ₯λ³„λ‘œ νŒŒμΌμ„ λ‚˜λˆ„μ–΄ κ°œλ°œν•˜κ²Œ 되며, 예λ₯Ό λ“€μ–΄ user.js, cart.js, payment.js처럼 ꡬ성할 수 μžˆλ‹€. 이 쀑 ν•˜λ‚˜μ—λ§Œ 였λ₯˜κ°€ ..
[ Git ] πŸ‘Ύ Git λͺ…λ Ήμ–΄
Β·
πŸ‘Ύ Git
πŸ› οΈ Git 초기 μ„€μ •Git을 μ„€μΉ˜ν•˜κ³  λ‚˜λ©΄ Git의 μ‚¬μš© ν™˜κ²½μ„ μ μ ˆν•˜κ²Œ μ„€μ •ν•΄ μ£Όμ–΄μ•Ό ν•©λ‹ˆλ‹€.ν™˜κ²½ 섀정은 ν•œ μ»΄ν“¨ν„°μ—μ„œ ν•œ 번만 ν•˜λ©΄ 되고 μ„€μ •ν•œ λ‚΄μš©μ€ Git을 μ—…κ·Έλ ˆμ΄λ“œν•΄λ„ μœ μ§€λ©λ‹ˆλ‹€.# Git μ‚¬μš©μž IDgit config --global user.name "seulbinim"# Git μ‚¬μš©μž Emailgit config --global user.email seulbinim@gmail.com# Git Default Editor μ„€μ • (Visual Studio Code)git config --global core.editor "code --wait"# windows와 Mac OS의 곡백문자(μ€„λ°”κΏˆ) (Carriage return, Lind Feed)# Windows ν™˜κ²½git config --g..
[ Data Structure ] πŸ”— μ—°κ²° 리슀트(Linked List)
Β·
πŸ§ͺ Computer science/Data Structure
πŸ“š μ—°κ²° 리슀트(Linked List)의 κ°œλ…μ—°κ²° 리슀트(Linked List) λŠ” 데이터λ₯Ό 연속적인 λ©”λͺ¨λ¦¬ 곡간에 μ €μž₯ν•˜λŠ” λ°°μ—΄κ³ΌλŠ” λ‹€λ₯΄κ²Œ,각 데이터가 μ €μž₯된 μœ„μΉ˜κ°€ μ„œλ‘œ λ–¨μ–΄μ Έ μžˆλŠ” μžλ£Œκ΅¬μ‘°μ΄λ‹€.μ—°κ²° λ¦¬μŠ€νŠΈλŠ” 각 데이터가 λ…Έλ“œ(Node)둜 κ΅¬μ„±λ˜μ–΄ 있으며, 이 λ…Έλ“œλŠ” 두 κ°€μ§€ 정보λ₯Ό κ°€μ§€κ³  μžˆλ‹€:데이터: λ…Έλ“œμ— μ €μž₯된 κ°’λ‹€μŒ λ…Έλ“œλ₯Ό κ°€λ¦¬ν‚€λŠ” 포인터(링크): λ‹€μŒ λ…Έλ“œμ˜ λ©”λͺ¨λ¦¬ μ£Όμ†Œ πŸ”— μ—°κ²° 리슀트(Linked List)의 νŠΉμ§•λ™μ  λ©”λͺ¨λ¦¬ ν• λ‹Ή : 배열은 크기가 κ³ μ •λ˜μ–΄ μžˆμ§€λ§Œ, μ—°κ²° λ¦¬μŠ€νŠΈλŠ” ν•„μš”μ— 따라 λ™μ μœΌλ‘œ λ…Έλ“œλ₯Ό μΆ”κ°€ν•  수 μžˆλ‹€.λ…Έλ“œ μΆ”κ°€/μ‚­μ œκ°€ 효율적 : μ—°κ²° λ¦¬μŠ€νŠΈμ—μ„œλŠ” 쀑간에 λ…Έλ“œλ₯Ό μ‚½μž…ν•˜κ±°λ‚˜ μ‚­μ œν•  λ•Œ 전체 ꡬ쑰λ₯Ό λ³€κ²½ν•˜μ§€ μ•Šκ³ ,λͺ‡ 개의 ν¬μΈν„°λ§Œ μˆ˜μ •ν•˜λ©΄ 되기 λ•Œλ¬Έμ— 배열보닀 효율적..
[ Data Structure ] 🍑 큐(Queue)
Β·
πŸ§ͺ Computer science/Data Structure
πŸ“š 큐(Queue)의 κ°œλ…ν(Queue) λŠ” '쀄을 μ„œλ‹€' λΌλŠ” λœ»μ„ κ°€μ§€κ³  μžˆλ‹€.νλŠ” λ¨Όμ € λ“€μ–΄κ°„ 데이터가 λ¨Όμ € λ‚˜μ˜€λŠ” μžλ£Œκ΅¬μ‘°μ΄λ‹€.νμ—­μ‹œ μŠ€νƒκ³Ό λ§ˆμ°¬κ°€μ§€λ‘œ μƒν™œ μ†μ—μ„œ μ‰½κ²Œ 예λ₯Ό μ°Ύμ•„λ³Ό 수 μžˆλŠ”λ°μ‹λ‹Ήμ— 쀄을 μ„  μˆœμ„œλŒ€λ‘œ 식당에 μž…μž₯μž₯ν•  λ•Œλ₯Ό 생각해보면 λœλ‹€.이런 큐(Queue) 의 νŠΉμ§•μ„ μ„ μž…μ„ μΆœ λ˜λŠ” FIFO(first in first out)이라고 ν•œλ‹€.그리고 μŠ€νƒκ³Ό λ§ˆμ°¬κ°€μ§€λ‘œ 큐도 μ‚½μž…ν•˜λŠ” 연산을 push, κΊΌλ‚΄λŠ” 연산을 pop이라고 ν•œλ‹€. βš™οΈ 큐(Queue)의 λ™μž‘ μ›λ¦¬κ·ΈλŸΌ 큐(Queue) μ—μ„œ μ›μ†Œκ°€ μ΄λ™ν•˜λŠ” 과정을 λ‹€μŒκ³Ό 같이 그림으둜 κ·Έλ €μ„œ μ•Œμ•„λ³΄λ„λ‘ ν•˜κ² λ‹€. 1. μš°μ„  빈 큐(Queue) λ₯Ό ν•˜λ‚˜ μ„ μ–Έν•΄μ£Όκ² λ‹€.  2. ν•΄λ‹Ή 큐에 μ›μ†Œ 2 λ₯Ό μ‚½μž…ν•˜λŠ”λ° 빈 νμ΄λ―€λ‘œ 제일 μ•žμ— μ‚½μž…μ„ ..
[ Data Structure ] πŸ₯ž μŠ€νƒ(Stack)
Β·
πŸ§ͺ Computer science/Data Structure
πŸ“š μŠ€νƒ(Stack)의 κ°œλ…μŠ€νƒ(Stack)의 어원은 'μŒ“λŠ”λ‹€' 이닀.μ–΄μ›μ—μ„œ μ§μž‘ν•  수 μžˆλ“―μ΄ λ¨Όμ € μž…λ ₯ν•œ 데이터λ₯Ό 제일 λ‚˜μ€‘μ— κΊΌλ‚Ό 수 μžˆλŠ” μžλ£Œκ΅¬μ‘°μ΄λ‹€.μ£Όλ³€μ—μ„œ μ°Ύμ•„λ³Ό 수 μžˆλŠ” μ˜ˆμ‹œλ‘œν‹°μŠˆλ₯Ό μƒκ°ν•΄λ³΄λ©΄ν‹°μŠˆλ₯Ό λ§Œλ“€ λ•Œ λ¨Όμ € λ„£λŠ” ν‹°μŠˆκ°€ κ°€μž₯ μ•„λž˜μ— μœ„μΉ˜ν•œλ‹€.κ·Έλž˜μ„œ ν‹°μŠˆλ₯Ό μ‚¬μš©ν•  λ•ŒλŠ” κ°€μž₯ μœ„μ— μžˆλŠ” ν‹°μŠˆλΆ€ν„° μ‚¬μš©ν•  수 μžˆκ²Œλœλ‹€.μ΄λ ‡κ²Œ λ¨Όμ € λ“€μ–΄κ°„ 것이 λ§ˆμ§€λ§‰μ— λ‚˜μ˜€λŠ” κ·œμΉ™μ„ ν›„μž…μ„ μΆœ λ˜λŠ” LIFO(Last In First Out)λΌκ³ ν•œλ‹€.μ΄λ•Œ μŠ€νƒμ— μ‚½μž…ν•˜λŠ” 연산을 push, κΊΌλ‚΄λŠ” 연산을 pop이라고 ν•œλ‹€. βš™οΈ μŠ€νƒ(Stack)의 λ™μž‘ μ›λ¦¬μœ„μ—μ„œ μ„€λͺ…ν•œ μŠ€νƒμ— λŒ€ν•œ κ°œλ…μ„ 그림으둜 ν‘œν˜„ν•˜μžλ©΄ λ‹€μŒκ³Ό κ°™λ‹€. βš–️ μŠ€νƒ(Stack)의 μ •μ˜, ADTμŠ€νƒμ˜ ADTλΌλŠ” 것을 μ •μ˜ν•΄λ³΄μžADTλŠ” 우리말둜 좔상..