투명한유리구슬처럼보이지만 투명한유리구슬처럼보이지만

const h1 = document.querySelector("div.hello:first-child h1"); console.dir(title); title.style.color = "blue"; 자바스크립트에서 h1의 색깔도 변경 가능하다. click event addEventListener이용 const h1 = document.querySelector("div.hello:first-child h1"); function handleTitleClick(){ console.log("title was clicked!") } h1.addEventListener("click", handleTitleClick) Grab me1!를 클릭했을때만 handleTitleClick 함수가 실행 될 수 있도록 설정 가능..

Html : 뼈대 Css : 꾸미기 JavaScript : 움직이기 HTML은 크게 head와 body로 구성됨 head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head 안에 들어가는 대표적인 요소들: meta, script, link, title 등 body 안에 들어가는 대표적인 요소들! 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다..

프로그래밍 : 입력→ 처리 → 출력 코딩 : 도구를 활용해서 프로그래밍을 함. Node.js : 자바스크립트 언어의 맞게 코딩을 했을때 해석하는 컴퓨터용 전용 번역기 변수 :값을 저장해놓고 사용하기 위한 이름표 //변수 let name2 = 'uri' console.log(name2) //콘솔에 uri가 찍힘 name2 = 'stella' console.log(name2) //uri가 출력 된 이후에 stella도 출력됨 const name2 = 'uri' console.log(name2) //콘솔에 uri가 찍힘 name2 = 'stella' //uri라는 값이 나오고 4번째줄 에러가 뜸 //const는 해당변수의 값을 재할당 할 수 없기 때문 데이터 타입 원시형 타입 : number, string, ..

우연히 인스타를 보다가 광고로 처음 보게되었는데 강의 시간이 1시간도 안걸리길래 듣고있던 JavaScript문법 뽀개기를 중단하고 만들기 시작했다. 자꾸 연락오잖아... 내일 하려고했는데 ㅎㅎ.. HTML 주요태그 나는 구역을 나누죠 나는 문단이에요 h1은 제목이에요. h2는 소제목입니다. h3~h6 h 뒷 숫자가 커질수록 글자 크기는 작아져요. 하이퍼링크 버튼입니다. href, src : 속성 span : div 안에서 작은 영역을 표시해 주는 역할을 함. HTML 뼈대 만들기. 첫 번째 이미지 설명 두 번째 이미지 설명 세 번째 이미지 설명 네 번째 이미지 설명 Happy Lunch Time 2023.02.10 CSS body 태그 클래스에 height: 100%; 를 쓸 경우 body태그의 높이 만..

오늘은 어제 마지막으로 실습한 팬명록 만들기를 혼자 다시 해봤다. 혼자 해보는 동안 이게 왜..?왜 실행이 안되지..? 를 100번 외친거같긴하다..ㅠㅠ from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.wpply3w.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app...

뼈대 from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): sample_receive = request.form['sample_give'] print(sample_receive) return jsonify({'msg': 'POST 연결 완료!'}) @app.route("/bucket", methods=["GET"]) def bucket_get(): return jsonify({'msg': 'GET..

일단 오늘 블로그를 쓰기에 앞서 아직 이해를 못했다.. 너무 어렵다 .. 웹개발 종합반 4주차는 한 10번은 들어야 이해를 할까 싶다....어쩌면 정리한다고 이미 4주차는 2~3회독 했을지도.. api 요청 → request 요청에 대한 api응답 → response 서버만들기 폴더를 만든다. app.py라는 파일을 만든다. 터미널을 생성한다. 가상환경을 잡는다. (가상환경 : 프로젝트 별로 라이브러리를 담아두는 통) python3 -m venv venv 오른쪽 하단에 3.9.6-bit를 눌러서 ‘venv’:venv로 만들어야함 새터미널 열어주기 새폴더 생성 templater templates 에 새파일로 index.html 만들기 원하는 프레임워크 깔아주기 pip install flack pymongo..

라이브러리 import requests r = requests.get('http://spartacodingclub.shop/sparta_api/seoulair') rjson = r.json() rows = rjson['RealtimeCityAir']['row'] for a in rows: gu_name = a['MSRSTE_NM'] gu_mise = a['IDEX_MVL'] print(gu_name, gu_mise) gu_name, gu_mise값만 추출해서 반복문으로 볼 수 있음 크롤링 : 웹에 접속해서 데이터를 솎아내어 가지고옴 오른쪽 하단에 ‘venv’:venv 로 잘 열려있는지 확인 잘 열려있다면 터미널에 (venv)가 있는지 확인 없다면 터미널 → 새터미널 눌러주면 생김 라이브러리를 가져올때 :..