목록항해99 3기 (17)

Jaeilit

항해99_사전스터디_미니프로젝트_객체(데이터)만들기 + API 호출(json-server)

* 미니프로젝트는 순수 HTML, CSS, 간단한 JS 로 제작하였습니다. * 항해99_3기 본 과정에 앞서 사전스터디 그룹에서 미니프로젝트를 시작하게 되었습니다. 미니프로젝트의 내용은 사전강의를 통해 배운 내용으로 간단한 커피리뷰 사이트를 제작해서 배포까지가 목표입니다. 제가 맡은 부분은 커피에 대한 상세 페이지 부분입니다. 1. 객체(데이터)만들기 지난 번의 코드에서 수정을 조금 했습니다. 더보기 수정사항 db에 저장하기 위해서 아래 사진과 같이 객체 데이터를 만들었습니다. 핵심내용은 for 문안에서 배열을 순회하면서 true 인 값의 id 값을 반환 하는 건데요, id 값이 사진을 보시면 detail-form-radio-bad 입니다. 좀 이상하죠,, 이런 id값을 을 반환 하는 이유는 아래 사진과..
항해99 3기 2021. 9. 2. 22:27
항해99_사전스터디_미니프로젝트_댓글기능 구현하기

* 미니프로젝트는 순수 HTML, CSS, 간단한 JS 로 제작하였습니다. * 항해99_3기 본 과정에 앞서 사전스터디 그룹에서 미니프로젝트를 시작하게 되었습니다. 미니프로젝트의 내용은 사전강의를 통해 배운 내용으로 간단한 커피리뷰 사이트를 제작해서 배포까지가 목표입니다. 제가 맡은 부분은 커피에 대한 상세 페이지 부분입니다. 1. 댓글기능 만들기 HTML, CSS로 간단하게 댓글 작성을 해야할 것 같은 분위기로.... 꾸며봤습니다. (실제 XD 디자인) HTML, CSS는 다른 부분에서 다루겠습니다. 2. 코드 function reviewSubmit() { const reviewInput = document.getElementById("detail-review-content") const reviewV..
항해99 3기 2021. 9. 1. 00:43
항해99_사전스터디_4주차

서버만들기, GET - POST 이해하기 1. Flask 프레임워크 : 서버를 구동시켜주기 위한 프레임워크 >기본구조 from flask import Flask app = Flask(name) @app.route('/') def home(): return 'This is Home!' @app.route('/mypage') def mypage(): return 'This is My Page!' if name == 'main': app.run('0.0.0.0',port=5000,debug=True) 2. Flask 서버 만들때는 항상! static 폴더 - 이미지, css파일 templates 폴더 - html 파일 app.py 파일 templates import 연결 from flask import Fla..
항해99 3기 2021. 8. 6. 17:41
항해99_사전스터디_3주차_숙제

지니뮤직 순위, 노래제목, 가수 크롤링하기 import requests from bs4 import BeautifulSoup 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://www.genie.co.kr/chart/top200?ditc=D&ymd=20200403&hh=23&rtm=N&pg=1',headers=headers) soup = BeautifulSoup(data.text, 'html.parser') trs = soup.select('#body-..
항해99 3기 2021. 7. 22. 19:31
항해99_사전스터디_3주차_웹크롤링

웹 크롤링과 파이썬, mongoDB 에 대해서 간단하게 학습하기 웹 크롤링 기본 툴 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.nhn?sel=pnt&date=20200303',headers=headers) # HTML을 BeautifulSoup이라는 ..
항해99 3기 2021. 7. 22. 19:10
항해99 사전스터디 1주차_숙제

HTML + CSS + 부트스트랩(UI) 를 이용한 간단한 페이지 제작 1. 이미지를 이미지 태그가 아닌 div 태그와 class 지정으로 하여 더 이미지를 효과적으로 제어해줄 수 있었다. ex) background-image : url(이미지경로), background-size : cover, background-position : center .wrap .img { background-image:url("http://bondo.kr/bondo/images/insence/candle/daban/t-light_candle_set/daban_incense_t-light_candle_burner_005.jpg"); width: 500px; height: 300px; background-size: cover;..
항해99 3기 2021. 7. 21. 17:00
항해99 사전스터디 1주차_웹_동작원리

클라이언트와 서버 웹에 연결된 컴퓨터는 클라이언트 와 서버 라고 합니다. 그들이 어떻게 상호작용하는가에 대한 간소화된 다이어그램은 다음과 같습니다: 클라이언트는 일반적인 웹 사용자의 인터넷이 연결된 장치들 (예를 들어, 여러분의 컴퓨터는 WI-FI에 연결되어 있고, 또는 여러분의 폰은 모바일 네트워크에 연결되어 있습니다) 과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어 (일반적으로 파이어폭스 또는 크롬 과 같은 웹 브라우저) 입니다. 서버는 웹페이지, 사이트, 또는 앱을 저장하는 컴퓨터입니다. 클라이언트의 장비가 웹페이지에 접근하길 원할 때, 서버로부터 클라이언트의 장치로 사용자의 웹 브라우저에서 보여지기 위한 웹페이지의 사본이 다운로드 됩니다. 도구 상자의 다른 부분들 위에서 설명한 클라이언트와..
항해99 3기 2021. 7. 16. 14:02
이전 Prev 1 2 Next 다음