스파르타 코딩 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개 미만으로 남아있는 곳의 정보만 확인하기에도 용이합니다.
자바스크립트를 이론만 배웠을 때에는 어떻게 활용해야할지 정말 갈피가 잡히지 않았는데 이번 기회를 통해 어떻게 쓰면 효율적으로 사용할 수 있을지 감이 좀 잡혀서 앞으로 더 많은 곳에서 쓸 수 있다는 생각을 해보게 되었습니다.
Author And Source
이 문제에 관하여(스파르타 코딩 1주차), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@capgaw123/스파르타-코딩-1주차저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)