전에 만들어서 공부하는 sparta 폴더 안에 pythonprac 폴더를 만들어 준다. Pycharm에서 파일 메뉴를 누르고 새 프로젝트를 선택 위치를 선택하고 sparta 폴더 안에 pythonprac 폴더를 선택해준다. 그리고 아래 위치에서 venv 자동 생성된 모습을 잘 확인한다. 그리고 기본 인터프리터에서 python 3.9로 설정되어 있는데 이것을 python38로 선택해준다. 그리고 main.py 웰컴 스크립트 생성 부분의 체크박스에 체크가 되어 있다면 체크를 풀어주고 생성을 눌러준다. 잠시 로딩을 기다리면 위화면처럼 세팅이 된 걸 확인할 수 있다. venv 폴더 안에 아무 곳도 만들면 안 되고 손대면 안 된다고 하니 신경을 꺼주자~ pythonprac 폴더 마우스 우 클릭해서 python 파..

오늘 드디어 1주 차 강의를 다 들었네요. 다시 한번 강의를 복습하면서 공부 일지를 작성해본다. CSS 사용법 HTML head 안에 style 공간을 만들어 사용한다. 꾸미기 위해서는 무엇을 꾸밀 것인지 지정을 해주어야 한다. Pycharm에서 연습할 HTML 파일을 만들어주었다. body에 부분에 class="mytitle"라고 이름표(꾸미기를 할 곳 지정)를 만들어 주었다. head 부분에 style 공간을 만들어 주고. mytitle { } 입력해주었는데 mytitle 이름표를 어떻게 꾸밀 것인지 이 공간에 입력을 한다. 이렇게 입력을 해주면 body에 로그인 페이지 브라우저에서 로그인 페이지 텍스트가 빨간글씨로 변한 것을 확인할 수 있다.

이번 강의는 간단한 로그인 페이지를 만들어보는 것! Pycharm에서 login.html을 만들어 준다. 강의 시작 2분 만에 퀴즈 타임이 나와버렸다. ㅎㅎㅎㅎ 위 스샷 처럼 로그인 페이지를 만들기!! HTML 기초 학습에서 배운 내용과 코드스니펫을 이용해서 만들어보자. 위 스샷처럼 body에 h1을 이용하여 제목을 먼저 입력해주기! Pycharm에서 코드 줄을 맞출 때 정렬할 부분을 드래그한 후 Ctrl + Alt + L 키를 누르면 좌측 끝으로 이동하며 줄이 맞춰지고 Tab 키를 누르면 우측으로 이동하고 Shift + Tab 키를 누르면 좌측으로 이동한다. 맥에서는 command + option + L 키를 누르면 좌측 끝으로 이동하며 줄이 맞춰진다. 브라우저에 로그인 페이지라는 제목이 입력되었다. ..

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