FrontEnd :-)

[항해99] 웹개발 플러스 2주차 (작성중) 웹개발 플러스 2주차 Jinja Flask의 더 많은 기능 배우기 API에 보안 키 전달 멀티페이지 사이트 만들기 동적 웹페이지의 종류 API 키를 1) 플라스크 서버에서 API로 요청을 보낼 때, 2) 클라이언트에서 API로 요청을 보낼 때 어떻게 같이 보내줘야하는지 Jinja 사용하기 app.py에서, @app.route('/detail') def detail(): r = requests.get('') response = r.json() rows = response['RealtimeCityAir']['row'] return render_template("detail.html", rows=rows) detail.html에서, {{ rows[0]["MSRSTE..

영상 보여주기 순서팀 번호: 4 제목: 어쩔쓰레기 설명: 가전제품, 생활용품, 식품 등 일상생활에서 많이 사용하는 아이템들별로 각각 다른 분리수거 방법이 있다는 것을 유저들에게 공유하고 댓글을 달며 소통하는 정보형 플랫폼 영상: https://youtu.be/XKqAiiOFBBU 1일차, 굉장히 순조로웠던 하루. 우선 기획회의가 금방 끝났다. 아이템 선정이 빨랐기 때문인데, 예전부터 생각했던 나의 아이디어가 채택되었다. 아이디어는 상품별 재활용 분리수거 방법을 알려주는 페이지를 만들면 좋겠다는 것이었다. 내가 생각해도 만들어보기 좋은 아이디이어일 것 같아서, 전날 자료를 찾아봤다. 나와 같은 생각을 했던 사람이 책을 냈길래(쓰레기 사전), 알라딘 중고서점에 가서 책을 구매했다. 맞다, 하루 전인 5/8에..

웹종합개발반 2회 완강! 입학시험 남았다. 내일은 총정리 복습! HTML > CSS > Bootstrap > Javascript >JQuery > API/Ajax > Python > Crawling > mongoDB > Flask(post,get) > 서버/AWS 배운 점: Flask 기초(연습{버킷리스트}), AWS 서버 세팅, 도메인 연결, og 태그(아래 테이블) 어려운 점: 5주 차 버킷리스트 만들기는 어렵다. Get 방식 index.html에서 ajax에 조건문 함수 삽입, Post 방식 app.py에서 count 설정이나, 문자열을 숫자로 바꾸는 int() 사용 등이 복잡성을 더했다. 노트: 5주 차 강의 - aws 새 서버 구매해서 연결하고, 그래서 가비아에 dns 설정 다시 하고, 파일질라..

성취감이 있다. 서버에 적용시키는 게 재밌다. 하지만 헷갈린다. 연습이 많이 필요할 듯. HTML > CSS > Bootstrap > Javascript >JQuery > API/Ajax > Python > Crawling > mongoDB > Flask(post,get) > 서버/AWS 배운 점: flask 서버 만들기, GET/POST 연습 어려운 점: GET/POST 코딩 짤 때 괄호들 ()와 {}, 따옴표 여부 '' 등이 헷갈린다. 연습이 많이 필요할 것 같다. 노트: -POST는 app.py에서, GET은 index.html에서 다소 복잡 -✫Pymongo 패키지 + 꼭! Certifi 패키지도 설치(my컴 한정) [Table] 강의: Flask 기초(API 만들기: POST, GET 방식 연습..

이틀을 건너뛰고 복습하니, 그새 잊어버린 것이 많다. 에공. 파이썬은 1년 전 쯤 독학해보겠다고 강의 몇 개를 들은 적이 있는데, 기억에 남는 게 없다. 그래도 노트에 적은 것이 있어서 참고하기 좋을 것 같다. 3주차 강의는 꽤 재밌었다 HTML > CSS > Bootstrap > Javascript >JQuery > API/Ajax > Python > Crawling > mongoDB > Flask(post,get) > 서버/AWS 배운 점: Python, 크롤링, mongoDB(아래 테이블) 별점 별 모양 표시방법 for문으로 불러오고, let star = rows[i]['star'] 별 이모티콘으로 반복될 수 있게 .repeat() 설정하고, let star_image = '⭐'.repeat(sta..

HTML > CSS > Bootstrap > Javascript > JQuery > API/Ajax > Python > Crawling > mongoDB > Flask(post,get) > 서버/AWS 2주 차 배운 점: jQuery, Ajax, API 기초 (아래 테이블) jQuery란? JavaScript library. 단, 쓰기 전에 "임포트(미리 작성된 Javascript 코드를 가져오는 것)" 필수 jQuery 기본 골격 $(selector).action() Ajax Asynchronous JavaScript and XML, 에이잭스 [위키백과] Ajax 애플리케이션은 필요한 데이터만을 웹서버에 요청해서 받은 후 클라이언트에서 데이터에 대한 처리를 할 수 있다. 보통SOAP이나XML기반의 웹 ..

복습이 더 힘들다. 처음엔 보고 따라 하기만 했는데, 기억하려 해서 또는 정리하려 해서 힘든 것 같다. 여기에 조금 더 알아보겠다고 이것저것 시도해보고 찾아보다 보니 시간이 더 오래 걸린다. 부족한 점에 무엇을 쓸지 모르겠다. 다 부족한데.. HTML > CSS > Bootstrap > Javascript > JQuery > API/Ajax > Python > Crawling > mongoDB > Flask(post,get) > 서버/AWS 1주 차 배운 점: HTML, CSS, Javascript 기초 (아래 테이블) 의미를 모르고 따라했던 부분 ↓ CSS에서 mytitle 안에 있는 버튼의 스타일을 바꿀 때, .mytitle > button {} 마우스 올렸을 때의 스타일을 바꿀 때, .mytitle..

스파르타코딩클럽 웹개발 종합반 강의는 1~5주차 수업으로 이루어져 있다. 5주 차로 되어 있으나 며칠 안으로 들을 수 있다. 1회 완강한 상태이고, 입학시험 전 2회 완강을 강력히 권고하고 있어서 2회 차 수업 듣는 것을 준비하고 있다. 강의 들으며 개발일지를 정리하고 싶었는데, 강의를 따라 가느라 시간이 없었다. 2회 차이니까, 처음부터 복습하며 개발일지 작성에 집중해 보려고 한다. 사전 준비 스터디 역시 각 주차 수업 후 "배운 점, 부족한 점, 노트"를 기재하기로 해서 겸사겸사 정리에 도움이 될 것 같다. 개요는 다음과 같다. [강의 순서] HTML > CSS > Bootstrap > Javascript > JQuery > API/Ajax > Python > Crawling > mongoDB > F..