내일배움단 (9) 썸네일형 리스트형 [스파르타코딩클럽/웹개발 종합반] 10일차. 5-5 ~ 5-12 강의 (AWS, Ubuntu) 5-5. [무비스타] - 뼈대 준비하기 index.html, app.py 준비하기 5-6. [무비스타] - GET연습(보여주기) pymongo 정렬: .find().sort('like', -1) #like로 내림차순 만들 API 정보: 조회(Read) 기능: 영화인 정보 전체를 조회 A. 요청 정보 - 요청 URL= /api/list , - 요청 방식 = GET - 요청 데이터 : 없음 B. 서버가 제공할 기능 : 데이터베이스에 영화인 정보를 조회(Read)하고, 영화인 정보를 응답 데이터로 보냄 C. 응답 데이터 : (JSON 형식) 'stars_list'= 영화인 정보 리스트 5-7. [무비스타] - POST연습(좋아요+1) 만들 API 정보: 좋아요기능: 클라이언트에서 받은 이름(name_give).. [스파르타코딩클럽/웹개발 종합반] 8일차. 4-6 ~ 4-13 강의 (프로젝트) 4-6. [모두의책리뷰] - 프로젝트 세팅 프로젝트 설정 - flask 폴더 구조 만들기 app.py 파일, static 폴더, templates 폴더, templates 폴더 안에 idex.html 파일, flask & pymongo(리뷰저장기능) install 4-7. [모두의책리뷰] - 뼈대 준비하기 모두의책리뷰-app.py & index.html 코드스니펫 복붙 - app.py run - localhost:5000 확인 4-8. [모두의책리뷰] - POST 연습(리뷰 저장) API 만들고 사용하기 - 제목, 저자, 리뷰 정보 저장하기(Create → POST) 1. 클라이언트와 서버 확인하기 2. 서버부터 만들기: app.py에서 insert 3. 클라이언트 만들기: index.html에서 제이쿼.. [스파르타코딩클럽/웹개발 종합반] 7일차. 3-14 ~ 4-5 강의 (웹스크래핑, flask) 3-14. Quiz_웹스크래핑 결과 이용하기 1. 영화제목 '매트릭스'의 평점을 가져오기 2. '매트릭스'의 평점과 같은 평점의 영화 제목들을 가져오기 3. 매트릭스 영화의 평점을 0으로 만들기 collection 확인, list는 for in 쓰면 한줄씩 보기 쉽게 출력. 3-15. 3주차 끝 & 숙제 설명 .text #태그는 제외하고 내용만 가지고옴. .text[0:2] #슬라이싱. 자리번호 0부터 1까지 뽑아냄. .strip() #양 옆 공백제거 4-1. 4주차 오늘 배울 것 4주차: Flask, 미니프로젝트1, 미니프로젝트2 로컬개발환경 : 개발자들이 본인이 서버를 만들어서 브라우저로 접속을 해보는것. 4-2. 폴더 세팅 코드 관리를 위해 헷갈리지 않게 각 프로젝트 별 폴더 만들기. 4-3. Fl.. [스파르타코딩클럽/웹개발 종합반] 6일차. 3-6 ~ 3-13 강의 (Python, 크롤링, mongoDB) 3-6. 파이썬 패키지 설치하기 파이썬은 라이브러리가 방대함. Python 에서 패키지는 모듈(일종의 기능들 묶음)을 모아 놓은 단위. 이런 패키지의 묶음을 라이브러리. 외부 라이브러리를 사용하기 위해서는 패키지를 설치해야함. 가상환경 = virtual environment(venv). venv에 앞으로 설치 할 라이브러리들이 담김. 프로젝트별로 패키지들을 담을 공구함. 같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을 설치하거나 업그레이드하는 것을 가능하게 하는 격리된 실행 환경 File - Settings- Python Interpreter - + - 패키지 검색 후 install #패키지 설치방법 3-7. 패키지 사용해보기 requests.. [스파르타코딩클럽/웹개발 종합반] 5일차. 2-11 ~ 3-5 강의 (Python) 2-11. Quiz_Ajax 연습하기(2) 랜덤 고양이 사진 API를 이용하기 $("#img-cat").attr("src", imgurl); //#img-cat의 src를 imgurl로 바꿈 ->jQuery 이미지태그 src 바꾸기 2-12. 2주차 끝 & 숙제 설명 1주차 숙제에 환율 넣기(로딩이 완료되면, 환율 API을 이용해서 환율을 표시). $(document).ready(function(){ 내용; }); //javascript 로딩 후 바로 실행 3-1. 3주차 설치 파이썬 설치하기 : https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe mongo DB설치하기 1. 로컬디스크(c:)에 data폴더를 만들고, data폴더 안에 db폴더.. [스파르타코딩클럽/웹개발 종합반] 4일차. 2-3 ~ 2-10 강의 (jQuery, Ajax, API) 2-3. JQuery 시작하기 JQuery란? 미리 작성된 자바스크립트 코드(라이브러리). 사용하기 전에 맨 위에 Import를 해야함. 자바스크립트로 길고 복잡하게 써야 하는 것을 jQuery로 보다 직관적으로 쓸 수 있음. 2-4. JQuery 다뤄보기 제이쿼리 임포트 방법 : https://www.w3schools.com/jquery/jquery_get_started.asp - 구글 CDN 복사 - 안 밑에 붙여넣기 부트스트랩 템플릿으로 시작하면 제이쿼리가 이미 포함됨. 1. input 박스의 값을 가져와보기 $('#post-url').val(); //id 값이 post-url인 곳을 가리키고, val()로 값을 가져온다. 2. div 보이기 / 숨기기 $('#post-box').hide(); //.. [스파르타코딩클럽/웹개발 종합반] 3일차. 1-12 ~ 2-2 강의 (Javascript) 1-12. Javascript 맛보기 자바스크립트란? 유일하게 브라우저가 알아들을 수 있는 프로그래밍 언어. 안에 를 만들어 그 안에 자바스크립트 코드를 작성. function hey( ) { aleart("안녕"); } //안녕이라고 뜨는 경고창을 보여주는 hey라는 함수 포스팅박스 열기 //포스팅박스 열기를 클릭하면 hey함수 실행 브라우저 개발자도구(F12) - console창에서도 이어서 코드 작성가능함. but 새로고침하면 다 사라짐. 1-13. Javascript 기초 문법 배우기(1) console.log("Hello world!") //콘솔 창에 괄호 안의 값을 출력해줌 console.log(A, B) //두개 이상의 값은 콤마 변수: 값을 담는 박스. let/const 변수이름 = 값 /.. [스파르타코딩클럽/웹개발 종합반] 2일차. 1-4 ~ 1-11 강의 (HTML, CSS, Javascript) 1-4. Quiz_간단한 로그인 페이지 만들어보기 shift + tab : 앞으로 정렬 ctl + alt + L : 코드 자동정렬 를 이용하면 자동으로 줄바꿈이 됨. 1-5. CSS 기초 HTML 부모-자식 구조 살펴보기 감싸고 있는 태그(부모태그)의 내용이 바뀌면, 그 안에 있는 태그(자식태그) 내용물도 바뀜. CSS 기초 css는 1-9. Bootstrap(부트스트랩)을 써보자! 파이참에서 적은코드 왼쪽에 -를 클릭하면 해당 태그를 접을 수 있음. 이미지 가져오기: 이미지 검색 후 원하는 이미지 마우스 오른쪽 클릭 - 이미지 주소 복사 내용 가운데 정렬: 안의 태그들을 로 묶어주고 안의 에 .wrap { width: @px; margin: auto; } 1-10. Quiz_함께 만든 페이지를 발전시켜.. 이전 1 2 다음
