코딩과 결혼합니다

웹개발 종합반 3주차 - Python(2) 조건문 age = 25 if age > 20: print('성인입니다.') else: print('청소년입니다.') 반복문 ages = [5,10,20,30,15,14,84] for a in ages: print(a) 우선, 리스트를 만들고 출력하면 5,10,20,30,15,14,84가 순서대로 나온다. 반복문+조건문 ages = [5,10,20,30,15,14,84] for a in ages: if a > 20: print('성인입니다.') else: print('청소년입니다.')

웹개발 종합반 3주차 - Python Q : 파이썬은 왜 쓰나요? A : 컴퓨터한테 명령을 내리려고. 파이썬 문법으로 된 것을 1001과 같이 변환해 줄 수 있도록 번역 패키지를 설치하는 것 난 이미 선행으로 파이선 다운로드랑 다 해놓은 상태이므로 설치 과정은 pass 변수 a = 2 b = 3 print(a+b) c = '대한' d = '민국' print(c+d) python 은 굉장히 직관적이다. 변수는 이런 식으로 쓰고 print로 값을 도출한다. 자료형 a = ['사과','감','배'] print(a[0]) 자료형은 위와 같이 대괄호 안에 변수를 입력. a[0] = '사과' 가 나온다. 쉽다 딕셔너리 a = {'name':'영수','age':24} print(a['name']) 딕셔너리는 중괄호 ..

웹개발 종합반 3주차 - 2주차 복습 - 영화 API로 카드 만들어 붙이기 이번 주차에서는 무얼 하느냥? 내가 html, css, js로 만들어 놓은 것을 누군가가 요청했을 때 이 것을 전해주는 역할을 하는 서버를 만들어야 한다. python이라는 프로그래밍 언어로 서버를 만들것이다. ----------------------------------------------------------------------------------------------------------------------------------------------------------------- http://spartacodingclub.shop/web/api/movie 이 오픈 API는 아래에서 보여지는 것과 같이 영화들의 정보..

웹개발 종합반 2주차 - Fetch 연습하기 (2주차 숙제) 아래와 같이 현재 서울의 날씨를 실시간으로 보여주면 된다. 선행 내 생애 최고의 영화들 현재 서울의 날씨 : 20도 영화 기록하기 제목과 버튼 사이에 추가로 html 작성 $(document).ready(function () { fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => { console.log(data) }) }) 미리 만들어둔 fetch 기본골격을 안에 넣기 직접해보기 $(document).ready(function () { fetch("http://spartacodingclub.shop/sparta_api..

웹개발 종합반 2주차 - Fetch 연습하기 기본 코드 div.question-box { margin: 10px 0 20px 0; } function q1() { // 여기에 코드를 입력하세요 } Fetch 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 중구 : 82 종로구 : 87 용산구 : 84 은평구 : 82 업데이트 버튼을 누르면 q1이라는 함수가 동작하도록 하여 서울시 OpenAPI(실시간 미세먼지 상태) 의 데이터가 쭉 나오게 할 것이다. (▀̿Ĺ̯▀̿ ̿) + 40이 넘어가면 빨간색으로! div.question-box { margin: 10px 0 20px 0; } ..

웹개발 종합반 2주차 - Javascript 문법 연습하기(2) - Fetch 크롬 익스텐션 JSONView https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko JSONVue Validate and view JSON documents chrome.google.com API * GET : 데이터 조회 (영화 목록 조회) * POST : 생성, 변경, 삭제 요청 ( 회원가입, 회원탈퇴, 비밀번호 수정 등) fetch 기본 골격 fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data) }) 1. 미세먼지 OpenAPI U..

웹개발 종합반 2주차 - Javascript 문법 연습하기(1) 사과, 귤, 감 아래로 fruits의 요소들을 넣어본다. function checkResult() { let fruits = ['사과','배','감','귤','수박'] $('#q1').empty() fruits.forEach((a) => { let temp_html = `${a}` $('#q1').append(temp_html) }) } 결과 확인하기! 2. 붙이기 사과 귤 감 $('#q1').empty()는 원래 있던 데이터들을 없애고 새로운 요소들만 붙이는 것! forEach((변수) => { let temp_html= `붙여넣고 싶은 형식` >> 붙여놓고 싶은 형식의 태그 안에 ${변수} 넣어주기! $('#q1').append(thmp..

웹개발 종합반 2주차 - javascript(3) 반복문 let fruits = ['사과','배','감','귤'] fruits의 요소 4개. 하지만 340958340295809580958409654564651658465316746개 이면? 하나씩 꺼내서 쓰기가 매우 복잡할 것이다. 50년 뒤에는 다 꺼내볼 수 있을까..? 반복문을 알았다면 50년을 허비하지 않았을 것이다. let fruits = ['사과','배','감','귤'] fruits.forEach((a) => { console.log(a) }) forEach( (변수이름) => { })를 사용하면 알아서 요소를 하나씩 꺼내준다. 조건문 let age = 24 if (age>20){ console.log('성인입니다') } else { consol..