[스파르타 코딩클럽] 웹개발 종합반 1주차 회고

summer choi·2022년 5월 10일
'스파르타회고록'웹개발종합반
0

스파르타 웹개발종합반

목록 보기
1/2
post-thumbnail

🖤 웹개발 종합반 1주차 회고록

이렇게 강의 듣는게 오래 걸릴줄..나도 몰랐고 너도 몰랐다..

일주일동안 HTML, CSS, JAVASCRIPT 강의를 들으며 생활코딩으로 배워왔던 기본개념을 복습하는 기분으로 공부했다. 사실....일주일도 안 돼서 들을 수 있을줄 알았다. 초반엔 나도 알고있는 기본 개념들이라 이렇게 듣는데에 오랜 시간을 소비할줄 몰랐는데..그렇게 됐다.
결국 과제도 1주차가 끝난 2주차 월요일에 제출하게 됐고..원래 들으려던 생활코딩 JAVASCRIPT 뒷부분 강의와 신청해뒀던 c#강의는 하나도 듣지 못했다 하하.

안일했던 일주일인것을 인정하며 반성했다..정신차려서 공부해야지.


1-1

  • 브라우저: 서버에 요청(API), 서버가 준 것을 그대로 보여줌

1-3

  • Head 태그 : 페이지 속성 정보 (meta, script, link ,title 등) / body 태그 : 페이지
    내용

✍<기본 태그 정리>

<body>
    <!-- 구역을 나누는 태그들 -->
    <div>나는 구역을 나누죠</div>
    <p>나는 문단이에요</p>
    <ul>
        <li> bullet point!1 </li>
        <li> bullet point!2 </li>
    </ul>

    <!-- 구역 내 콘텐츠 태그들 -->
    <h1>h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.</h1>
    <h2>h2는 소제목입니다.</h2>
    <h3>h3~h6도 각자의 역할이 있죠. 비중은 작지만..</h3>
    <hr>
    span 태그입니다: 특정 <span style="color:red">글자</span>를 꾸밀 때 써요
    <hr>
    a 태그입니다: <a href="http://naver.com/"> 하이퍼링크 </a>
    <hr>
    img 태그입니다: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
    <hr>
    input 태그입니다: <input type="text" />
    <hr>
    button 태그입니다: <button> 버튼입니다</button>
    <hr>
    textarea 태그입니다: <textarea>나는 무엇일까요?</textarea>
</body>
  • div태그(division): 묶어서 한 번에 옮길때 (구역 묶을때 사용)
  • p태그(paragraph): 문단
  • span태그: 특정 글자 꾸밀 때 사용
  • input태그: 입력
  • hr태그: 가로선

1-5

✍ <자주 쓰이는 CSS>

배경관련: background-color /background-image /background-size
사이즈: width/ height
폰트: font-size/ font-weight/ font-famliy/ color
간격: margin/ padding


1-6

✍ <로그인페이지>


<title>로그인페이지</title>
    <style>
    .mytitle {
     background-color: green;
        width: 300px;
        height: 200px;
        color: white;
        text-align: center;

        background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
        background-size: cover;
        background-position: center;
        border-radius: 10px; /* 귀퉁이 둥글게 */
        padding-top: 20px;

    }
    .wrap {
        width: 300px; /*div영역 크기 줄이기*/
        margin: auto; /*양쪽여백동등해짐*/
    }
.red-font {
	color: red;
	font-size: 30px;
}

    </style>
</head>
<body>
    <div class="wrap">
        <div class="mytitle">
            <h1>로그인 페이지</h1>
            <h5>아이디, 패스워드를 입력해주세요</h5>
        </div>

        <p> ID: <input type="text"/></p>
        <p> PW: <input type="text"/></p>
        <button class=”mybtn red-font”>로그인하기</button>
        </p>
    </div>
</body>
</html>

*TIP 네방위의 margin 동시에 조절이 필요할 때) margin: 20px 0px 10px 30px
top부터 시계방향으로

  • 효과를 동시에 줘야 할 땐
    로 묶는다
  • button에 red-font, mybtn의 속성을 동시에 주고 싶을땐
    <button class=”mybtn red-font”>라고 작성한다.
  • margin: 바깥 여백 / padding: 안쪽 여백


1-7

✍ <CSS 폰트 바꾸는 방법>

<title>로그인페이지</title>
  <Link href="https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700;800&display=swap" rel="stylesheet">
  <style>
      * {
        font-family: 'Nanum Myeongjo', serif;
      }
  • 해당url 복사 후 title 아래에 붙여넣기
  • 태그 아래에 * (전체) 산하에 태그 붙여넣기
  • 주석 : /* */
  • 코드 가리기: <!-- -- >
    *style sheet : style.css파일 생성 후 (같은 폴더) head 태그 밑에 작성


1-11

<!doctype html>
<html lang="en">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700;800&family=Stylish&display=swap"
      rel="stylesheet">
<head>
    <!--     Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
            crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
            integrity="sha384-JZR6Spejh4U02d8jOt6vLEH fe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
            crossorigin="anonymous"></script>
    <title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
    <style>
        * {
            font-family: 'Stylish', sans-serif;
        }

        .wrap {
            width: 900px;
            margin: auto;
        }

        .comment {
            color: blue;
            font-weight: bold;
        }
         .article {
             height: 340px;
             width: 500px;
             border: 3px solid black;
             border-radius: 5px;
             padding: 50px;
             margin: 10px auto 30px auto;

        }
         .card-columns {
             margin: 20px;
         }
    </style>
</head>
<body>
<div class="wrap">
    <div class="jumbotron">
        <h1 class="display-4">나홀로 링크 메모장!</h1>
        <p class="lead">중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다
        </p>
        <hr class="my-4">
        <p class="lead">
            <a class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>
        </p>
    </div>
    <div class="article">
  <div class="form-group">
    <label for="exampleInputEmail1">아티클 URL</label>
    <input type="email" class="form-control" id="exampleInputEmail1">
  </div>
  <div class="form-group">
    <label for="exampleFormControlTextarea1">간단 코멘트</label>
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="2"></textarea>
  </div>
  <button type="submit" class="btn btn-primary">기사저장</button>
</div>
    <div class="card-columns">
        <div class="card">
            <img class="card-img-top" src="https://t1.daumcdn.net/cfile/tistory/9982424C5F56648032"
                 alt="Card image cap">
            <div class="card-body">
                <a href="https://www.naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <p class="comment">여기에 코멘트가 들어갑니다.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://t1.daumcdn.net/cfile/tistory/9982424C5F56648032"
                 alt="Card image cap">
            <div class="card-body">
                <a href="https://www.naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <p class="comment">여기에 코멘트가 들어갑니다.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://t1.daumcdn.net/cfile/tistory/9982424C5F56648032"
                 alt="Card image cap">
            <div class="card-body">
                <a href="https://www.naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <p class="comment">여기에 코멘트가 들어갑니다.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://t1.daumcdn.net/cfile/tistory/9982424C5F56648032"
                 alt="Card image cap">
            <div class="card-body">
                <a href="https://www.naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <p class="comment">여기에 코멘트가 들어갑니다.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://t1.daumcdn.net/cfile/tistory/9982424C5F56648032"
                 alt="Card image cap">
            <div class="card-body">
                <a href="https://www.naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <p class="comment">여기에 코멘트가 들어갑니다.</p>
            </div>
        </div>
    </div>
</div>
</body>

</html>


1-13

<변수: 값을 담는 박스>

  • 문자열도 담을 수 있다 (‘’,”” 사용)
  • 변수 이름 지정 시 인식할 수 있는 문자로 짓는다(abcd x)

Let a = 2
a+3

  • 5

a = 5

  • 8

let first_name = ‘hajung’
let last_name = ‘choi’
first_name + last_name

  • “choihajung”

✍ [자료형]

  • list, dictionary
  • list : 순서가 중요함

✍ [list형]

Let a_list = [‘수박’, ‘참외’, ‘배’]
a_list[0]

  • ”수박”

a_list[1]

  • ”참외”

a_list.pust(‘감’)

  • 4

a_list[‘수박’, ‘참외’, ‘배’, “감”]

  • (4) [‘수박’, ‘참외’, ‘배’, “감”]

✍ [dictionary형]

Let a_dict = {‘name’: ‘bob’, ‘age’: 27}
a_dict[‘name’]

  • ’bob’

a_dict[‘age’]

  • 27

a_dict[‘height’] = 180

  • 180

a_dict

  • {name: “bob”, age: 27, height: 180}

a_dict[‘fruits’] = a_list

  • (4) [‘수박’, ‘참외’, ‘배’, “감”]

a_dict

  • {name: “bob”, age: 27, height: 180, fruits: Array(4)}


1-14 javascript – 함수,조건문,반복문

<함수: 부르면 정해진 동작을 행함>

Let a = 100
a % 8 (a를 8로 나눈 나머지)

  • 4

a % 3

  • 1

a < 150

  • true

a == 100

  • true

a != 100 (a는 100과 같지 않다)

  • false

Let my email = sparta@gmail.com
Myemail.split(‘@’)

  • (2) {“sparta”, “gmail.com”}

Myemail.split(‘@’)[1]

  • ”gmail.com”

Myemail.split(‘@’)[1].split(‘.’)

  • (2) [“gmail.”, “com”]

Myemail.split(‘@’)[1].split(‘.’)[0]

  • ”gmail”

Function sum (num1, num2){
Alert(‘안녕!’)
Return num1+num2
}
Let result = sum(2,3)
Result

  • 5

    sum(2,3) 2,3 숫자가 function sum(num1=2, num2=3)에 적용.
    alrert발생 (‘안녕!’)
    Num1(2)+num2(3)** = 5

✍ [return이 없는 상황 1]

Function sum (num1, num2){
Alert(‘안녕!’)
}
Mysum(1,2)

alrert만 발생 (‘안녕!’)

✍ [return이 없는 상황 2]

Function sum (num1, num2){
alert(‘첫번째’+num1)
alert(‘두번째’+num2)
mysum(2,3)

alrert발생 (‘첫번째2’)
alrert발생 (‘두번째3’)

✍ [mysum ()인 경우]

Function sum (){
alert(‘첫번째’)
alert(‘두번째’)
mysum()

alrert발생 (‘첫번째2’)
alrert발생 (‘두번째3’)

✍ <조건문>

Let age = 24
If (age > 20) {
Console.log(‘성인입니다’)
} else {
Console.log(‘청소년입니다’)
}

Let sex = ‘남성’
If (age > 20 && sex == ‘남성’) {
Console.log(‘성인 남성입니다’)
} else {
Console.log(‘청소년입니다’)
}
*and = && 두번

If (age > 20 || sex == ‘남성’) {
Console.log(‘성인 남성입니다’)
} else {
Console.log(‘청소년입니다’)
}
*or = +shift 두 번

✍ [if, else If, else if, else if, else 반복]

If (age > 20) {
Console.log(‘성인입니다’)
} else if (age > 7) {
Console.log(‘청소년입니다’)
} else {
Console.log(‘아동입니다’)
}

✍ [반복문]

For (let i = 0; i < 10; i++)
Cosole.log(i)
}
0 1 2 3 4 5 6 7 8 9
0 - 9까지 반복

Let people = [‘철수’, ‘영희’, ‘민수’, ‘형준’, ‘기남’, ‘동희’]
For (let i = 0; i < people.length; i++) {
Console.log(people[i])
}

철수 영희 민주 형준 기남 동희
사람 수 만큼 반복

Let scores = [
{‘name:‘철수’, ‘score’:90},
{‘name’:‘영희’, ‘score’:85}
{‘name’:‘민수’, ‘score’:70’}
{‘name’:‘형준’, ‘score’:50}
{‘name’:‘기남’, ‘score’:68}
{‘name’‘동희’, ‘score’:30}
]

Scores[0]

  • name: 철수, score: 90....

Scores[0][‘score’] 점수만

  • 90....

For (let i = 0; i < scores.length; i++) {
Console.log(scores[i])
}

  • name:철수, score: 90
    Name:영희, score: 85
    Name:민수, score:70…..

dictionary가 score 수 만큼 6개가 나옴

For (let i = 0; i < scores.length; i++) {
Console.log(scores[i][‘name’])
}

  • 철수 영희 민수 형준 기남 동희

dictionary 중에 name만 기재

For (let i = 0; i < scores.length; i++) {
Let name = scores[i][‘name’]
Let score = scores[i][‘score’]
Console.log(name,score)
}
let 00 : 자~ 정하자 같은 뉘양스

  • 철수 90
    영희 85
    민수 70….

[if문 삽입 가능]

For (let i = 0; i < scores.length; i++) {
Let name = scores[i][‘name’]
Let score = scores[i][‘score’]
if (score < 70) {
Console.log(name,score)
}
}

  • 형준 50
    기남 68
    동희 30

score의 수만큼 반복한다
Name은 scores에서의 name으로 정한다
Score는 scores에서의 score로 정한다
그 중에서 score의 수가 70보다 적은
Name score를 작성하시오

💗 [미세먼지 지수가 40 이하인 구 이름]

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",
  },
];

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

  • {MSRDT: '201912052100', MSRRGN_NM: '도심권', MSRSTE_NM: '중구', PM10: 22, PM25: 14, …}
    ….

구이름과 미세먼지지수에 이름을 붙여줌

for (let i = 0; i < mise_list.length; i++){
let gu_name = mise_list[i]['MSRSTE_NM']
let gu_mise = mise_list[i]['IDEX_MVL']
console.log(gu_name,gu_mise)

  • 중구 31
    종로구 39….

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

  • 중구 31
    종로구 39
    용산구 -99….

✍ [내가 혼자 했던 방법]

for (let i = 0; i < mise_list.length; i++) {
let name = mise_list[i]['MSRTE_NM']
let value = mise_list[i]['IDEX_MVL']
console.log(mise_list[i])
}

  • {MSRDT: '201912052100', MSRRGN_NM: '도심권', MSRSTE_NM: '중구', PM10: 22, PM25: 14, …}…

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

  • {MSRDT: '201912052100', MSRRGN_NM: '도심권', MSRSTE_NM: '중구', PM10: 22, PM25: 14, …}…

이렇게하면 미세먼지 지수 40보다 작은 값이 나오긴 하지만
간단하게 정리된 list는 아님.

💗 [자전거(parkingBikeTotCnt)가 5개 이하인 정류장의 이름을 출력하기]

let bikes = [
  {
    rackTotCnt: "7",
    stationName: "101. (구)합정동 주민센터",
    parkingBikeTotCnt: "4",
    shared: "14",
    stationLatitude: "37.54956055",
    stationLongitude: "126.90575409",
    stationId: "ST-3",
  },
  {
    rackTotCnt: "22",
    stationName: "102. 망원역 1번출구 앞",
    parkingBikeTotCnt: "17",
    shared: "5",
    stationLatitude: "37.55564880",
    stationLongitude: "126.91062927",
    stationId: "ST-4",
  },
  {
    rackTotCnt: "16",
    stationName: "103. 망원역 2번출구 앞",
    parkingBikeTotCnt: "11",
    shared: "13",
    stationLatitude: "37.55495071",
    stationLongitude: "126.91083527",
    stationId: "ST-5",
  },
  {
    rackTotCnt: "15",
    stationName: "104. 합정역 1번출구 앞",
    parkingBikeTotCnt: "11",
    shared: "0",
    stationLatitude: "37.55062866",
    stationLongitude: "126.91498566",
    stationId: "ST-6",
  },
  {
    rackTotCnt: "7",
    stationName: "105. 합정역 5번출구 앞",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.55000687",
    stationLongitude: "126.91482544",
    stationId: "ST-7",
  },
  {
    rackTotCnt: "12",
    stationName: "106. 합정역 7번출구 앞",
    parkingBikeTotCnt: "8",
    shared: "8",
    stationLatitude: "37.54864502",
    stationLongitude: "126.91282654",
    stationId: "ST-8",
  },
  {
    rackTotCnt: "7",
    stationName: "107. 신한은행 서교동금융센터점 앞",
    parkingBikeTotCnt: "5",
    shared: "14",
    stationLatitude: "37.55751038",
    stationLongitude: "126.91850281",
    stationId: "ST-9",
  },
  {
    rackTotCnt: "12",
    stationName: "108. 서교동 사거리",
    parkingBikeTotCnt: "9",
    shared: "8",
    stationLatitude: "37.55274582",
    stationLongitude: "126.91861725",
    stationId: "ST-10",
  },
  {
    rackTotCnt: "12",
    stationName: "109. 제일빌딩 앞",
    parkingBikeTotCnt: "8",
    shared: "33",
    stationLatitude: "37.54769135",
    stationLongitude: "126.91998291",
    stationId: "ST-11",
  },
  {
    rackTotCnt: "22",
    stationName: "110. 사천교",
    parkingBikeTotCnt: "16",
    shared: "5",
    stationLatitude: "37.56819916",
    stationLongitude: "126.91784668",
    stationId: "ST-13",
  },
  {
    rackTotCnt: "12",
    stationName: "111. 상수역 2번출구 앞",
    parkingBikeTotCnt: "9",
    shared: "25",
    stationLatitude: "37.54787064",
    stationLongitude: "126.92353058",
    stationId: "ST-15",
  },
  {
    rackTotCnt: "12",
    stationName: "112. 극동방송국 앞",
    parkingBikeTotCnt: "8",
    shared: "25",
    stationLatitude: "37.54920197",
    stationLongitude: "126.92320251",
    stationId: "ST-16",
  },
  {
    rackTotCnt: "27",
    stationName: "113. 홍대입구역 2번출구 앞",
    parkingBikeTotCnt: "24",
    shared: "22",
    stationLatitude: "37.55749893",
    stationLongitude: "126.92380524",
    stationId: "ST-18",
  },
  {
    rackTotCnt: "17",
    stationName: "114. 홍대입구역 8번출구 앞",
    parkingBikeTotCnt: "14",
    shared: "129",
    stationLatitude: "37.55706024",
    stationLongitude: "126.92442322",
    stationId: "ST-20",
  },
  {
    rackTotCnt: "17",
    stationName: "115. 사루비아 빌딩 앞",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.55893326",
    stationLongitude: "126.92711639",
    stationId: "ST-12",
  },
  {
    rackTotCnt: "7",
    stationName: "116. 일진아이윌아파트 옆",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.56454086",
    stationLongitude: "126.92707062",
    stationId: "ST-14",
  },
  {
    rackTotCnt: "27",
    stationName: "117. 홍은사거리",
    parkingBikeTotCnt: "9",
    shared: "0",
    stationLatitude: "37.59115982",
    stationLongitude: "126.94132996",
    stationId: "ST-17",
  },
  {
    rackTotCnt: "12",
    stationName: "118. 광흥창역 2번출구 앞",
    parkingBikeTotCnt: "9",
    shared: "67",
    stationLatitude: "37.54773331",
    stationLongitude: "126.93176270",
    stationId: "ST-19",
  },
  {
    rackTotCnt: "12",
    stationName: "119. 서강나루 공원",
    parkingBikeTotCnt: "9",
    shared: "17",
    stationLatitude: "37.54528427",
    stationLongitude: "126.93105316",
    stationId: "ST-21",
  },
  {
    rackTotCnt: "7",
    stationName: "120. 신수동 사거리",
    parkingBikeTotCnt: "3",
    shared: "0",
    stationLatitude: "37.54524231",
    stationLongitude: "126.93411255",
    stationId: "ST-22",
  },
  {
    rackTotCnt: "17",
    stationName: "121. 마포소방서 앞",
    parkingBikeTotCnt: "11",
    shared: "24",
    stationLatitude: "37.54976654",
    stationLongitude: "126.93317413",
    stationId: "ST-23",
  },
  {
    rackTotCnt: "12",
    stationName: "122. 신성기사식당 앞",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.54745865",
    stationLongitude: "126.93837738",
    stationId: "ST-24",
  },
  {
    rackTotCnt: "22",
    stationName: "123. 문화촌 공원",
    parkingBikeTotCnt: "7",
    shared: "0",
    stationLatitude: "37.59432983",
    stationLongitude: "126.94738770",
    stationId: "ST-25",
  },
  {
    rackTotCnt: "22",
    stationName: "124. 서강대 정문 건너편",
    parkingBikeTotCnt: "7",
    shared: "0",
    stationLatitude: "37.55113983",
    stationLongitude: "126.93698883",
    stationId: "ST-26",
  },
  {
    rackTotCnt: "17",
    stationName: "125. 서강대 남문 옆",
    parkingBikeTotCnt: "13",
    shared: "0",
    stationLatitude: "37.54948425",
    stationLongitude: "126.93894958",
    stationId: "ST-27",
  },
  {
    rackTotCnt: "22",
    stationName: "126. 서강대 후문 옆",
    parkingBikeTotCnt: "17",
    shared: "5",
    stationLatitude: "37.55041122",
    stationLongitude: "126.94384766",
    stationId: "ST-28",
  },
  {
    rackTotCnt: "22",
    stationName: "128. 신촌역(2호선) 1번출구 옆",
    parkingBikeTotCnt: "14",
    shared: "5",
    stationLatitude: "37.55549622",
    stationLongitude: "126.93634033",
    stationId: "ST-30",
  },
  {
    rackTotCnt: "17",
    stationName: "129. 신촌역(2호선) 6번출구 옆",
    parkingBikeTotCnt: "8",
    shared: "0",
    stationLatitude: "37.55505371",
    stationLongitude: "126.93756866",
    stationId: "ST-31",
  },
  {
    rackTotCnt: "12",
    stationName: "130. 신촌역(2호선) 7번출구 앞",
    parkingBikeTotCnt: "8",
    shared: "17",
    stationLatitude: "37.55485916",
    stationLongitude: "126.93615723",
    stationId: "ST-32",
  },
  {
    rackTotCnt: "25",
    stationName: "131. 증산2교",
    parkingBikeTotCnt: "17",
    shared: "4",
    stationLatitude: "37.58417130",
    stationLongitude: "126.91110229",
    stationId: "ST-33",
  },
  {
    rackTotCnt: "17",
    stationName: "133. 해담는다리",
    parkingBikeTotCnt: "11",
    shared: "12",
    stationLatitude: "37.58203125",
    stationLongitude: "126.90899658",
    stationId: "ST-35",
  },
  {
    rackTotCnt: "10",
    stationName: "134. 연세로 명물길",
    parkingBikeTotCnt: "6",
    shared: "20",
    stationLatitude: "37.55789185",
    stationLongitude: "126.93807983",
    stationId: "ST-36",
  },
  {
    rackTotCnt: "12",
    stationName: "135. 명물길 원형무대 앞",
    parkingBikeTotCnt: "10",
    shared: "0",
    stationLatitude: "37.55910110",
    stationLongitude: "126.93917847",
    stationId: "ST-37",
  },
  {
    rackTotCnt: "9",
    stationName: "136. 대흥동 주민센터",
    parkingBikeTotCnt: "1",
    shared: "11",
    stationLatitude: "37.55600357",
    stationLongitude: "126.94229889",
    stationId: "ST-38",
  },
  {
    rackTotCnt: "12",
    stationName: "137. NH농협 신촌지점 앞",
    parkingBikeTotCnt: "4",
    shared: "0",
    stationLatitude: "37.55681229",
    stationLongitude: "126.94318390",
    stationId: "ST-39",
  },
  {
    rackTotCnt: "12",
    stationName: "138. 신촌동 제1공영주차장 앞",
    parkingBikeTotCnt: "7",
    shared: "25",
    stationLatitude: "37.55917740",
    stationLongitude: "126.93452454",
    stationId: "ST-40",
  },
  {
    rackTotCnt: "15",
    stationName: "139. 연세대 정문 건너편",
    parkingBikeTotCnt: "13",
    shared: "7",
    stationLatitude: "37.55979538",
    stationLongitude: "126.93447876",
    stationId: "ST-43",
  },
  {
    rackTotCnt: "22",
    stationName: "140. 이화여대 후문",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.56000900",
    stationLongitude: "126.94073486",
    stationId: "ST-41",
  },
  {
    rackTotCnt: "22",
    stationName: "141. 연대 대운동장 옆",
    parkingBikeTotCnt: "13",
    shared: "5",
    stationLatitude: "37.56238174",
    stationLongitude: "126.93264771",
    stationId: "ST-42",
  },
  {
    rackTotCnt: "13",
    stationName: "142. 아현역 4번출구 앞",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.55720139",
    stationLongitude: "126.95566559",
    stationId: "ST-200",
  },
  {
    rackTotCnt: "11",
    stationName: "143. 공덕역 2번출구",
    parkingBikeTotCnt: "7",
    shared: "0",
    stationLatitude: "37.54457855",
    stationLongitude: "126.95021820",
    stationId: "ST-201",
  },
  {
    rackTotCnt: "12",
    stationName: "144. 공덕역 8번출구",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.54357910",
    stationLongitude: "126.95132446",
    stationId: "ST-202",
  },
  {
    rackTotCnt: "11",
    stationName: "145. 공덕역 5번출구",
    parkingBikeTotCnt: "8",
    shared: "36",
    stationLatitude: "37.54425049",
    stationLongitude: "126.95163727",
    stationId: "ST-203",
  },
  {
    rackTotCnt: "14",
    stationName: "146. 마포역 2번출구 뒤",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.53993607",
    stationLongitude: "126.94582367",
    stationId: "ST-204",
  },
  {
    rackTotCnt: "9",
    stationName: "147. 마포역 4번출구 뒤",
    parkingBikeTotCnt: "4",
    shared: "0",
    stationLatitude: "37.53927231",
    stationLongitude: "126.94591522",
    stationId: "ST-205",
  },
  {
    rackTotCnt: "17",
    stationName: "150. 서강대역 2번출구 앞",
    parkingBikeTotCnt: "13",
    shared: "65",
    stationLatitude: "37.55295563",
    stationLongitude: "126.93434143",
    stationId: "ST-207",
  },
  {
    rackTotCnt: "12",
    stationName: "151. 망원1동주민센터",
    parkingBikeTotCnt: "11",
    shared: "58",
    stationLatitude: "37.55568695",
    stationLongitude: "126.90554810",
    stationId: "ST-208",
  },
  {
    rackTotCnt: "32",
    stationName: "152. 마포구민체육센터 앞",
    parkingBikeTotCnt: "8",
    shared: "31",
    stationLatitude: "37.55661011",
    stationLongitude: "126.89801788",
    stationId: "ST-209",
  },
  {
    rackTotCnt: "12",
    stationName: "153. 성산2교 사거리",
    parkingBikeTotCnt: "7",
    shared: "17",
    stationLatitude: "37.56469727",
    stationLongitude: "126.91261292",
    stationId: "ST-210",
  },
  {
    rackTotCnt: "15",
    stationName: "154. 마포구청역 ",
    parkingBikeTotCnt: "9",
    shared: "0",
    stationLatitude: "37.56090927",
    stationLongitude: "126.90549469",
    stationId: "ST-211",
  },
  {
    rackTotCnt: "17",
    stationName: "155. 가좌역1 번출구 뒤",
    parkingBikeTotCnt: "14",
    shared: "0",
    stationLatitude: "37.56855011",
    stationLongitude: "126.91451263",
    stationId: "ST-212",
  },
  {
    rackTotCnt: "12",
    stationName: "156. 서울서부지방법원 앞",
    parkingBikeTotCnt: "9",
    shared: "0",
    stationLatitude: "37.54990387",
    stationLongitude: "126.95514679",
    stationId: "ST-213",
  },
  {
    rackTotCnt: "14",
    stationName: "157. 애오개역 4번출구 앞",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.55300140",
    stationLongitude: "126.95668793",
    stationId: "ST-214",
  },
  {
    rackTotCnt: "17",
    stationName: "158. 독립문 어린이 공원",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.57125854",
    stationLongitude: "126.96047974",
    stationId: "ST-215",
  },
  {
    rackTotCnt: "9",
    stationName: "159. 이대역 4번 출구",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.55695343",
    stationLongitude: "126.94634247",
    stationId: "ST-216",
  },
  {
    rackTotCnt: "22",
    stationName: "160. 북아현동 가구거리",
    parkingBikeTotCnt: "15",
    shared: "0",
    stationLatitude: "37.55754852",
    stationLongitude: "126.95938110",
    stationId: "ST-217",
  },
  {
    rackTotCnt: "10",
    stationName: "161. 무악재역1번 출구",
    parkingBikeTotCnt: "0",
    shared: "0",
    stationLatitude: "37.58224487",
    stationLongitude: "126.95064545",
    stationId: "ST-218",
  },
  {
    rackTotCnt: "17",
    stationName: "162. 봉원고가차도 밑",
    parkingBikeTotCnt: "8",
    shared: "0",
    stationLatitude: "37.56526947",
    stationLongitude: "126.94624329",
    stationId: "ST-219",
  },
  {
    rackTotCnt: "9",
    stationName: "163. 명지전문대학교 정문 앞",
    parkingBikeTotCnt: "0",
    shared: "0",
    stationLatitude: "37.58369827",
    stationLongitude: "126.92496490",
    stationId: "ST-220",
  },
  {
    rackTotCnt: "12",
    stationName: "164. 북가좌1동 주민센터 ",
    parkingBikeTotCnt: "7",
    shared: "25",
    stationLatitude: "37.57447815",
    stationLongitude: "126.91004944",
    stationId: "ST-221",
  },
  {
    rackTotCnt: "22",
    stationName: "165. 중앙근린공원",
    parkingBikeTotCnt: "9",
    shared: "0",
    stationLatitude: "37.57513809",
    stationLongitude: "126.91394043",
    stationId: "ST-222",
  },
  {
    rackTotCnt: "22",
    stationName: "166. 가재울 초등학교",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.57327652",
    stationLongitude: "126.91967773",
    stationId: "ST-223",
  },
  {
    rackTotCnt: "17",
    stationName: "167. 연가초등학교 옆",
    parkingBikeTotCnt: "12",
    shared: "0",
    stationLatitude: "37.57946014",
    stationLongitude: "126.91712952",
    stationId: "ST-224",
  },
  {
    rackTotCnt: "17",
    stationName: "169. 북가좌 삼거리",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.57300186",
    stationLongitude: "126.90779877",
    stationId: "ST-226",
  },
  {
    rackTotCnt: "12",
    stationName: "170. 가재울 뉴타운 주유소 옆",
    parkingBikeTotCnt: "9",
    shared: "33",
    stationLatitude: "37.57311249",
    stationLongitude: "126.92244720",
    stationId: "ST-227",
  },
  {
    rackTotCnt: "12",
    stationName: "171. 임광빌딩 앞",
    parkingBikeTotCnt: "9",
    shared: "8",
    stationLatitude: "37.56472397",
    stationLongitude: "126.96727753",
    stationId: "ST-228",
  },
  {
    rackTotCnt: "10",
    stationName: "173. 서대문역 8번출구 앞",
    parkingBikeTotCnt: "4",
    shared: "0",
    stationLatitude: "37.56477737",
    stationLongitude: "126.96614838",
    stationId: "ST-230",
  },
  {
    rackTotCnt: "22",
    stationName: "175. 홍연2교옆",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.57807159",
    stationLongitude: "126.93081665",
    stationId: "ST-231",
  },
  {
    rackTotCnt: "12",
    stationName: "176. 명지대학교 도서관",
    parkingBikeTotCnt: "0",
    shared: "0",
    stationLatitude: "37.58109665",
    stationLongitude: "126.92402649",
    stationId: "ST-555",
  },
  {
    rackTotCnt: "10",
    stationName: "177. 북가좌 초등학교",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.57767487",
    stationLongitude: "126.90980530",
    stationId: "ST-345",
  },
  {
    rackTotCnt: "12",
    stationName: "178. 증산3교 앞",
    parkingBikeTotCnt: "0",
    shared: "0",
    stationLatitude: "37.57987595",
    stationLongitude: "126.90634918",
    stationId: "ST-349",
  },
  {
    rackTotCnt: "17",
    stationName: "179. 가좌역 4번출구 앞",
    parkingBikeTotCnt: "14",
    shared: "47",
    stationLatitude: "37.56912231",
    stationLongitude: "126.91479492",
    stationId: "ST-232",
  },
  {
    rackTotCnt: "12",
    stationName: "180. 충정로역 7번출구 아래",
    parkingBikeTotCnt: "10",
    shared: "8",
    stationLatitude: "37.55996704",
    stationLongitude: "126.96246338",
    stationId: "ST-233",
  },
  {
    rackTotCnt: "17",
    stationName: "181. 망원초록길 입구",
    parkingBikeTotCnt: "9",
    shared: "0",
    stationLatitude: "37.55134201",
    stationLongitude: "126.90267181",
    stationId: "ST-339",
  },
  {
    rackTotCnt: "12",
    stationName: "182. 망원2빗물펌프장 앞",
    parkingBikeTotCnt: "7",
    shared: "0",
    stationLatitude: "37.55156708",
    stationLongitude: "126.90284729",
    stationId: "ST-340",
  },
  {
    rackTotCnt: "17",
    stationName: "183. 하늘채코오롱아파트 건너편",
    parkingBikeTotCnt: "10",
    shared: "0",
    stationLatitude: "37.56516647",
    stationLongitude: "126.91939545",
    stationId: "ST-341",
  },
  {
    rackTotCnt: "11",
    stationName: "184. SK망원동주유소 건너편",
    parkingBikeTotCnt: "4",
    shared: "0",
    stationLatitude: "37.55894852",
    stationLongitude: "126.90775299",
    stationId: "ST-342",
  },
  {
    rackTotCnt: "17",
    stationName: "185. 마포 신수공원 앞",
    parkingBikeTotCnt: "5",
    shared: "0",
    stationLatitude: "37.54254532",
    stationLongitude: "126.93429565",
    stationId: "ST-343",
  },
  {
    rackTotCnt: "42",
    stationName: "186. 월드컵공원",
    parkingBikeTotCnt: "22",
    shared: "10",
    stationLatitude: "37.56396484",
    stationLongitude: "126.89820862",
    stationId: "ST-344",
  },
  {
    rackTotCnt: "12",
    stationName: "188. 홍은동 정원여중 입구",
    parkingBikeTotCnt: "2",
    shared: "0",
    stationLatitude: "37.58638763",
    stationLongitude: "126.93512726",
    stationId: "ST-346",
  },
  {
    rackTotCnt: "12",
    stationName: "191. 서우빌딩(바른학원)",
    parkingBikeTotCnt: "6",
    shared: "0",
    stationLatitude: "37.57889175",
    stationLongitude: "126.91073608",
    stationId: "ST-347",
  },
  {
    rackTotCnt: "12",
    stationName: "192. 연서어린이공원",
    parkingBikeTotCnt: "0",
    shared: "0",
    stationLatitude: "37.57222748",
    stationLongitude: "126.92306519",
    stationId: "ST-348",
  },
  {
    rackTotCnt: "12",
    stationName: "194. 증산교 앞",
    parkingBikeTotCnt: "2",
    shared: "0",
    stationLatitude: "37.57731628",
    stationLongitude: "126.90296936",
    stationId: "ST-350",
  },
  {
    rackTotCnt: "12",
    stationName: "195. 모래내고가차도 ",
    parkingBikeTotCnt: "6",
    shared: "42",
    stationLatitude: "37.56765747",
    stationLongitude: "126.91780853",
    stationId: "ST-351",
  },
  {
    rackTotCnt: "12",
    stationName: "196. 연희교차로 인근",
    parkingBikeTotCnt: "1",
    shared: "0",
    stationLatitude: "37.56612015",
    stationLongitude: "126.92589569",
    stationId: "ST-352",
  },
  {
    rackTotCnt: "17",
    stationName: "198. 충정2교",
    parkingBikeTotCnt: "15",
    shared: "0",
    stationLatitude: "37.56213760",
    stationLongitude: "126.96377563",
    stationId: "ST-354",
  },
  {
    rackTotCnt: "32",
    stationName: "199. 서울 월드컵 경기장",
    parkingBikeTotCnt: "7",
    shared: "0",
    stationLatitude: "37.56684494",
    stationLongitude: "126.89644623",
    stationId: "ST-443",
  },
  {
    rackTotCnt: "22",
    stationName: "200. 국회의원회관",
    parkingBikeTotCnt: "8",
    shared: "0",
    stationLatitude: "37.52841568",
    stationLongitude: "126.91391754",
    stationId: "ST-45",
  },
  {
    rackTotCnt: "17",
    stationName: "201. 진미파라곤 앞",
    parkingBikeTotCnt: "9",
    shared: "6",
    stationLatitude: "37.53123856",
    stationLongitude: "126.92133331",
    stationId: "ST-46",
  },
  {
    rackTotCnt: "32",
    stationName: "202. 국민일보 앞",
    parkingBikeTotCnt: "21",
    shared: "19",
    stationLatitude: "37.52881622",
    stationLongitude: "126.92453003",
    stationId: "ST-47",
  },
  {
    rackTotCnt: "17",
    stationName: "203. 국회의사당역 3번출구 옆",
    parkingBikeTotCnt: "14",
    shared: "76",
    stationLatitude: "37.52805710",
    stationLongitude: "126.91870117",
    stationId: "ST-51",
  },
  {
    rackTotCnt: "15",
    stationName: "204. 국회의사당역 5번출구 옆",
    parkingBikeTotCnt: "10",
    shared: "53",
    stationLatitude: "37.52816391",
    stationLongitude: "126.91702271",
    stationId: "ST-50",
  },
  {
    rackTotCnt: "22",
    stationName: "205. 산업은행 앞",
    parkingBikeTotCnt: "13",
    shared: "0",
    stationLatitude: "37.52626419",
    stationLongitude: "126.92050934",
    stationId: "ST-52",
  },
  {
    rackTotCnt: "37",
    stationName: "206. KBS 앞",
    parkingBikeTotCnt: "24",
    shared: "11",
    stationLatitude: "37.52466583",
    stationLongitude: "126.91802216",
    stationId: "ST-53",
  },
  {
    rackTotCnt: "42",
    stationName: "207. 여의나루역 1번출구 앞",
    parkingBikeTotCnt: "16",
    shared: "0",
    stationLatitude: "37.52698898",
    stationLongitude: "126.93209839",
    stationId: "ST-73",
  },
  {
    rackTotCnt: "14",
    stationName: "209. 유진투자증권빌딩 앞",
    parkingBikeTotCnt: "12",
    shared: "14",
    stationLatitude: "37.52461243",
    stationLongitude: "126.92783356",
    stationId: "ST-55",
  },
  {
    rackTotCnt: "23",
    stationName: "210. IFC몰",
    parkingBikeTotCnt: "16",
    shared: "13",
    stationLatitude: "37.52606583",
    stationLongitude: "126.92553711",
    stationId: "ST-56",
  },
  {
    rackTotCnt: "15",
    stationName: "211. 여의도역 4번출구 옆",
    parkingBikeTotCnt: "2",
    shared: "0",
    stationLatitude: "37.52222824",
    stationLongitude: "126.92463684",
    stationId: "ST-57",
  },
  {
    rackTotCnt: "37",
    stationName: "212. 여의도역 1번출구 옆",
    parkingBikeTotCnt: "9",
    shared: "0",
    stationLatitude: "37.52136230",
    stationLongitude: "126.92346191",
    stationId: "ST-58",
  },
];

bikes

  • (99)…

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

  • {rackTotCnt: '7', stationName: '101. (구)합정동 주민센터', parkingBikeTotCnt: '4', shared: '14', stationLatitude: '37.54956055', …}…

for (let i = 0; i < bikes.length; i++){
let name = bikes[i]['stationName']
let bike = bikes[i]['parkingBikeTotCnt']
console.log(name,bike)
}

    1. (구)합정동 주민센터…...

for (let i = 0; i < bikes.length; i++){
let name = bikes[i]['stationName']
let bike = bikes[i]['parkingBikeTotCnt']
if (bike < 5) {
console.log(name,bike)
}
}

    1. (구)합정동 주민센터 4
  1. 합정역 5번출구 앞 1
  2. 사루비아 빌딩 앞 1…

✍ [내가 혼자 했던 방법]

bikes

  • (99)…

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

  • {rackTotCnt: '7', stationName: '101. (구)합정동 주민센터', parkingBikeTotCnt: '4', shared: '14', stationLatitude: '37.54956055', …}…

for (let i = 0; i < bikes.length; i++){
let bikes_count = bikes[i]['parkingBikeTotCnt']
let bikes_name = bikes[i]['stationName']
console.log(bikes_name,bikes_count)
}

    1. (구)합정동 주민센터…

for (let i = 0; i < bikes.length; i++){
let bikes_count = bikes[i]['parkingBikeTotCnt']
let bikes_name = bikes[i]['stationName']
if (bikes_count < 5) {
console.log(bikes_name,bikes_count)
}
}

    1. (구)합정동 주민센터 4
  1. 합정역 5번출구 앞 1
  2. 사루비아 빌딩 앞 1…
profile
summer choi
개발자........가 되고싶어요
다음 포스트

[스파르타 코딩클럽] 웹개발 종합반 1주차 과제

0개의 댓글