고양이 퍼레이드

1. 5주차 오늘 배울 것 & 설치 - 버킷리스트 프로젝트 - 배포 - Filezilla 설치, 가비아 가입해 도메인 구입하기 2. [버킷리스트] - 프로젝트 세팅 - 프로젝트 설정 : flask 폴더 구조 만들기(static, templates 폴더, app.py) - 패키지 설치 : flask, pymongo, dnspython 3. [버킷리스트] - 뼈대 준비하기 - 프로젝트 준비하기 : index.html, app.py 준비하기 #app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html'..

1. 4주차 오늘 배울 것 - Flask, 미니프로젝트1(화성땅공동구매), 미니프로젝트2(스파르타피디아) - 로컬 개발환경 : 같은 컴퓨터 내 서버도 만들고 요청도 하고, "클라이언트 = 서버" - But, mongoDB Atlas라는 클라우드 서비스를 이용할 것! - sparta 폴더 -> projects 폴더 내 다섯개 폴더 만들기(prac, mars, movie, homewokr, bucket) - prac : flask 연습 코드 작성 - mars : 화성땅공동구매 코드 작성 - movie : 스파르타피디아 코드 작성 - homework : 팬명록 코드 작성 - bucket : 버킷리스트 코드 작성 2. Flask 시작하기 - 서버 만들기 - new project -> prac 폴더 선택 후 cr..

1. 3주차 내용 - 3주차 설치 : Python, Git bash(윈도우만) - 3주차 배울 것 : Python, 크롤링, mongoDB 2. 파이썬 기초공부(1) 1) 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a의 값을 b에 넣는다 a = a + 1 # 기존의 a의 값에 1을 더한 후 다시 a에 넣는다 num1 = a*b # a의 값과 b의 값을 곱해 num1에 넣는다 num2 = 99 # 99를 num2에 넣는다 #변수의 이름 마음대로 짓기 가능! 2) 자료형 - 숫자, 문자형 name = 'bob' # 변수에 문자열 입력 가능 num = 12 # 변수에 숫자 입력 가능 is_number = True # True 또는 False의 'Boolean' 형 입력 가능 # 변수에 L..

1. 2주차 오늘 배울 것 : jQuery, Ajax -> jQuery를 이용해 Javascript로 HTML을 쉽게 제어 -> Ajax를 이용해 다시 서버에 데이터 요청 2. jQuery 시작하기 - jQuery : HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것 -> 라이브러리! - 코드 복잡성 & 브라우저 간 호환성 문제 해결 - 임포트 필요 : 사이 - 하지만, 부트스트랩 사용 시 임포트가 이미 되어있음 - jQuery에서 id 값을 이용해 특정 객체(버튼 or 인풋박스 or div 등)를 가리킴 3. jQuery 다뤄보기(1) - 필요한 기능들은 그때그때 구글링! - input 박스의 값 가져오기(val) //id값이 url인 곳의 val 값 가져오기 $('#url'..

1. Javascript 맛보기 1) 자바스크립트란? - 프로그래밍 언어로 브라우저가 알아들을 수 있는 언어 - 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML+CSS+Javascript를 전달 2) 자바스크립트- html 연결, 버튼을 클릭하면 경고창이 뜨게 하기 - 함수 만들기 function hey(){ alert('안녕!'); } - 내 코드를 만들어 추가 - 해당 태그 내 자바스크립트 작성 가능 - 버튼에 함수 연결 -> 버튼을 누르면 함수가 불린다. 영화 기록하기 2. Javascript 기초 문법 배우기(1) - [크롬 개발자도구]를 열어 console 탭에 작성 --> 빠르게 자바스크립트 테스트 가능 - console.log(변수) : 콘솔 창에 괄호 안의 값을 출력 - let..

1. HTML, CSS 기본 내용 1) HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기! - HTML은 구역과 텍스트를 나타내는 코드, CSS는 잡은 구역을 꾸며주는 것 --> HTML 내 style 속성으로 꾸며줄 수 있지만, CSS 파일을 따로 분리해 작성하는 것이 편함 2) HTML 기초 - HTML은 크게 head와 body로 구성 - head는 페이지의 속성 정보, body는 페이지의 내용 - head 내 대표적 요소 : meta, script, link, title 등 - body 내 대표적 요소 : div, p, ul-li, h1, h2, h3, hr, span, a, img, input, textarea 등 --> 정렬 중요!! 2. Quiz. 간단한 로그인 페이지 만들기 로..

1. 1주차 오늘 배울 것 네이버 웹페이지 해킹해보기! 네이버 페이지 들어가기 -> '네이버뉴스'에 마우스 놓기 -> 마우스 우측 클릭 -> 검사 -> '네이버뉴스'를 원하는 문구로 바꾸기 -> 엔터 ==> 바뀌었다! 웹의 동작 개념(HTML을 받는 경우) HTML = 뼈대 CSS = 꾸미기 JS = 바꾸기 브라우저가 하는 일 1) 서버(네이버의 컴퓨터)에 요청을 보내고 2) 받은 HTML 파일을 그려준다 ==> 우리가 보는 웹페이지는 서버에서 미리 준비해두었던 것을 '받아서', 화면에 '그려주는' 것이다!! But, 어디에(where) 요청을 보낼까? 바로 서버가 만들어 놓은 'API'라는 창구에 미리 정해진 약속대로 요청을 보내는 것! ex) https://naver.com -> 'naver.com'..