[스파르타 코딩클럽] 3일차 기록

3일차 기록

---

준비

PyCharm

css 복습

---

memo

 

자바스크립트 : 브라우저가 알아들을 수 있는 언어

// list
let a_list = []
let b_list = [1,2,'hey',3]
b_list // [1, 2, "hey", 3, "헤이"]

// 딕셔너리 : 키 밸류
let a_dict = {}
let b_dict = {'name':'Bob','age':21}
b_dict // {name: "Bob", age: 21, height: 180}을 출력

// 리스트와 딕셔너리 조합
names = [{'name':'bob','age':20},{'name':'carry','age':38}]

// names[0]['name']의 값은? 'bob'
// names[1]['name']의 값은? 'carry'

new_name = {'name':'john','age':7}
names.push(new_name)

// names의 값은? [{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}]
// names[2]['name']의 값은? 'john'

//문자열 나누기
let myemail = 'abcdef@gmail.com'
myemail.split('@')
//(2) ['abcdef', 'gmail.com']
myemail.split('@')[1]
//'gmail.com'
myemail.split('@')[1].split('.')
//(2) ['gmail', 'com']
myemail.split('@')[1].split('.')[0]
//'gmail'

받아온 데이터(키밸류)를 리스트 형식으로 저장할 수 있음

Javascript 조건문 반복문으로 원하는 데이터 뽑을 수 있음

//예시
function show_names(num){
	for (let i = 0; i < bikes.length; i++) {
		if (bikes[i]['parkingBikeTotCnt'] <= num) {
				let station = bikes[i]['stationName'];
				console.log(num + "대 이하 정류장 : " + station);
		}
	}
}

// 이러면 아래와 같은 것이 가능!
show_names(10) // 10개 이하 주차된 정류소만 출력!
show_names(5) // 5개 이하 주차된 정류소만 출력!

---

느낀점

css 복습

전날 공부한 css 복습하면서 부트스트랩에서 구경하다가 마음에 드는걸로 연습했다

 

file->open 열려고 하는 폴더 선택

이클립스랑 스프링에서는 폴더 여러개 생성해서 바로바로 다른 폴더 열 수 있었는데

파이참에서 홈워크 폴더 열려고 보니까 전체 폴더가 안보여서 열 수 있을 것 같은거 눌러보다가 찾았다

별거 아닌데도 찾으니까 뿌듯하다 :)

 

1주차 숙제

1주차 숙제하면서 css 다시 복습하고 제출 한 후에 답 코드랑 비교하고 제출했다

같은 주제를 가지고 다양한 방법으로 답을 도출할 수 있는게 코딩의 재미인 것 같다.

 

오늘 자바스크립트 리스트 딕셔너리 보고 연습하면서 오랜만에 조건문 반복문을 써봤다.

일단 머리로는 이해했지만 막상 쓰려고 하면 버벅거린다. 많이 연습해야겠다.