1-15_Javascript 연습하기 1

250x250

Recent Posts

« 2024/10 »
일	월	화	수	목	금	토
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

관리 메뉴

Hello creators 🙌

1-15_Javascript 연습하기 1 본문

[WEB & AI] 취준 공부 기록/스파르타코딩클럽_웹개발종합반

1-15_Javascript 연습하기 1

부시매나_HA 2023. 10. 2. 08:58

728x90

이번 회차 학습 목표 (goal)

이해 하고자 하는 것
- 'Javascript 문법' 에 대한 이해

만들고자 하는 것
- 미세먼지가 40 미만인 지역만 뽑아내기

Javascript 자주 나오는 패턴 익히기

자주 나오는 패턴
- 학습에 있어, 자주 나오는 것은 굉장히 중요함.

1️⃣ console.log 를 통해 데이터가 어떻게 생겼는지 파악하기

let mise_list = [
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "도심권",
            MSRSTE_NM: "중구",
            PM10: 22,
            PM25: 14,
            O3: 0.018,
            NO2: 0.015,
            CO: 0.4,
            SO2: 0.002,
            IDEX_NM: "좋음",
            IDEX_MVL: 31,
            ARPLT_MAIN: "O3",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "도심권",
            MSRSTE_NM: "종로구",
            PM10: 24,
            PM25: 18,
            O3: 0.013,
            NO2: 0.016,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 39,
            ARPLT_MAIN: "PM25",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "도심권",
            MSRSTE_NM: "용산구",
            PM10: 0,
            PM25: 15,
            O3: 0.012,
            NO2: 0.027,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "점검중",
            IDEX_MVL: -99,
            ARPLT_MAIN: "점검중",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서북권",
            MSRSTE_NM: "은평구",
            PM10: 36,
            PM25: 14,
            O3: 0.019,
            NO2: 0.018,
            CO: 0.5,
            SO2: 0.005,
            IDEX_NM: "좋음",
            IDEX_MVL: 42,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서북권",
            MSRSTE_NM: "서대문구",
            PM10: 28,
            PM25: 9,
            O3: 0.018,
            NO2: 0.015,
            CO: 0.6,
            SO2: 0.004,
            IDEX_NM: "좋음",
            IDEX_MVL: 37,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서북권",
            MSRSTE_NM: "마포구",
            PM10: 26,
            PM25: 8,
            O3: 0.012,
            NO2: 0.021,
            CO: 0.5,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 36,
            ARPLT_MAIN: "NO2",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "광진구",
            PM10: 17,
            PM25: 9,
            O3: 0.018,
            NO2: 0.016,
            CO: 0.6,
            SO2: 0.001,
            IDEX_NM: "좋음",
            IDEX_MVL: 31,
            ARPLT_MAIN: "O3",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "성동구",
            PM10: 21,
            PM25: 12,
            O3: 0.018,
            NO2: 0.017,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 33,
            ARPLT_MAIN: "PM25",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "중랑구",
            PM10: 27,
            PM25: 10,
            O3: 0.015,
            NO2: 0.019,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 34,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "동대문구",
            PM10: 26,
            PM25: 9,
            O3: 0.016,
            NO2: 0.017,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 34,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "성북구",
            PM10: 27,
            PM25: 8,
            O3: 0.022,
            NO2: 0.014,
            CO: 0.5,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 37,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "도봉구",
            PM10: 25,
            PM25: 12,
            O3: 0.024,
            NO2: 0.011,
            CO: 0.3,
            SO2: 0.002,
            IDEX_NM: "좋음",
            IDEX_MVL: 41,
            ARPLT_MAIN: "O3",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "강북구",
            PM10: 30,
            PM25: 15,
            O3: 0.022,
            NO2: 0.02,
            CO: 0.4,
            SO2: 0.002,
            IDEX_NM: "좋음",
            IDEX_MVL: 39,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동북권",
            MSRSTE_NM: "노원구",
            PM10: 21,
            PM25: 14,
            O3: 0.017,
            NO2: 0.016,
            CO: 0.4,
            SO2: 0.004,
            IDEX_NM: "좋음",
            IDEX_MVL: 36,
            ARPLT_MAIN: "PM25",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서남권",
            MSRSTE_NM: "강서구",
            PM10: 36,
            PM25: 16,
            O3: 0.021,
            NO2: 0.013,
            CO: 0.4,
            SO2: 0.004,
            IDEX_NM: "좋음",
            IDEX_MVL: 42,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서남권",
            MSRSTE_NM: "구로구",
            PM10: 23,
            PM25: 10,
            O3: 0.022,
            NO2: 0.016,
            CO: 0.3,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 37,
            ARPLT_MAIN: "O3",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서남권",
            MSRSTE_NM: "영등포구",
            PM10: 29,
            PM25: 15,
            O3: 0.01,
            NO2: 0.022,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 41,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서남권",
            MSRSTE_NM: "동작구",
            PM10: 29,
            PM25: 15,
            O3: 0.012,
            NO2: 0.023,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 41,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서남권",
            MSRSTE_NM: "관악구",
            PM10: 27,
            PM25: 12,
            O3: 0.012,
            NO2: 0.022,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 37,
            ARPLT_MAIN: "NO2",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서남권",
            MSRSTE_NM: "금천구",
            PM10: 25,
            PM25: 15,
            O3: 0.015,
            NO2: 0.02,
            CO: 0.4,
            SO2: 0.004,
            IDEX_NM: "좋음",
            IDEX_MVL: 43,
            ARPLT_MAIN: "PM25",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "서남권",
            MSRSTE_NM: "양천구",
            PM10: 0,
            PM25: 14,
            O3: 0.016,
            NO2: 0.017,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "점검중",
            IDEX_MVL: -99,
            ARPLT_MAIN: "점검중",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동남권",
            MSRSTE_NM: "강남구",
            PM10: 31,
            PM25: 16,
            O3: 0.018,
            NO2: 0.018,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 39,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동남권",
            MSRSTE_NM: "서초구",
            PM10: 34,
            PM25: 13,
            O3: 0.024,
            NO2: 0.019,
            CO: 0.3,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 41,
            ARPLT_MAIN: "PM10",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동남권",
            MSRSTE_NM: "송파구",
            PM10: 25,
            PM25: 6,
            O3: 0.014,
            NO2: 0.025,
            CO: 0.4,
            SO2: 0.003,
            IDEX_NM: "좋음",
            IDEX_MVL: 42,
            ARPLT_MAIN: "NO2",
        },
        {
            MSRDT: "201912052100",
            MSRRGN_NM: "동남권",
            MSRSTE_NM: "강동구",
            PM10: 24,
            PM25: 14,
            O3: 0.016,
            NO2: 0.02,
            CO: 0.4,
            SO2: 0.002,
            IDEX_NM: "좋음",
            IDEX_MVL: 39,
            ARPLT_MAIN: "PM25",
        },
    ];

for (let i = 0; i < mise_list.length; i++) {
            console.log(mise_list[i])
        }

결과물

2️⃣ `IDEX_MVL` 40 보다 작은 곳 파악하기

IDEX_MVL = 미세먼지 수치 임

🔹 결과물

최종 코드 🔗

<script>

let mise_list = [
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "도심권",
        MSRSTE_NM: "중구",
        PM10: 22,
        PM25: 14,
        O3: 0.018,
        NO2: 0.015,
        CO: 0.4,
        SO2: 0.002,
        IDEX_NM: "좋음",
        IDEX_MVL: 31,
        ARPLT_MAIN: "O3",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "도심권",
        MSRSTE_NM: "종로구",
        PM10: 24,
        PM25: 18,
        O3: 0.013,
        NO2: 0.016,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 39,
        ARPLT_MAIN: "PM25",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "도심권",
        MSRSTE_NM: "용산구",
        PM10: 0,
        PM25: 15,
        O3: 0.012,
        NO2: 0.027,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "점검중",
        IDEX_MVL: -99,
        ARPLT_MAIN: "점검중",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서북권",
        MSRSTE_NM: "은평구",
        PM10: 36,
        PM25: 14,
        O3: 0.019,
        NO2: 0.018,
        CO: 0.5,
        SO2: 0.005,
        IDEX_NM: "좋음",
        IDEX_MVL: 42,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서북권",
        MSRSTE_NM: "서대문구",
        PM10: 28,
        PM25: 9,
        O3: 0.018,
        NO2: 0.015,
        CO: 0.6,
        SO2: 0.004,
        IDEX_NM: "좋음",
        IDEX_MVL: 37,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서북권",
        MSRSTE_NM: "마포구",
        PM10: 26,
        PM25: 8,
        O3: 0.012,
        NO2: 0.021,
        CO: 0.5,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 36,
        ARPLT_MAIN: "NO2",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "광진구",
        PM10: 17,
        PM25: 9,
        O3: 0.018,
        NO2: 0.016,
        CO: 0.6,
        SO2: 0.001,
        IDEX_NM: "좋음",
        IDEX_MVL: 31,
        ARPLT_MAIN: "O3",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "성동구",
        PM10: 21,
        PM25: 12,
        O3: 0.018,
        NO2: 0.017,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 33,
        ARPLT_MAIN: "PM25",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "중랑구",
        PM10: 27,
        PM25: 10,
        O3: 0.015,
        NO2: 0.019,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 34,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "동대문구",
        PM10: 26,
        PM25: 9,
        O3: 0.016,
        NO2: 0.017,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 34,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "성북구",
        PM10: 27,
        PM25: 8,
        O3: 0.022,
        NO2: 0.014,
        CO: 0.5,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 37,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "도봉구",
        PM10: 25,
        PM25: 12,
        O3: 0.024,
        NO2: 0.011,
        CO: 0.3,
        SO2: 0.002,
        IDEX_NM: "좋음",
        IDEX_MVL: 41,
        ARPLT_MAIN: "O3",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "강북구",
        PM10: 30,
        PM25: 15,
        O3: 0.022,
        NO2: 0.02,
        CO: 0.4,
        SO2: 0.002,
        IDEX_NM: "좋음",
        IDEX_MVL: 39,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동북권",
        MSRSTE_NM: "노원구",
        PM10: 21,
        PM25: 14,
        O3: 0.017,
        NO2: 0.016,
        CO: 0.4,
        SO2: 0.004,
        IDEX_NM: "좋음",
        IDEX_MVL: 36,
        ARPLT_MAIN: "PM25",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서남권",
        MSRSTE_NM: "강서구",
        PM10: 36,
        PM25: 16,
        O3: 0.021,
        NO2: 0.013,
        CO: 0.4,
        SO2: 0.004,
        IDEX_NM: "좋음",
        IDEX_MVL: 42,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서남권",
        MSRSTE_NM: "구로구",
        PM10: 23,
        PM25: 10,
        O3: 0.022,
        NO2: 0.016,
        CO: 0.3,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 37,
        ARPLT_MAIN: "O3",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서남권",
        MSRSTE_NM: "영등포구",
        PM10: 29,
        PM25: 15,
        O3: 0.01,
        NO2: 0.022,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 41,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서남권",
        MSRSTE_NM: "동작구",
        PM10: 29,
        PM25: 15,
        O3: 0.012,
        NO2: 0.023,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 41,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서남권",
        MSRSTE_NM: "관악구",
        PM10: 27,
        PM25: 12,
        O3: 0.012,
        NO2: 0.022,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 37,
        ARPLT_MAIN: "NO2",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서남권",
        MSRSTE_NM: "금천구",
        PM10: 25,
        PM25: 15,
        O3: 0.015,
        NO2: 0.02,
        CO: 0.4,
        SO2: 0.004,
        IDEX_NM: "좋음",
        IDEX_MVL: 43,
        ARPLT_MAIN: "PM25",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "서남권",
        MSRSTE_NM: "양천구",
        PM10: 0,
        PM25: 14,
        O3: 0.016,
        NO2: 0.017,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "점검중",
        IDEX_MVL: -99,
        ARPLT_MAIN: "점검중",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동남권",
        MSRSTE_NM: "강남구",
        PM10: 31,
        PM25: 16,
        O3: 0.018,
        NO2: 0.018,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 39,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동남권",
        MSRSTE_NM: "서초구",
        PM10: 34,
        PM25: 13,
        O3: 0.024,
        NO2: 0.019,
        CO: 0.3,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 41,
        ARPLT_MAIN: "PM10",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동남권",
        MSRSTE_NM: "송파구",
        PM10: 25,
        PM25: 6,
        O3: 0.014,
        NO2: 0.025,
        CO: 0.4,
        SO2: 0.003,
        IDEX_NM: "좋음",
        IDEX_MVL: 42,
        ARPLT_MAIN: "NO2",
    },
    {
        MSRDT: "201912052100",
        MSRRGN_NM: "동남권",
        MSRSTE_NM: "강동구",
        PM10: 24,
        PM25: 14,
        O3: 0.016,
        NO2: 0.02,
        CO: 0.4,
        SO2: 0.002,
        IDEX_NM: "좋음",
        IDEX_MVL: 39,
        ARPLT_MAIN: "PM25",
    },
];

for (let i = 0; i < mise_list.length; i++) {
        if (mise_list[i]['IDEX_MVL'] < 40 ) {
            console.log(mise_list[i]['MSRSTE_NM'])
        }
    }

</script>

728x90

저작자표시 비영리 변경금지

'[WEB & AI] 취준 공부 기록 > 스파르타코딩클럽_웹개발종합반' 카테고리의 다른 글

2-1_2주차 오늘 배울 것 (0)	2023.10.02
1-16_1주차 끝 & 숙제 설명 (0)	2023.10.02
1-14_Javascript 기초 문법 배우기(2) (0)	2023.10.02
1-13_Javascript 기초 문법 배우기(1) (0)	2023.09.28
1-12_Javascript 맛보기 (0)	2023.09.28

'[WEB & AI] 취준 공부 기록/스파르타코딩클럽_웹개발종합반' Related Articles

Comments

Hello creators 🙌

1-15_Javascript 연습하기 1 본문

1-15_Javascript 연습하기 1

이번 회차 학습 목표 (goal)

Javascript 자주 나오는 패턴 익히기

1️⃣ console.log 를 통해 데이터가 어떻게 생겼는지 파악하기

2️⃣ IDEX_MVL 40 보다 작은 곳 파악하기

🔹 결과물

최종 코드 🔗

'[WEB & AI] 취준 공부 기록 > 스파르타코딩클럽_웹개발종합반' 카테고리의 다른 글

티스토리툴바

2️⃣ `IDEX_MVL` 40 보다 작은 곳 파악하기