HTML+CSS+JS+Flask/HTML+CSS+JS

개발환경 Pycharm Professional

Pycharm 설치 우선 아래 링크로 들어가서 Pycharm Professional을 다운받자. https://www.jetbrains.com/pycharm/download/ Download PyCharm: Python IDE for Professional Developers by JetBrains Download the latest version of PyCharm for Windows, macOS or Linux. www.jetbrains.com 설치 도중 Intallation Options이 나오면 아래와 같이 체크하자. Pycharm 기본 세팅 Pycharm을 실행시킨 후 왼쪽 상단 위 File -> Open -> 원하는 폴더 선택 -> OK 클릭 해당 폴더에 .idea 폴더가 생성된 것을 확인할..

자바스크립트

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 : 구역을 나누는 역할. 줄 바꿈이 ..