HTML6 DOM과 Virtual DOM ? 돔(DOM)이란? DOM(Document Object Model)은 웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미한다. DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다. 문서 객체란 html, head, body와 같은 태그들을 javascript가 이용할 수 있는 (메모리에 보관할 수 있는) 객체를 의미한다. HTML의 DOM 트리 DOM은 HTML과 스크립팅 언어(Javascript)를 서로 이어주는 역할 ❓ 자바스크립트는 어떻게 HTML 태그들을 조종할 수 있는 걸까? - Document라는 전역 객체를 통해 접근 - window라는 객체는 document객체의 상위에 위치 🙄 가상 돔.. 2022. 4. 19. DOM과 서버리스란? DOM 이란? DOM(The Document Object Model)은 문서 객체 모델이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 웹 페이지는 일종의 문서(document)다. 이 문서는 웹 브라우저를 통해 그 내용이 해석되어 웹 브라우저 화면에 나타나거나 HTML 소스 자체로 나타나기도 한다. DOM 은 동일한 문서를 표현하고, 저장하고, 조작하는 방법을 제공한다. D.. 2022. 3. 27. 항해99 S.A - Team.03 <Local michelien> 1. 프로젝트 소개 local Michelin "현지에 사는 현지인이 추천하는 맛집을 소개 해드립니다." 2. 와이어프레임 - main page - Login & Sign-up page & List page - posting page - detail page 3. 개발해야하는 기능들 기능 Method URL request reponse 첫화면(메인 페이지) GET / 로그인 POST /login {'id':login_user_id, 'pw'login_:user_pw} 로그인 성공시 - {'msg':'성공적으로 로그인 되었습니다.'} 로그인 실패시 - {'msg':'아이디/비밀번호가 일치하지 않습니다.'} 회원가입 POST /signup {'id':sp_user_id, 'pw':sp_user_pw} {'m.. 2022. 3. 7. Flask 프레임워크를 활용해서 API 만들어 사용하기 (2) - Mini_Project > 프로젝트 세팅 - flask 폴더 구조 만들기 static, templates 폴더 + app.py 만들기! - 패키지 설치하기 3개 : flask, pymongo, dnspython > 뼈대 준비하기 - app.py 준비하기 from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/mars", methods=["POST"]) def web_mars_post(): sample_receive = request.form['sample_give'] print(sample_receiv.. 2022. 3. 4. 파이썬 기초 문법과 크롤링 하는 방법 파이썬 기초 문법 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 num2이라는 변수에 넣는다 # 변수의 이름은 마음대로 지을 수 있음! # 진짜 "마음대로" 짓는 게 좋을까? var1, var2 이렇게? 자료형 - 숫자, 문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -> "Boolean"형이 들어갈 수도 있습니다. ######### # 그리고 List, Dictionary 도 들어갈 수도 있죠.. 2022. 2. 17. HTML 과 CSS 기본 정리. 쉽게 말하면 👉 HTML은 뼈대, CSS는 꾸미기! 를 생각하면된다. HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것으로 생각합니다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었습니다. HTML 코드 내에 CSS 파일을 불러와서 적용합니다. 또한 CSS를 잘 사용할 줄 아는 것과, '예쁘게' 만드는 것은 다른 영역이기 때문에(붓을 잡을 줄 아는 것과 그림을 잘 그릴 줄 아는 것의 차이), 많은 경우 웹디자이너나 퍼블리셔에게 의존하게 됩니다. - HTML 기초 HTML은 크게 head와 body로 구성된다. head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head.. 2022. 2. 15. 이전 1 다음
