스파르타코딩클럽 (11) 썸네일형 리스트형 [스파르타코딩클럽/무료강의] 1시간만에 끝내는 직장인 코딩 용어 해설 정리 코딩의 본질은 삽질이다. 집념하고 구글만 있으면 모두가 장인이 될 수 있다. 컴퓨터는 기본적으로 기계를 모아둔 것. 기계의 집합. 하드디스크: 적어두기. 하드디스크가 크면 여러가지 용량을 저장할 수 있음. RAM: 기억하기. RAM이 좋으면 기억을 많이 할 수 있음. CPU: IQ같은 것. 계산하기. CPU가 좋으면 계산을 빨리 할 수 있음. 메인보드: 하드디스크, RAM, CPU 등을 꽂아서 한번에 관리하는 곳. 운영체제(OS): 인간이 기계와 소통 할 수 있게 만드는 기반 프로그램(안드로이드, iOS, 윈도우, 리눅스 등) 리눅스는 오픈소스라서 무료. OS에 명령을 내리는게 코딩. 프로그래밍 언어: 명령을 내리는 언어. 언어마다 특성이 다름. 인간과 가장 가까운 언어. (ex. 자바, php, 파이썬.. [스파르타코딩클럽/웹개발 종합반] 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).. [스파르타코딩클럽/웹개발 종합반] 9일차. 4-14 ~ 5-4 강의 (API, 프로젝트) 4-14. [나홀로메모장] - POST 연습(메모하기) API 만들고 사용하기 : 포스팅API (Create → POST) 포스팅API : 카드 생성 (Create) : 클라이언트에서 받은 url, comment를 이용해서 페이지 정보를 찾고 저장하기 4-15. [나홀로메모장] - GET 연습(보여주기) 리스팅API : 저장된 카드 보여주기 (Read) 4-16. 4주차 끝 & 숙제 설명 1주차에 완성한 쇼핑몰에 아래 기능 추가하기. 1) 주문하기(POST): 정보 입력 후 '주문하기' 버튼클릭 시 주문목록에 추가 2) 주문내역보기(GET): 페이지 로딩 후 하단 주문 목록이 자동으로 보이기 오타, 괄호, 들여쓰기 잘하기. 오류는 개발자도구에서 찾기(오류문구 속에 답이 있음). 5-1. 5주차 설치 Fi.. [스파르타코딩클럽/웹개발 종합반] 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(); //.. 이전 1 2 다음
