Flask 기초 기본 폴더구조 - 항상 이렇게 세팅하고 시작하자! Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둔다) ㄴtemplates 폴더 (html 파일을 넣어둔다) ㄴapp.py 파일 이렇게 세 개를 만들어두고 시작하고 이제 각 폴더의 역할을 알아보자! (꼭 참고!! venv는 실제로는 보이지만, 안 보인다~라고 생각하자!) HTML 파일 불러오기 templates 폴더의 역할을 알아보자! HTML 파일을 담아두고, 불러오는 역할을 한다. 간단한 index.html 파일을 templates 안에 만들어보자. ..

jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! 예를 들어 버튼의 색깔을 바꾸고 싶다면? 예를 들어 div 박스를 하나 감추고 싶다면? → 이런 것들 쉽게 해주는 것이, jQuery! document.getElementById("element").style.display = "none"; $('#element').hide(); 위처럼 Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 보다 직관적으로 쓸 수 있고 편리하다. jQuery를 사용하는 방법 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부르고 사이에 아래를 넣으면 끝! 아래는 오늘 사용할 페이지 코드 더보기 내 생애 최고의 영화들 영화 기록하기 영..

HTML은 크게 head와 body로 구성된다. Pycharm에서 html 파일을 생성하면 위 스샷처럼 head, body로 구분하고 html로 끝나는 것을 볼 수 있다. head 부분에는 title 내용이 있고 body에는 내용이 없다. 브라우저를 열어 보면 페이지 상단 파비콘 옆에 Title이라는 내용을 확인할 수 있다. 브라우저에서 title의 노출 부분을 확인할 수 있는 부분이다. Pycharm에서 head 안에 있는 Title을 welcome으로 수정하였다. 브라우저에서 어떠한 변화가 있는지 알아보자! 브라우저를 보면 Title에서 welcome으로 변화된 것을 확인할 수 있다. head에는 meta 태그를 이용해 정보를 입력하고 검색엔진이 정보를 더 쉽게 찾을 수 있도록 해준다. 그럼 이제 b..

공부를 시작하면서 정의를 내리고 이해하면서 글을 쓰려니 어렵다. 이제 배우기 시작한 단계라서 내가 정확하게 이해하고 있는지는 모르겠지만 배워나가다 보면 알 수 있지 않을까 싶다. 나중에 다시 볼 때 현타 올지도 모르겠다. ㅎㅎㅎㅎ HTML HTML은 뼈대! 표현하고자 하는 내용을 구조화하기 위한 코드가 HTML이라고 한다. 페이지의 제목, 문단, 목록 등 데이터 표. CSS CSS는 꾸미기! 디자인, 레이아웃, 문서 등 표현하고자 하는 내용들을 강조하거나 이쁘게 스타일을 꾸밀 수 있다. JavaScript JavaScript는 실행! 콘텐츠를 정적으로만 보여주는 것이 아니라 동적으로 콘텐츠를 표현할 수 있다.