마이리틀뽀꼬

개발일지 5주 차 기간:3/1~3/3 지난 1주 차에 만들었던 나만 볼 수 있는 홈페이지를 모두에게 공개해보기로 했다. 1주 차 Week I learned 1주 차 (tistory.com) Week I learned 1주차 코딩에 대한 아무런 개념이 없던 저는 [왕초보] 웹 개발 강의 3일 차 (2/21~2/23)인 지금 1주 차 강의를 끝냈습니다. 아직 배울게 많고 갈길이 멀지만 친절하고 쉽게 설명해주신 덕분에 코딩에 '코' mylittleppoggo.tistory.com 내 홈페이지를 내 컴퓨터 없이 돌리기 위해서 가상 컴퓨터를 실행하고 서버를 세팅한 후 포트를 열어 모두에게 공개한다. 그러기 위해선, python, filezilla, git bash, robo3 T, EC2 server들이 필요하다..

개발일지 2022. 3. 5. 22:32

개발일지 4주 차 기간:2/28~3/1 Flask를 이용하여 리뷰 페이지 만들어 보기 패키지는 File -> setting -> Python interpreter를 통해 받는다. Flask from flask import Flask, render_template app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') if __name__ == '__main__': app.run('0.0.0.0', port=5000, debug=True) return render_template안에 있는 ('index.html')을 가져오려면 New -> Directory를 한 다음 그 안에 templates 폴더를 만들고..

개발일지 2022. 3. 4. 20:21

개발일지 3주 차 기간: 2/26~2/27일 웹 스크랩핑(크롤링) 기초 1. 원하는 부분 오른쪽 클릭 후 검사 2. 원하는 부분 태그에서 오른쪽 클릭 3.Copy에서 Copy selector 복사 #old_content > table > tbody > tr:nth-child(2) > td.title > div > a 4. 영화 순위, 이름, 평점 가져오기 #old_content > table > tbody > tr:nth-child(2) > td.title > div > a 이 부분에서 #old_content > table > tbody > tr까지 공통부분이므로 movies = soup.select('#old_content > table > tbody > tr')을 넣어준다. 그 후 각각의 파트마다 알..

개발일지 2022. 2. 28. 16:44

개발일지 1주 차에 이어 벌써 2주 차의 강의를 마쳤다. 기간은 2/24~2/25일 1주 차 2주 차로 나누는 기준은 강의 커리큘럼에 나와있는 진도표를 표준으로 삼았다. 이번 2주 차에서는 Ajax를 주로 다뤘다. Ajax란? Asynchronous JavaScript And XML의 약자로 HTML을 이용하여 웹서버에서 데이터를 요청하는 등 웹페이지와 자유롭게 상호작용 할 수 있다. 또한, XMLHttpRequest(XHR) 개체 JavaScript와 HTML DOM(데이터를 표시하거나 사용하기 위해)을 함께 사용한다. Ajax 기본 코드 $.ajax({ type: "GET", url: "url을 넣으세요.", data: {}, success: function(response){ let aa = res..

개발일지 2022. 2. 26. 15:15

코딩에 대한 아무런 개념이 없던 저는 [왕초보] 웹 개발 강의 3일 차 (2/21~2/23)인 지금 1주 차 강의를 끝냈습니다. 아직 배울게 많고 갈길이 멀지만 친절하고 쉽게 설명해주신 덕분에 코딩에 '코' 자도 모르던 제가 간단한 홈페이지를 만들어 봤습니다. 우선 기본적인 틀을 만들기 위해서 저는 제가 이미지를 넣을 것인지 배경은 어떻게 할 것인지에 대해 초안을 만들어보고 width, height, margin 등을 이용하여 크기와 위치를 조절했습니다. 이미지를 삽입하기 위해서는 background-image: url()을 사용하는데 가운데에 맞추기 위해 size는 cover;를 사용하였고 position은 center;를 사용했습니다. 이미지를 넣었다면 이제 주문하는 창을 만들어야 하는데 기본적인 틀..

개발일지 2022. 2. 23. 17:19