[javascript] 기본개념

01/19에 배운거 : javascript 이용

bikes
(99) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
for (let i = 0; i < bikes.length; i++){
     console.log(bikes[i])
}
VM4268:2 {rackTotCnt: '7', stationName: '101. (구)합정동 주민센터', parkingBikeTotCnt: '4', shared: '14', stationLatitude: '37.54956055', …}
VM4268:2 {rackTotCnt: '22', stationName: '102. 망원역 1번출구 앞', parkingBikeTotCnt: '17', shared: '5', stationLatitude: '37.55564880', …}
VM4268:2 {rackTotCnt: '16', stationName: '103. 망원역 2번출구 앞', parkingBikeTotCnt: '11', shared: '13', stationLatitude: '37.55495071', …}
VM4268:2 {rackTotCnt: '15', stationName: '104. 합정역 1번출구 앞', parkingBikeTotCnt: '11', shared: '0', stationLatitude: '37.55062866', …}
VM4268:2 {rackTotCnt: '7', stationName: '105. 합정역 5번출구 앞', parkingBikeTotCnt: '1', shared: '0', stationLatitude: '37.55000687', …}

// 너무 길어서 줄임
....

VM4268:2 {rackTotCnt: '37', stationName: '206. KBS 앞', parkingBikeTotCnt: '24', shared: '11', stationLatitude: '37.52466583', …}
VM4268:2 {rackTotCnt: '42', stationName: '207. 여의나루역 1번출구 앞', parkingBikeTotCnt: '16', shared: '0', stationLatitude: '37.52698898', …}
VM4268:2 {rackTotCnt: '14', stationName: '209. 유진투자증권빌딩 앞', parkingBikeTotCnt: '12', shared: '14', stationLatitude: '37.52461243', …}
VM4268:2 {rackTotCnt: '23', stationName: '210. IFC몰', parkingBikeTotCnt: '16', shared: '13', stationLatitude: '37.52606583', …}
VM4268:2 {rackTotCnt: '15', stationName: '211. 여의도역 4번출구 옆', parkingBikeTotCnt: '2', shared: '0', stationLatitude: '37.52222824', …}
VM4268:2 {rackTotCnt: '37', stationName: '212. 여의도역 1번출구 옆', parkingBikeTotCnt: '9', shared: '0', stationLatitude: '37.52136230', …}parkingBikeTotCnt: "9"rackTotCnt: "37"shared: "0"stationId: "ST-58"stationLatitude: "37.52136230"stationLongitude: "126.92346191"stationName: "212. 여의도역 1번출구 옆"[[Prototype]]: Object
undefined
for (let i = 0; i < bikes.length; i++){
     console.log(bikes[i][1])
}
99VM4276:2 undefined
undefined
for (let i = 0; i < bikes.length; i++){
    let name = bikes[i]['stationName']
    let bike = bikes[i]['parkingBikeTotCnt']console.log(bikes[i])
}
VM4373:3 Uncaught SyntaxError: Unexpected identifier
for (let i = 0; i < bikes.length; i++){
    let name = bikes[i]['stationName']
    let bike = bikes[i]['parkingBikeTotCnt']
    console.log(name,bike)
}
VM4431:4 101. (구)합정동 주민센터 4
VM4431:4 102. 망원역 1번출구 앞 17
VM4431:4 103. 망원역 2번출구 앞 11
VM4431:4 104. 합정역 1번출구 앞 11
VM4431:4 105. 합정역 5번출구 앞 1
VM4431:4 106. 합정역 7번출구 앞 8
VM4431:4 107. 신한은행 서교동금융센터점 앞 5

// 너무 길어서 줄임
....

VM4431:4 206. KBS 앞 24
VM4431:4 207. 여의나루역 1번출구 앞 16
VM4431:4 209. 유진투자증권빌딩 앞 12
VM4431:4 210. IFC몰 16
VM4431:4 211. 여의도역 4번출구 옆 2
VM4431:4 212. 여의도역 1번출구 옆 9
undefined
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)
}
    
}
VM4476:5 101. (구)합정동 주민센터 4
VM4476:5 105. 합정역 5번출구 앞 1
VM4476:5 115. 사루비아 빌딩 앞 1
VM4476:5 116. 일진아이윌아파트 옆 1
VM4476:5 120. 신수동 사거리 3
VM4476:5 136. 대흥동 주민센터 1
VM4476:5 137. NH농협 신촌지점 앞 4
VM4476:5 142. 아현역 4번출구 앞 1
VM4476:5 147. 마포역 4번출구 뒤 4
VM4476:5 157. 애오개역 4번출구 앞 1
VM4476:5 158. 독립문 어린이 공원 1
VM4476:5 159. 이대역 4번 출구 1
VM4476:5 161. 무악재역1번 출구 0
VM4476:5 163. 명지전문대학교 정문 앞 0
VM4476:5 173. 서대문역 8번출구 앞 4
VM4476:5 176. 명지대학교 도서관 0
VM4476:5 177. 북가좌 초등학교 1
VM4476:5 178. 증산3교 앞 0
VM4476:5 184. SK망원동주유소 건너편 4
VM4476:5 188. 홍은동 정원여중 입구 2
VM4476:5 192. 연서어린이공원 0
VM4476:5 194. 증산교 앞 2
VM4476:5 196. 연희교차로 인근 1
VM4476:5 211. 여의도역 4번출구 옆 2
undefined

---

에러기록

for (let i = 0; i < bikes.length; i++){
    let name = bikes[i]['stationName']
    let bike = bikes[i]['parkingBikeTotCnt']console.log(bikes[i])
}
VM4373:3 Uncaught SyntaxError: Unexpected identifier
for (let i = 0; i < bikes.length; i++){
    let name = bikes[i]['stationName']
    let bike = bikes[i]['parkingBikeTotCnt']
    console.log(name,bik

여기 중간에 에러 났던건 let 으로 name과 bike를 정의? 해놓고 console.log 안에 bikes i를 넣았기 때문

= console.log 안에 name,bike 이렇게 넣어야 한다.

let : 값담는 박스 (숫자 말고 문자열도 담음)
= 변수 이름 지을때 직관적으로 짓기

---

자료형 : list, dict

list = []
: 리스트라고 하며, 선언시나 가지고 올때 대괄호
dict = {}
: 딕셔너리라고 하며, 선언시 중괄호, 가지고 올때 대괄호

---

조건문 : if, else 문

if (age > 20){
    console.log('성인입니다')
} else if (age > 10) {
   console.log('청소년입니다') 
} else {
    console.log('아동입니다')
}

if >> else if >> else 순으로 쓴다.

---

함수

function, sum, alert

function mysum(num1,num2){
    alert('안녕!')
    return num1+num2
}

alert 는 경고창이 뜨게하는 명령어다.

---

split

myemail.split('@')[1].split('.')

이메일의 경우, split으로 구분 할 수 있다.

ex) peas5416@gmail.com 를 myemail로 지정한 후, @로 split 한다면 위의 문자열은 peas5416과 gmail.com으로 나눠지게 된다.

let myemail = 'ehdus_7924@naver.com'
undefined
myemail.split('@')[1]
'naver.com'
myemail.split('@')[1].split('.')[0]
'naver'
    

리스트는 0부터 카운트 하기 때문에
myemail.split('@')[1] 이라고 했을때 naver.com을 가져오게 된다. 여기에 추가로 더 나누고 싶다면, .split('.')[0] 이런식으로 붙여주면 된다.

---

기초계산

a = 8
8
a % 8
0
a == 100
false
a != 100
true

%: 나머지 구하기
== : = 같다
!= : 같지 않다

---

총평

• keep

1. 메모장에 정리하기
2. 매일일지 1개 쓰기
3. 복습 하면서 전날 공부했던거 다시보기

• problem

1. 수업시에 메모장에 적지 못하고 넘어가는 부분이 간혹 있었음 그냥 다 적자.. 나중에 복기 할때 이게 더 편하더라

2. 일지를 그때 그때 쓰는 것이 좋을듯

3. 예습을 좀 하자..

• try

1. 따로 책사서 독학으로 공부하는 양이 더 필요할 듯
   : 추후에 풀스택 개발자가 되려면 필요할 듯하다.

2. 개발 관련 영어 공부를 좀 해야할 듯
   : 지금 못알아듣는건 아직 없지만 더 공부하다보면 모르는 단어도 나올듯

느낀점 ; 좀 더 노력하자 어제 일지를 오늘 쓰다니,, 이런짓 오늘로 청산하자...