까먹기 전에 얼른 3주차 수업을 정리해야한다!!!
아니면 또 금방 머리속에서 지우개처럼 사라지겠지 ㅎㅎㅎ
3주차는 2주차보다 분명 나아질거라 튜터님이 그러셨는데 과연....어땠을까....
우선 지난 2주차에 진행한 복습을 다같이 진행해보자.
복습은 html css로 꾸며놓은 페이지에 javascript 얼마나 잘쓰나 다시 확인하는차원!
그 중에 필요하다 싶은게 뭐였냐면 화면 로딩 후 함수 실행시키는 기능.
이게 혼자 할때는 잘 안되는 부분이었는데 다시 복습하다보니 역시 메모하는게 좋을거 같다.
(검색해도 잘 안나온다)
showPost(); }); function showPost() { console.log("화면 로딩 후 잘 실행되었습니다"); }
☆확인이 필요하면 아래에 console.log 찍어서 확인해보는 습관을 들이자.
그리고 아래에서도 꼭 잊지 말아야할게 tempHtml을 설정하는 부분이다. 아무리 밑에서 id 잘만들어봤자 tempHtml를 만들지 않으면 append해서 담을 그릇이라고 해야할까 캔버스가 없다.
그러니까 반드시 "let temphHtml"을 통해 그릇을 만들어둘것!
function makeCard(image, url, title, desc, comment) { let tempHtml = `<div class="card"> <img class="card-img-top" src="${image}" alt="Card image cap"> <div class="card-body"> <a href="${url}" target="_blank" class="card-title">${title}</a> <p class="card-text">${desc}</p> <p class="card-text comment">${comment}</p> </div> </div>`; $("#cards-box").append(tempHtml); } function openClose() { // id 값 post-box의 display 값이 block 이면(= 눈에 보이면) if ($("#post-box").css("display") == "block") { // post-box를 가리고 $("#post-box").hide(); // 다시 버튼을 클릭하면, 박스 열기를 할 수 있게 텍스트 바꿔두기 $("#btn-post-box").text("포스팅 박스 열기"); } else { // 아니면(눈에 보이지 않으면) post-box를 펴라 $("#post-box").show(); // 다시 버튼을 클릭하면, 박스 닫기를 할 수 있게 텍스트 바꿔두기 $("#btn-post-box").text("포스팅 박스 닫기"); }
정신없는 2주차 복습이 끝나고 드디어 파이썬(Python)!
파이썬하면 가장 먼저 떠오르는것은 아래 문장ㅎㅎㅎ 그래서 처음 코딩 입문할 때 시작했던 언어도 Python이었다. 그렇게 데이터를 공부하게되고 결국엔 이렇게 백엔드에 입문하려고 다른 코딩들까지도 공부하게 되었다.
"Life is short (You need Python)"[1]
인생은 짧으니, 당신은 파이썬이 필요하다.
- Bruce Eckel
반복문과 조건문도 중요하지만 그전 기본 뼈대에서 중요한걸 보면...
변수에 아래처럼 True & False가 들어갈 수 있다는 것 (Boolean형도) 그리고 list와 dict형태인데 큰 차이는 없지만, 조회하는 방법 정도는 다시 짚고 넘어가야할만하다
print(name) num = 12 print(num) is_number = True # True 또는 False -> "Boolean"형 print(is_number) *people = [{'name':'bob','age':20},{'name':'carry','age':38}] 라고 가정하고 # people[0]['name']의 값은? 'bob' # people[1]['name']의 값은? 'carry' person = {'name':'john','age':7} people.append(person)
그리고 어느 언어를 공부해도 중요한 기본인 조건문과 반복문 공부하기. 이전에 어느 언어 하나를 마스터하면 다른 언어 공부하기는 정말 수월하다는걸 들은것 같은데 진짜다(물론 내가 마스터한 언어는0개). 기본적인 기능과 형식은 큰 틀을 벗어나지 않기 때문.
우선 Python의 경우는 함수를 만드는게 쉽다. "def"를 붙이면 끝이기 때문. 추가로 중괄호 대괄호 필요가 없이 if, elif(else if가 아니라 elif다 헷갈리지 말자)와 else로 정리가 가능하다.
def check_gen(age): if age > 120: print('와 19세기에 태어나셨군요!') elif age >= 80: print('80세 이상! 인생은 여든부터!') else: print('젊으시군요! 장래희망이 뭔가요?') my_age = 55 check_gen(my_age)
위의 결과물은 프린트하면 if와 elif는 모두 통과한다 (55세니까). 그럼 출력되는 문장은 "젊으시군요! 장래희망이 뭔가요?"가 된다. (혹시 아닌거 같으면 알려주세요)
나아가서 반복문을 공부해보면 반복문도 앞서 html, css, javascript에서 공부한 것에 비해 쉬워보인다. ;(콜론)과 같은 구분자도 없이 생각나는대로 풀어쓰면 되기때문. 과일의 갯수를 카운트하기 위해 아래 함수를 작성했다.
순서를 보면
우선 리스트를 만들고(1)
함수 count_fruits를 정의(2)한다. 이때 변수값으로 name을 정해준다. 그렇지 않으면 내가 필요한 과일이 아닌 모든 과일의 수를 세어버릴테니까. (컴퓨터는 단순하다)
그리고 조건은 우선 count를 0으로 한다(3) 왜? 아직 우린 과일을 세어보지 않았으니까!
그리고 for문으로 반복문을 작성해준다(4) 과일을 1개만 세고 끝낼건 아니니까.
그리고 내가 찾는 과일의 이름과 같다면(if fruit==name) 숫자를 1개 더해준다(count +=1)(5).
그리고 그 값을 count에 반환해준다 (return count)(6) 그렇지 않으면 똑같은 과일을 발견했어도 숫자를 기록안하는 바보같은 일이 될 뿐이니까!
fruits = ['사과', '배', '배', '감', '수박', '귤', '딸기', '사과', '배', '수박'] def count_fruits(name): count = 0 for fruit in fruits: if fruit == name: count += 1 return count subak_count = count_fruits('수박') print(subak_count) # 수박의 갯수 출력 gam_count = count_fruits('감') print(gam_count) # 감의 갯수 출력
그럼 이제 위의 함수들의 결과물은 각각 2개와 1개가 출력이 된다. (맞겠지? 아니면 알려주세요 ㅠ)
3주차 수업의 첫번째 정리는 여기서 끝!!!! 하루에 6시간 강의를 하다보니 한개의 포스트로 모두 정리하기에는 벅찬감이 있다....간단하게 1개로 끝내고 싶은데 코드 적으면서 내가 이해한 부분들을 적으려고 하다보니 길어진다....내가 원한건 이게 아닌데 ㅠ
지금은 이렇게 하루하루 이해하는것들 적어가는 뉴비지만 나중에는 심플한 코드로 누구나가 한누에 이해할 수 있는 코드를 만드는 개발자가 반드시 되어야지!!! 😎😎😎😎
