[Javascript] replace(), parseInt(), toString()λ¬Έμžμ—΄μ„ μ •μˆ˜λ‘œ λ³€ν™˜, μ •μˆ˜λ₯Ό λ¬Έμžμ—΄λ‘œ λ³€ν™˜ 🧐
Β·
JavaScript
메뉴λ₯Ό 주문내역에 μΆ”κ°€ν•˜λŠ” 것을 κ΅¬ν˜„ν•˜λŠ” 도쀑가격이 6,200원 6,000원과 같이 νƒ€μž…μ΄ λ¬Έμžμ—΄μ΄κΈ° λ•Œλ¬Έμ—μ–΄λ–»κ²Œ ν•˜λ©΄ μ •μˆ˜λ‘œ λ³€ν™˜ν•˜μ—¬ 더할 것이며 천자리 λ°”λ‹€ 콀마(,) κ°€ 찍힐 수 μžˆλ„λ‘ ν•˜λŠ” 것에 λŒ€ν•΄ κ³ λ―Όν–ˆλ‹€. ν•΄κ²° μˆœμ„œ 1. 6,200원(λ¬Έμžμ—΄ string) 을 μ •μˆ˜λ‘œ λ³€ν™˜ / 6,200원(string)->6,200(number)2. 6200 (number) + 6000 (number)... + 총 κΈˆμ•‘(number) 계산3. 총 κΈˆμ•‘ 12200 (number)  을 12,200 원 (string) 으둜 λ³€ν™˜ 1. λ¬Έμžμ—΄μ„ μ •μˆ˜λ‘œ λ³€ν™˜- μ •μˆ˜λ‘œ λ³€ν™˜ν•˜κΈ° μ „μ—λŠ” price, price2 λŠ” string νƒ€μž…μΈ 것을 확인 ν•  수 μžˆλ‹€.  - μ •μˆ˜λ‘œ λ³€ν™˜ν•΄μ„œ 좜λ ₯ν•΄λ³΄λ‹ˆ 6200 이 μ•„λ‹Œ 6 만 λ‚˜μ˜€..
[CSS] display / inline-block κ°€μš΄λ° 정렬에 λŒ€ν•΄ μ•Œμ•„λ³΄μž ✍️
Β·
CSS
πŸ‘¨‍πŸ’» float:left μ†μ„±μœΌλ‘œ 아무리 κ°€μš΄λ° 정렬을 ν•˜λ €κ³  λ…Έλ ₯ν•΄λ΄€μ§€λ§Œ, μΉ΄λ“œ μš”μ†Œλ“€μ˜ κ°€λ‘œ 정렬을 μœ„ν•΄ float:left 속성을 μ‚¬μš©ν–ˆλ‹€. κ°€λ‘œ 정렬은 성곡(?) ν–ˆμ§€λ§Œ κ°€μš΄λ° 정렬을 ν•˜μ§€ λͺ»ν–ˆλ‹€.text-align: center; / margin:0 auto; λ₯Ό μ‚¬μš©ν•΄λ„ λ„μ €νžˆ μ•ˆλ˜λŠ” κ°€μš΄λ° μ •λ ¬ μ›μΈμ€ λ°”λ‘œ float:left 속성 λ•Œλ¬Έμ΄μ—ˆλ‹€. .travel-card { float: left;} μΉ΄λ“œ μš”μ†Œ class μ„ νƒμž("travel-card") 둜 λ¬Άμ–΄ float: left; μ‚¬μš© μ‹œ κ²°κ³Ό 화면이닀.μš”μ†Œλ“€μ΄ λΈŒλΌμš°μ €μ˜ μ™Όμͺ½λΆ€ν„° κ°€λ‘œ μ •λ ¬λ‘œ λ‚˜μ—΄λœλ‹€.ν•˜μ§€λ§Œ λ‚΄κ°€ μ›ν•˜λŠ” 것은 κ°€μš΄λ° 정렬을 같이 ν•˜λŠ” κ²ƒμ΄μ—ˆλ‹€. πŸ‘¨‍πŸ’» display: inline-block; 을 μ‚¬μš©ν•œ κ°€μš΄λ°..