스파르타 코딩 1주차

스파르타 코딩을 신청하기 전부터 웹 개발쪽으로 관심이 많아
코드카데미를 비롯한 다양한 사이트에서 혼자 HTML, CSS 및 자바스크립트를
공부했었고 디지털 크레딧이라는 기회를 통해 스파르타 코딩클럽을 알게되고
웹개발 종합반을 시작할 수 있게 되었습니다.

가격대가 훨씬 높은만큼 강의의 품질도 꽤 높은 편이었고 만족도 또한
높았던 한 주였습니다.

한 주의 강의를 모두 끝낸만큼 개발일지를 통해 배웠던 내용을
복습해보는 시간을 갖겠습니다

이번 한 주의 주요목표입니다.

1. 서버와 클라이언트의 역할에 대해 이해한다.

2. HTML, CSS의 기초 지식을 이해한다.

부트스트랩을 가져다 쓸 줄 안다!

3. Javascript 기초 문법을 익힌다.

기존에 대부분 알고있던 내용이었지만 반복적 습득으로
한층 더 이해할 수 있었던 기회였습니다.

자바스크립트를 통해
원하는 정보를 가져오는 방법

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

서울시 따릉이의 대한 정보가 담겨있는 리스트를 가져온 뒤

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

따릉이가 있는 역의 이름만 가져오는 코드

이런 식으로 자바스크립트를 활용해 다양한 상황을 입력할 수 있습니다.

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

바이크의 개수가 10개 미만으로 남아있는 곳의 정보만 확인하기에도 용이합니다.

자바스크립트를 이론만 배웠을 때에는 어떻게 활용해야할지 정말 갈피가 잡히지 않았는데 이번 기회를 통해 어떻게 쓰면 효율적으로 사용할 수 있을지 감이 좀 잡혀서 앞으로 더 많은 곳에서 쓸 수 있다는 생각을 해보게 되었습니다.

좋은 웹페이지 즐겨찾기