HTML+CSS+JS+Flask

JQuery

JavaScript 복습 버튼을 홀수번 클릭하면 홀수라고 알려주고 짝수번 클릭하면 짝수라고 알려주는 버튼을 만들어보자! click me! JQuery HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해 둔 것. 라이브러리! Javascript로도 모든 기능을 구현할 수 있지만, 코드가 복잡하고 브라우저간 호환성 문제도 고려해야 해서 JQuery가 등장했다! JQuery는 미리 Javascript로 작성된 코드이기 때문에 쓰기전에 꼭 임포트 해야한다! JQuery VS Javascript 특정 요소 하나를 감추는 코드를 비교해보자. JQuery는 매우 직관적이다! Javascript document.getElementById("element").style.display = "none";..

자바스크립트

Javascript 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다. 자바와 자바스크립트는 아무 관련이 없다. 웹페이지가 동적으로 작동할 수 있게 도와주는 언어이다! 안에 로 공간을 만들어 작성한다. 그리고 아래처럼 해당 함수가 불리기 원하는 태그에 이벤트를 달아서 함수가 불리게 하자. 기사저장 자바스크립트 문법 아래 링크에 들어가서 열심히 정리해둔거 보고 알아두자. https://duckgugong.tistory.com/category/%EB%A6%AC%EC%95%A1%ED%8A%B8%20%EA%B8%B0%EC%B4%88/ES5%20%26%20ES6?page=2 '리액트 기초/ES5 & ES6' 카테고리의 글 목록 (2 Page) 주니어 개발자에욤 duckgugong.tistory.com

부트스트랩

Bootstrap이란? 남이 만들어 놓은 예쁜 CSS를 가져다 쓰는 것이라 생각하자. 아래는 부트스트랩 컴포넌트 링크이다. 필요한걸 가져다 쓰자! https://getbootstrap.com/docs/5.0/components/ Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com 부트스트랩의 컴포넌트를 사용하기 위해서는 아래의 기본 시작 템플릿을 가지고 시작해야 한다!!

HTML, CSS

개발환경 pycharm Professional https://www.jetbrains.com/ko-kr/pycharm/download/#section=windows 다운로드 PyCharm: JetBrains가 만든 전문 개발자용 Python IDE www.jetbrains.com 브라우저의 역할 서버에게 URL로 요청하고 서버한테 결과물을 결과물을 받아서 그려주는 것이 브라우저의 역할이다. HTML을 받아오는 경우 데이터만 받아오는 경우 HTML HTML은 문서 형태를 기반으로 한 뼈대이다. 여러 태그들로 이루어져 있다. 크게 head와 body로 이루어져 있다. head : 페이지의 속성정보 body : 페이지의 내용. body 안에 들어가는 대표적인 요소들 div : 구역을 나누는 역할. 줄 바꿈이 ..