BMI Calculator
โ๏ธ Measurement Input
Metric / Imperial toggle โ instantly converts between kgยทcm and lbsยทftยทin
Slider + number input, two-way sync โ moving the slider updates the number box and vice versa
Age input and biological sex selection (used as a reference for healthy ranges)
๐ BMI Gauge
Semi-circular analogue gauge โ the needle rotates smoothly to match the BMI value via CSS transition
Five colour zones: Blue (underweight) โ Green (normal) โ Yellow (overweight) โ Orange (obese I) โ Red (obese II+)
Active category is highlighted; all others are dimmed
๐ Body Metrics Panel
Height (m), weight (kg), BMI, and category displayed in real time
Ideal weight range bar (WHO standard BMI 18.5โ24.9) with a marker showing current weight position
Automatically calculates how much weight to lose or gain to reach the ideal range
๐ก Health Guidance (4 tips per category)
Underweight โ increase caloric intake, strength training, protein at every meal, rule out underlying causes
Normal โ maintenance strategies, exercise routine, balanced diet, sleep
Overweight โ 500 kcal daily deficit, walking, reduce ultra-processed food, hydration
Obese I โ see a doctor, 5โ10% weight loss impact, portion control, stress management
Obese II+ โ medical supervision, metabolic assessment, GLP-1 medications, build a support network
๐ Reference Information
WHO BMI Classification (2004) explained
Separate guidance for Asian populations (overweight โฅ 23, obese โฅ 27.5)
Medical disclaimer noting BMI is a screening tool, not a diagnostic measure
์๋จ ์์์ ๋ถ์
์๋จ์ ์์์ ๋น์จ์ 4๊ฐ์ง ๋ฐฉ์์ผ๋ก ์๊ฐํํ ํ๊ธ HTML์
๋๋ค. ๊ธฐ๋ณธ ์์ ์๋จ(ํ๋ฃจ์น)์ด ๋ฏธ๋ฆฌ ์ฑ์์ ธ ์์ด ๋ฐ๋ก ๊ฒฐ๊ณผ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
์์ ์ถ๊ฐ/๋ชฉํ ์ค์ : 15๊ฐ์ง ์์ DB์์ ๊ณจ๋ผ ๋ผ๋(์์นจ/์ ์ฌ/์ ๋
/๊ฐ์)์ ์ญ์ทจ๋(g)์ ์
๋ ฅํด ์ถ๊ฐํ๊ณ , ํ๋ฃจ ๋ชฉํ ์นผ๋ก๋ฆฌยทํ๋จ์งยท์์ด์ฌ์ ยท๋ํธ๋ฅจ๋ ์ง์ ์กฐ์ ํ ์ ์์ต๋๋ค.
01 ยท ํ๋จ์ง ์นผ๋ก๋ฆฌ ๋น์จ ๋๋: ๋ฌด๊ฒ๊ฐ ์๋ ์นผ๋ก๋ฆฌ ๊ธฐ์ฌ ๋น์จ(ํ์ํ๋ฌผยท๋จ๋ฐฑ์ง 4kcal/g, ์ง๋ฐฉ 9kcal/g ๊ธฐ์ค)๋ก ์ ํํ๊ฒ ๊ณ์ฐํด ๋๋ ์ฐจํธ๋ก ๋ณด์ฌ์ค๋๋ค.
02 ยท ๋ผ๋๋ณ ์์์ ๊ตฌ์ฑ: ์์นจยท์ ์ฌยท์ ๋
ยท๊ฐ์ ๊ฐ๊ฐ์ ์นผ๋ก๋ฆฌ๊ฐ ํ์ํ๋ฌผ/๋จ๋ฐฑ์ง/์ง๋ฐฉ์ผ๋ก ์ด๋ป๊ฒ ๊ตฌ์ฑ๋๋์ง ์คํ ๋ฐ๋ก ๋น๊ตํฉ๋๋ค.
03 ยท ๋ชฉํ ๋๋น ๋ ์ด๋ ์ฐจํธ: ์นผ๋ก๋ฆฌยทํ์ํ๋ฌผยท๋จ๋ฐฑ์งยท์ง๋ฐฉยท์์ด์ฌ์ ยท๋ํธ๋ฅจ 6๊ฐ ํญ๋ชฉ์ ๋ชฉํ์น์ 100% ๊ธฐ์ค์ ๊ณผ ํจ๊ป ๋ฐฉ์ฌํ์ผ๋ก ๋ณด์ฌ์ค๋๋ค.
04 ยท ์์ฝ ์นด๋: ๊ฐ ํญ๋ชฉ์ ์ค์ ์ญ์ทจ๋๊ณผ ๋ชฉํ ๋๋น ์งํ๋ฅ ๋ฐ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค.
๊ธ์ฃผ ๊ธฐ๊ฐ๋ณ ์ ์ฒด์ ยท์ ์ ์ ํจ๊ณผ
์ ์ ๋์์ ๋ ์ผ, ์ฃผ, ์ ๋จ์๋ก ์ผ์ด๋๋ ๋๋ผ์ด ๋ณํ๋ฅผ ํ์ธํด๋ณด์ธ์.
์ค๋์ ๊ฑด๊ฐ๊ด๋ฆฌ+
๋ฌผ ์ญ์ทจ โ ์ปต ์์ด์ฝ์ ์ง์ ํด๋ฆญํด์ ๋ง์ ์ ์ ๊ธฐ๋ก (๋ชฉํ 8์)
์ด๋ & ๊ฑธ์ โ 1,000๊ฑธ์์ฉ ์ถ๊ฐ, ์ด๋ 30๋ถ ๋จ์๋ก ์ถ๊ฐ / kcal ์๋ ๊ณ์ฐ
์์ฌ ๊ธฐ๋ก โ ์ด๋ฆ + kcal ์
๋ ฅํด์ ์ถ๊ฐ, 2,000kcal ๋ชฉํ ๋๋น ์งํ๋ฅ ํ์
์ฒด์ค ๊ธฐ๋ก โ ์
๋ ฅ ์ ์ด์ ๋๋น ๋ณํ๋ (โฒ/โผ) ์๋ ํ์
๊ฑด๊ฐ ์ ์ โ 4๊ฐ์ง ํญ๋ชฉ ๊ธฐ๋ฐ์ผ๋ก 100์ ์๋ ๊ณ์ฐ, ๋ฌ์ฑ๋์ ๋ฐ๋ผ ๋ฉํธ ๋ณ๊ฒฝ