개발과 계발/웹 개발 11

Flask 서버 실행하기

서버에서 test 파일이 실행되는것은 확인했고, 내가 만든 웹사이트를 배포해볼 차례 app.py , templates 폴더, static 폴더를 서버로 옮겨준다 ls 하면 sparta 폴더 안에 파일들이 보이고 python app.py 해서 파이썬 파일을 실행시켰더니 "Flask가 설치되지 않았다"고 뜸! pip install flask 해주면 flask를 깔 수 있음 깔고나면 pymongo랑 dnspython도 깔으라고 떠야되는데 안뜸 ㅡㅡ.. 근데 그냥 함 ㅋㅋ 그래두 된다 ㅇㅅㅇ..ㅋㅋ 둘다 깐다음에 다시 python app.py 입력해서 파이썬 파일 실행! 오 그럼 파이참 실행창에서 나왓던 실행내용이 쭈루룩 뜸! 그담에 새 탭을 켜서 내 ip주소:5000 을 넣으면 열ㄹ리는데 아직은 안열림. 50..

AWS 서버 구매, 세팅, 리눅스 명령어, 파일 서버로 옮기기, 실행하기

아마존 웹서비스 가입은 전에 해놨었고 작업한 걸 올리기 위해 서버를 구매하고 세팅했따 로그인 후, 콘솔페이지 에 들어가서 EC2콘솔페이지: https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 ap-northeast-2.console.aws.amazon.com 이름을 설정해준 뒤에 Ubuntu , 20.04 선택 ! pip sudo apt-get update sudo apt-get install -y python3-pip sudo update-alternatives --ins..

웹스크래핑(크롤링) 기초 - beautifulsoup4 사용법

파일 - 설정 - + 버튼 - requests 검색해서 설치 파일 - 설정 - + 버튼 - bs4 검색해서 설치 기본세팅 import requests from bs4 import BeautifulSoup # 타겟 URL을 읽어서 HTML를 받아오고, headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.naver?sel=pnt&date=20210829',headers=headers) # ..

Ajax - 영화기록 홈페이지에 영화API 가져오기

완성본 내 생애 최고의 영화들 영화 기록하기 영화Url 별점 --선택하기-- * ** *** **** ***** 코멘트 기록하기 닫기 여기에 제목이 들어갑니다. 여기에 내용이 들어가지요. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 여기에 제목이 들어갑니다. 여기에 내용이 들어가지요. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 여기에 제목이 들어갑니다. 여기에 내용이 들어가지요. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 여기에 제목이 들어갑니다. 여기에 내용이 들어가지요. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 마찬가지로 Ajax 이용 http://spartacodingclub.shop/web/api/movie

Ajax 연습하기

크롬 Jason확장프로그램 깔고 보면 요러케 생김 Jason: 리스트, 딕셔너리가 섞여있는 형태 정도로 이해하면됨 $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function (response) { console.log(response) } }) GET방식으로 이 url을 이용해서 console에 response를찍어주겠다 콘솔을 확인해보면 $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function (response) { let rows = re..

github, git 세팅

작년 gmmap 유니티로 작업한 것 지훈이와 공유하려고 깃허브 다시 도전,. 예전에 봤던 영상 말고 다른거 보면서 따라했움 https://www.youtube.com/watch?v=lelVripbt2M 깃허브 가입은 진작에 되어있었고 포맷해서 깃 다시 다운받았다 전에는 bitbucket, sourcetree 이용해서 협업세팅하려다가 못했는데 이번엔 그냥 깃배시 이용하는 영상봤다 세팅해놓고 내 작업 포트폴리오도 만들 겸 쓰면 좋을거같다 요것이 지훈이가 작년에 작업했던 파일인데,. C# 파일 열어서 터미널에서 바로 깃배시 명령어 넣으면 된다는뎈ㅋㅋ 영상에서 보이는 화면이 달라서 여기저기 보다가 발견 여기에서 Git Bash 선택하면 할 수 있었다 파워셀, 커맨드프롬프트 등 저기있는것들이 터미널 역할을 하는 ..

Javascript 기초문법

안에 로 공간을 만들어 작성합니다. function hey(){ alert('안녕!'); } 브라우저 개발자도구(F12) 실행 후 - 콘솔 부분에서 페이지에서 빠르게 자바스크립트를 테스트 해볼 수 있음 console.log(변수) 는, 콘솔 창에 괄호 안의 값을 출력해줍니다. 개발자가 결과값을 보기 편하도록! let으로 변수를 선언합니다. let num = 20 num = 'Bob' // 변수는 값을 저장하는 박스예요. // 한 번 선언했으면, 다시 선언하지 않고 값을 넣습니다. 사칙연산, 그리고 문자열 더하기가 기본적으로 가능합니다. let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLe..

CSS 기초. 부트스트랩 써보기.

지난번에 프로필링크 만들기를 해봐서 어렵지 않게 할 수 있었다. 그래서 후딱후딱 넘어가긴했는데 중간중간 까먹을 것 같은 내용들이 꽤 있다 주석으로 메모해놓긴 했는데 개발일지에 빠지지않고 적을 수 있을지 걱정 ㅇㅅㅇ.. * html 부모-자식 구조 *CSS 기초 안에 로 공간을 만들어 작성합니다. mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 함!! * 자주 쓰는 CSS 배경관련 간격 사이즈 폰트 background-color background-image background-size margin padding width height font-size font-weight font-family color * margin 과 padding : margin은 바깥 여백 / ..

링크모음 웹페이지 만들기

완성본 https://soyoung9928.github.io/mypage/ 오늘은 스파르타코딩클럽 정규과정말고 무료로 배포되는 강의 링크트리 같이 나의 링크를 한눈에 모아서 배포하는 웹페이지를 만들어봤다 이걸 들어야겠다 생각한건 사실 마지막 단계 때문인데, 링크트리나 quv, 아임웹 같이 요즘은 홈페이지 만들기를 쉽게 할 수 있기에 굳이 하나하나 만드는 과정은 사실 필요를 못느낀다 코딩 공부를 위해서 하는것이 아니면,, 그래서 웹개발 코스를 신청한 이유도 단순 코딩때문이었는데 내가 웹개발 코스도그렇고 이 무료강의를 보며 가장 가장 가장 궁금했던 것은 개인 서버를 어디에 두고 배포를 하냐는 것이었다 회사에서 해본 것은 나스에 파일들을 옮겨서 그걸 배포하는 방식이었는데 이렇게 무료로 배포하는 거면 자신의 서..