본문 바로가기

TIL/웹 초보14

23.05.12 웹개발 종합반 fetch ~ DB 복습 vision5팀과의 미니프로젝트를 마치고 오늘부터는 다음주에 새로 시작할 미니프로젝트에 대비하기 위해 웹개발종합반 강의를 정주행할 계획이다. html에서 fetch로 데이터 가져오기 fetch("데이터를 가져올 루트(api url, 백엔드 post 루트 ...)").then(res => res.json()).then(data => { let temp = data['루트에서 가져올 데이터 종류'] $('#temp').text(temp) // id='temp'에 temp에서 text가져와 붙이기 }) ex) fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then.. 2023. 5. 12.
webflow + chatGPT 오늘 사용해볼 사이트는 webflow라는 노코드 툴이다. 이 툴과 gpt를 사용해 웹사이트를 하나 만들어 볼 것이다. webflow를 사용해 사이트를 만들면 아래와 같이 나온다. 이때 왼족 사이드바가 html관련 도구들이 있는 곳이고, 오른쪽에 붓 모양 style에 css 도구들이 있다. java 도구들은 가장 오른쪽 번개 모양 버튼 interaction에 있다. 외국사이트다 보니 글을 입력할 때 글자가 중복돼서 출력되는 등 문제가 있긴하다. 여러개에 같은 효과를 주고 싶으면 그 중 하나에 효과를 주고 Style selector에서 새롭게 class를 부여해 나머지에도 그 class를 추가해주면 된다. 톱니 버튼을 누르면 id를 부여할 수 있는데, 아래 쪽에 Link Setting에서 page secti.. 2023. 4. 19.
23.04.18 해당 url을 새 창에 띄우는 함수 const move = (url) => { window.open(url,'_blank') } $('#card-wrap').prepend(temp_html) 와 같이 prepend를 사용하면 추가할 temp_html을 앞에 추가할 수 있다. 꾸미기 전 코드 오늘의 전시 내가 추가한 전시 취소하기 등록하기 + 추가하기 현재 진행중인 전시 from flask import Flask, render_template, request, jsonify app = Flask(__name__) import requests from bs4 import BeautifulSoup from pymongo import MongoClient client = MongoClient("mongodb+s.. 2023. 4. 18.
23.04.17 기존에는 아래와 같이 함수를 만들었으나, function 함수명() { alert('안녕!') } 아래와 같이 변수처럼 만들 수 있다. const 함수명 = () => { alert('안녕!') } $(document).ready(() => { 함수(); }) 위 코드를 통해 문서의 새로고침 시 실행할 함수를 지정할 수 있다. $ source venv/Scripts/activate을 통해 가상환경을 바로 venv로 활성시킬 수 있다.(새 터미널 필요X) .strip() = 공백없애기 .replace('\n',' ') = 줄바꿈 띄어쓰기로 바꿔주기 2023. 4. 17.