★ Git 실행할 때 입력 ㄴㄴ up 키 ( ↑ ) 누르면 됨!!! ★ 원페이지쇼핑몰 업로드하기 1. Robo3T 이용해 서버에 있는 mongodb 접속하기 1) robo connection 만들기 --> create > name: myecs, address:퍼블릭주소 > authentication 탭 체크(perform) > name, password 입력(수정하고 싶을 땐 파이썬에 initial_ec2 끌어와서 수정하면 됨) > 좌측 하단 test 확인 > save > connect 2) 원페이지쇼핑몰 app.py 아이디, 비밀번호 수정 from flask import Flask, render_template, jsonify, request app = Flask(__name__) from pymong..

서버 세팅하기 1. filezilla(FZ) : 클라우드 서버 사서 원격 조정할 때 파일을 다운로드, 업로드 해주는 프로그램 1) 사이트 만들기 --> 좌측 상단 클릭 > 이름 > 프로토콜 SFTP > 호스트, 포트 입력 > 로그온 키파일 > 사용자, 키파일 입력 > 연결 2. 파이썬 파일 실행하기 --> FZ에서 로컬사이트 Desktop 누르고 Refresh > 파이썬 파일(test.py)을 리모트사이트에 옮기기 --> Git 들어가서 명령어 입력 ubuntu@ip:~$ ls sparta ubuntu@ip:~$ cd sparta/ ubuntu@ip:~/sparta$ ls test.py ubuntu@ip:~/sparta$ python3 test.py --> python3인 이유: 3버전을 쓰고있기때문 h..

Project 마이 페이보릿 무비스타 ㄴ> flask, pymongo(DB저장), requests(크롤링), bs4 패키지 설치 1. DB 만들기(데이터쌓기=웹스크래핑) import requests from bs4 import BeautifulSoup from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta # DB에 저장할 영화인들의 출처 url을 가져옵니다. def get_urls(): headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73..

Project 나홀로 메모장 ㄴ> flask, pymongo(DB저장), requests(크롤링), bs4 패키지 설치 * API 구성 > 조각기능 구현(필요한 기능 검증) > 뼈대 만들기 > POST, GET 요청 1. API 설계 : 어떤 기능이 필요하고, 어떤 순서로 구현 할건지 계획! 1) 포스팅박스 : URL과 코멘트를 서버에 보내서 서버에서 그 데이터 저장하는 것 2) 포스팅 API - 카드 생성(Create) (1) 요청 정보 --> 요청 URL = /memo, 요청 방식 = POST(why? 데이터 생성이므로) --> 요청 데이터 : URL, 코멘트 (2) 서버가 제공할 기능 --> URL의 meta태그 정보를 바탕으로 제목, 설명, 이미지URL를 스크래핑 함 --> 이미지, 제목, 링크,..

서버 --> 컴퓨터에 돌아가고 있는 하나의 프로그램 로컬 개발 환경 --> 컴퓨터 한대로 클라이언트 = 서버 로컬 개발 환경에 필요한 파일, 폴더 1) app.py --> 서버를 돌아가게 만드는 파이썬 파일 이름(통일시키기★) 2) static --> CSS나 이미지 파일들을 담아둘 때 사용하는 폴더(잘 사용 X) 3) templates --> html 파일들을 담아두는 폴더(통일시키기★) 프레임워크 : flask --> 남이 짜둔 어떤 규칙이나 틀 안에서 코딩을 자유롭게 할 수 있음 --> 하나의 프레임워크 안에서 짜야 함 라이브러리 : 3주차에서 사용했던 것들 --> 내가 내 맘대로 짜는데 남이 만들어놓은걸 중간중간 자유롭게 가져다 씀 --> 백개든 천개든 가져올 수 있음 flask --> 기본 세팅..

데이터베이스 --> 사용하는 이유? 데이터를 잘 찾고 가져다 쓰기 위해 1. 종류 (1) SQL(RDBMS) : 엑셀과 유사(행과 열 미리 정해야함) ex) MS-SQL, My-SQL 등 --> 수정 어려움, 졍형화에 최적화, 데이터 일관적, 분석 빠름 (2) NoSQL (not only SQL) : 한줄 한줄 딕셔너리 형태 ex) MongoDB --> 자유로움, 유연함, 일관성 부족, 초기스타트업에 유리 ※ DB 설치 확인 : 크롬 창에 localhos:27017 검색 ㄴ> It looks like you are trying to access ~~로 뜨면 OK! ※ 서버 = 컴퓨터의 역할 라이브러리 pymongo --> python에서 쉽게 Mongodb를 사용할 수 있는 라이브러리임 --> 설치 : ..

※ 4,5주차에 파이썬 사용해서 컴퓨터한테 서버 역할을 해줘 명령 내림 ※ 몽고db = 데이터베이스(눈에 보이지 않게 데이터 쌓아두는 곳) 로보3t = 몽고db 데이터를 시각화 해주는 프로그램 Ajax 복습 --> 나홀로 링크 메모장에 API 넣기 ( http://spartacodingclub.shop/post ) function listing() { $('#cards-box').empty() $.ajax({ type: "GET", url: "http://spartacodingclub.shop/post", data: {}, success: function (response) { let rows = response['articles'] for (let i=0; i < rows.length; i++) { l..

추억소환 패키지 나의 추억거리를 공유합니다 모든 수강생들의 추억 보러가기 > 카페 부케 부산 금정구 장전온천천로 97-1 카공만 하던 카페... 졸업 후 오랜만에 가서 귀여운 물고기 포뇨를 그렸다! 카페는 무슨 푹신한 내침대에서 그렸다 ㅎㅎ 다음은 짱구 그릴 계획이다!! 언젠가는 내가 그린 그림들 다 모아놓은 온라인 미술관이라던지.. 2022년 내가 본 넷플릭스 목록 정리하는 기록지 같은거 만들어 볼 예정!

Json : 딕셔너리 { }와 리스트 [ ] 조합과 생김새가 비슷 API ( = 은행 창구) : 클라이언트가 요청( 타입 : GET, POST) ⇔ 서버가 답 1) GET : 데이터 조회(Read) ex) 영화 목록 조회 --> 요청 URL : http:// 서버 주소/ 창구이름?고객이 가지고 가는 데이터1&데이터2 ㄴ> ? : 전달할 데이터가 작성된다 ㄴ> & : 전달할 데이터가 더 있다 2) POST : 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 ex) 회원가입, 회원탈퇴, 비번 수정 --> 4주차에 배움!! Ajax : 서버통신의 마법 --> 자바스크립트로 페이지 전환없이 서버에서 값을 받아올 수 있는 방법 --> JQuery를 임포트한 페이지에서만 동작 가능 -->..

자바스크립트 클릭함수 --> 한번 클릭하면 홀수, 두번째 클릭하면 짝수 --> 함수(function) 안에 count 두개가 있으면 축적이 안됨 ( = 변수를 함수 안에서 선언해서 사용하면 그 함수가 끝나면서 자동으로 사라짐) 그렇기 때문에 함수 밖에 선언해야 함( = 전역변수) JQuery : 미리 작성된 자바스크립트 코드 --> 맨 위에 항상 임포트하고 jQ 사용하기! --> id 지정하기★ 1) input 박스 값 가져오기 & 입력하기 --> $ ( ' #id ' ) : 지칭 --> .val ( ' ~~ ' ) : 명령, input 박스에서만 쓰임 > $ ( ' #article-url ' ).val ( ) ; $ ( ' #article-url ' ).val ( ' 장영실 ' ..

자바스크립트 ★ 변수, 자료형, 함수, 조건문, 반복문 ★ ㄴ> 크롬 개발자도구 - console 에 작성!! ㄴ> enter 하면 작성 끝!!!!!!!!!! ㄴ> 줄바꿈 : Shift + enter 1) 변수 : 값을 받는 박스(괄호 안에 들어가는 것들) --> let : 선언 > let a = 2 > a+3 let first_name = 'bella' > let last_name = 'swan' > first_name + last_name 변수 이름 정할 땐 나도 남도 알아보기 쉽게! ★ 언더바(_) 활용하기 ★ 2) 자료형 --> 필요한 이유? 깔끔, 간단 그자체! (1) 리스트 list --> 순서가 중요한 담기 ( 0부터 시작, [0][1][2]로 표현..

코딩 백과사전 --> https://developer.mozilla.org/ko/ --> https://www.w3schools.com/ 부트스트랩 ★ 부트스트랩 + 커스텀 CSS 추가 필수! ★ --> 예쁜 CSS 모여있는 사이트 --> jumbotron, card, form 사용해서 위 메모장 만들었음(form은 div로 바꾸기!!) 태그 --> input : 한 줄 텍스트 양식 --> textarea : 여러 줄 텍스트 양식 ( label 태그와 연결할 때 id 태그 사용 -> label for= " 이름 " 이랑 input id= " 이름 " 동일해야 함!!) --> img : 이미지 주소 복붙하기 CSS --> border : 경계선 그리기(크기, solid 실선, 색깔 등) --> border..