Dreams come true

Javascript 반복문 (while,for)

while 반복문 (true에서 false가 될 때까지 무한반복) while (조건) { 반복해서 실행할 코드 } 계속해서 화면에 "Cording everybody"를 반복해서 찍어낸다. 조건을 달아서 반목문 만들기. var i = 0; 반복문이 언제까지 실행될건지의 기준점을 만들기 위해 i라는 변수 생성 i = i + 1; 반복적으로 실행할 때마다 1씩 증가할 수 있는 코드 (컴퓨터의 숫자는 0부터 시작한다) while(i < 10) 비교연산자로 10보다 작은지 true/flase 하여 코드를 반복한다. "+i+" 화면에 출력되는 문구의 수가 같이 표기됨 For 반복조건문 같은 결과가 나오도록 for문 사용하기 for (var i = 0; i < 10; i++){ document.write("Cordi..

4주차 - Flask 서버만들기

Flask 패키지 설치필요. 윈도우 : 좌상단File → setting → Python interpreter 추가 맥 : 좌상단Pycharm → Preference → Python Interpreter 추가 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. 크롬에서 http://localhost:5000/ 으로 접속하면 서버구동 완료 fro..

Javascript 조건문(if,&&,||,!) 중첩과 논리연산자 로그인 알림창

if문 중첩 , && , || , ! 1) if문의 중첩 if문 안에 다시 if문의 사용. 사용자가 입력한 값과 아이디의 값이 일치하는지를 확인한 후에 일치한다면 비밀번호가 일치하는지 확인한 것이다. 이렇게 조건문은 조건문 안에 중첩해서 사용될 수 있다. 2) && &&는 좌향과 우향이 모두 참일 때 참이 된다. - and 연산자라고도 한다. ex) 결과는 1이다. &&의 좌우항이 모두 true인 것은 첫번째 조건문 밖에 없기 때문이다. if(true && true){ alert(1); } if(true && false){ alert(2); } if(false && true){ alert(3); } if(false && false){ alert(4); } &&(논리연산자)의 사용으로 중첩된 if문을 하나..

3주차 - DB(MongoDB)

크롬 창에 localhost:27017 DB가 잘 돌아가는지 확인. mongoDB는 그래픽인터페이스(=GUI)를 제공하지 않음. 데이터를 저장했는데 눈으로 보이지 않음. 그래서 DB내부를 살펴보기 위한 프로그램을 따로 설치해야함. → 이것이 바로 robo3T의 역할! Database의 종류 RDBMS(SQL): 행/열의 생김새가 정해진 엑셀에 데이터를 저장하는 것과 유사하다. 정형화되어 있는 만큼, 데이터의 일관성이나 / 분석에 용이할 수 있다. ex) MS-SQL, My-SQL 등 No-SQL: 딕셔너리 형태로 데이터를 저장해두는 DB. 데이터 하나 하나 마다 같은 값들을 가질 필요가 없게 됨. 자유로운 형태의 데이터 적재에 유리한 대신, 일관성이 부족할 수 있다. ex) MongoDB MongoDB의..

3주차 - 패키지사용 (크롤링)

pip(python install package) 사용 - requests 패키지 패키지 추가 설치(beautifulsoup4) = bs4 - 예제) Requests 라이브러리 사용해보기 import requests # requests 라이브러리 설치 필요 r = requests.get('http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99') rjson = r.json() print(rjson['RealtimeCityAir']['row'][0]['NO2']) 아래 방법으로 서울시 대기 OpenAPI에서, 중구의 NO2 값을 가져올 수 있다. IDEX_MVL 값이 60 미만인 구만 찍어주자! impo..

3주차 - python 기초문법

파이썬은 직관적인 언어. if 4 in [1,2,3,4]: print() => []중에 4가 있으면 print해라. 숫자,문자열,불 : 자료의 타입 변수,리스트,튜플,딕셔너리,집합: 어떤 값을 담는 자료의 구조 변수&기본연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 num2이라는 변수에 넣는다 # 변수의 이름은 마음대로 지을 수 있음! # 진짜 "마음대로" 짓는 게 좋을까? var1, var2 이렇게? 숫자,문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_num..

2주차 - 서버-클라이언트 통신 이해 Ajax

클라이언트→서버: GET 요청 이해하기 API는 은행 창구와 같은 것! 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것처럼, 클라이언트가 요청 할 때에도, "타입"이라는 것이 존재. * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 * POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 - GET 네이버 영화 리뷰 홈페이지 https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967 위 주소는 크게 두 부분으로 쪼개집니다. 바로 "?"가 쪼개지는 지점인데요. "?" 기준으로 앞부..

2주차 - jQuery

예를 들어 버튼의 색깔을 바꾸고 싶다면? 예를 들어 div 박스를 하나 감추고 싶다면? → 이런 것들 쉽게 해주는 것이, jQuery! JQuery 시작하기 jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 코드가 복잡하다 -> 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장. jQuery와 Javascript - 코드 비교 document.getElementById("element").style.display = "none"; $('#element').hide(); Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 ..