brackets.io(html 태그 편집기) 다운(일반으로) c드라이브 새폴더(html) 생성 brackets.io 실행 > 파일 > 새파일 확장기능관리자(우측에 레고모양) 에서 설치 --> emmet : 태그자동생성, --> beautify : 자동정렬 --> cssfier : css 선택자 자동 생성 html 기본골격 > html:5 입력 후 tab (emmet 속성 설치해야 가능) : lang 생략 가능 utf-8 : 모든 언어를 표현할 수 있는 속성(필수!!) : 5버전임을 선언하는 태그(생략ㅇ) : 아파트 : 층 : 방 : 정의하는 태그 새파일 생성(1226_02.html) : 해당 문장 위아래 여백 10px 정도 ㄴ> style="border:1px solid red" 로 확인 도움말 : ct..

2022.06.29 - [studylog/Web] - 22.06.29(수) 22.06.29(수) Project 마이 페이보릿 무비스타 ㄴ> flask, pymongo(DB저장), requests(크롤링), bs4 패키지 설치 1. DB 만들기(데이터쌓기=웹스크래핑) import requests from bs4 import BeautifulSoup from pymongo import Mon.. dailylog2206-ing.tistory.com 2022.07.02 - [studylog/Web] - 22.06.30(목) 22.06.30(목) 서버 세팅하기 1. filezilla(FZ) : 클라우드 서버 사서 원격 조정할 때 파일을 다운로드, 업로드 해주는 프로그램 1) 사이트 만들기 --> 좌측 상단 클릭 ..

★ 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..

2022.06.27 - [studylog/Web] - 22.06.27(월) 22.06.27(월) 서버 --> 컴퓨터에 돌아가고 있는 하나의 프로그램 로컬 개발 환경 --> 컴퓨터 한대로 클라이언트 = 서버 로컬 개발 환경에 필요한 파일, 폴더 1) app.py --> 서버를 돌아가게 만드는 파이썬 파일 dailylog2206-ing.tistory.com 2022.06.28 - [studylog/Web] - 22.06.28(화) 22.06.28(화) Project 나홀로 메모장 ㄴ> flask, pymongo(DB저장), requests(크롤링), bs4 패키지 설치 * API 구성 > 조각기능 구현(필요한 기능 검증) > 뼈대 만들기 > POST, GET 요청 1. API 설계 : 어떤 기능이 필요하고,..

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를 스크래핑 함 --> 이미지, 제목, 링크,..

2022.06.23 - [studylog/Web] - 22.06.23(목) 22.06.23(목) ※ 4,5주차에 파이썬 사용해서 컴퓨터한테 서버 역할을 해줘 명령 내림 ※ 몽고db = 데이터베이스(눈에 보이지 않게 데이터 쌓아두는 곳) 로보3t = 몽고db 데이터를 시각화 해주는 프로그램 Ajax dailylog2206-ing.tistory.com 2022.06.24 - [studylog/Web] - 22.06.24(금) 22.06.24(금) 데이터베이스 --> 사용하는 이유? 데이터를 잘 찾고 가져다 쓰기 위해 1. 종류 (1) SQL(RDBMS) : 엑셀과 유사(행과 열 미리 정해야함) ex) MS-SQL, My-SQL 등 --> 수정 어려움, 졍형화에 최적화, 데이터 일 dailylog2206-in..

서버 --> 컴퓨터에 돌아가고 있는 하나의 프로그램 로컬 개발 환경 --> 컴퓨터 한대로 클라이언트 = 서버 로컬 개발 환경에 필요한 파일, 폴더 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..

2022.06.22 - [studylog/Web] - 22.06.21(화) 22.06.21(화) 자바스크립트 클릭함수 --> 한번 클릭하면 홀수, 두번째 클릭하면 짝수 --> 함수(function) 안에 count 두개가 있으면 축적이 안됨 ( = 변수를 함수 안에서 선언해서 사용하면 그 함수가 끝나면서 자 dailylog2206-ing.tistory.com 2022.06.23 - [studylog/Web] - 22.06.22(수) 22.06.22(수) Json : 딕셔너리 { }와 리스트 [ ] 조합과 생김새가 비슷 API ( = 은행 창구) : 클라이언트가 요청( 타입 : GET, POST) ⇔ 서버가 답 1) GET : 데이터 조회(Read) ex) 영화 목록 조회 --> 요청 URL : http:..