Be myself

Event : 클릭, 마우스가 올라가는 것, 엔터 누르기 등등이 event 라고 할 수 있다. javascript 는 event 를 listen 가능. = eventlistener function gandleTitleClick(){ console.log("title was clicked!"); } title.addeventlistener("click", handleTitleClick); 이렇게 쓰면, 클릭 발생 시 이벤트가 실행된다. 근데, handleTitleClick() 이렇게 추가를 해주면, () 가 있기 때문에, 자동으로 클릭이 된다. 클릭을 수동으로 하고 싶다면 () 를 넣어주지 않아야 한다. 이 클릭은 어디를 선택하던지 가능! button 이 아니라 그냥 h1 태그와 같은 것들도 클릭 가능 하..

모든 페이지에 사이드바와, 상단바, 그리고 하단의 푸터 까지 일일이 만들어 주기는 너무 귀찮고 수정에 번거로움이 있습니다. 그래서, 이 것들을 layout 이라는 이름으로 만들어 저장해 두고, 템플릿 상속 기능을 통해 모든 페이지에 일괄적으로 적용되도록 하려고 합니다. 이를 위해, 첫번째로 레이아웃을 먼저 만들 어 주겠습니다. 제가 사용할 것은 사이드바 - accordian footer 탑바 - nav 정도가 우선 될 것 같습니다. 우선, flask 의 기존 플젝과 연결되는 플젝 입니다. 기존에 만들어둔 venv 에서 templates 라는 폴더를 만들어 줍니다. 템플릿을 불러올 때, (html 파일) flask 는 알아서 templates 에서 불러옵니다. 폴더명 맞게 설정! 그리고 나서 layout...

from flask import Flask app = Flask(__name__) @app.route("/") def index(): return "Hello World" if __name__=="__main__": app.run() 코드 실행을 위해 터미널 창에서 아래에 running on : 하고 주소가 나오는데, 링크를 따라 들어가 보면, 되네요! 이제 이 폼을 기본 폼으로 해서, 웹개발을 해보겠습니다! :)

2021.04.26 - [프론트엔드/bootstrap] - [bootstrap]칼럼사이즈조정, 어떻게 pc와 모바일에 적용되는가? [bootstrap]칼럼사이즈조정, 어떻게 pc와 모바일에 적용되는가? 2021.04.26 - [프론트엔드/bootstrap] - [bootstrap] 부트스트랩 그리드, 12그리드시스템 Title html 페이지의 기본 구성 요소가 적혀 있다. 여기서 편집을 통해 페이지를 구" data-og-host="silvering0.tistory.c.. silvering0.tistory.com A B C 이전에는 사이즈에 대한 언급을 1번만 했다. 하지만 복합적으로 사용이 가능하다. col- lg-3 col-md-4 col-sm-6 이렇게 lg, md, sm 에 대해 모두 선언을 동시..

getbootstrap.com/docs/5.0/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page. getbootstrap.com 부트스트랩이란? - 웹사이트를 만드는 것을 도와주는 html, css, js 프레임워크 부트스트랩은 프론트엔드의 역할을 대신 해준다! UI 를 다운받아서 사용만 하면, 그 형태로 내가 페이지를 구성할 수 있다. ws 에서도 실행이 되고 여러가지가 가능한 것 같은데 파이참에서도 역시 가능하..

웹페이지를 구성할 때 한 페이지에 모두 넣으면? 헷갈립니다.. 프론트엔드와 백엔드.. 연결하는 문제도 있고 그래서 html로 한다고 하네요, 우선 경험 상 한 페이지에 모두 하면 헷갈리기 때문에 페이지 나누기를 할건데, 페이지를 다른 파일로 저장해 두고 (클래스나 모듈 처럼) main 함수에서 불러와 사용해 보겠습니다. 이름 : 이름을 입력하고 제출버튼을 누르세요. 위 html 소스코드를 기존의 flaskproject 파일에 input.html 이라는 이름으로 저장을 해줍니다. from flask import Flask, render_template app = Flask(__name__) @app.route("/") def hello(): return render_template('input.html')..