1주차_1

검사

• 내가 보는 웹사이트만 바뀐다.
• 인터넷과 관련없다.
• 새로고침 → 돌아옴

브라우저 서버에서 요청 → 받아서 그려줌

네! 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는" 것입니다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML 파일을 그려주는 일 뿐이죠.

근데, 1)은 어디에 요청을 보내냐구요? 좋은 질문입니다. 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보내는 것이랍니다. 예) https://naver.com/ → 이것은 "naver.com"이라는 이름의 서버에 있는, "/" 창구에 요청을 보낸 것!

• HTML → 뼈대
• CSS → 꾸미는 것(폰트,글자)
• JS → 움직이는 것

HTML기초

HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다.

head 안에 들어가는 대표적인 요소들: meta, script, link, title..

정렬

코드의 정렬이 제대로 되어있지 않으면, 코드의 생김새를 파악할 수 없어 오류를 해결하기가 무척 어려워집니다. Pycharm에서 ctrl+alt+L (맥은 cmd+alt+L) 로 자동정렬 기능을 사용해보세요.

 

필수 프로그램 설치

Pycharm Professional 설치 가이드 (다운로드 링크)

Download PyCharm: Python IDE for Professional Developers by JetBrains

스파르타코딩클럽을 통해, 연 $89 상당의 PyCharm Professional 버전을 4개월 간 무료로 사용하실 수 있습니다!(YEAH~) 1주차 강의에서 활성화 프로모션 코드가 포함된 가이드 문서를 제공해드립니다.

아래 그림과 같이 Professional 버전을 다운로드 받은 후 설치까지만 마무리해주세요.

(Windows 만) 설치 중 Installation Options 는 아래와 같이 체크해주세요.

etBrains 회원가입 가이드 (회원가입 링크)

JetBrains Account

링크에 들어가 "Create JetBrains Account"에 아이디로 사용할 이메일을 입력합니다.

이메일을 확인하고, 해당 주소의 메일함에서 JetBrains의 메일을 클릭합니다.

"Confirm your account" 링크를 클릭하세요.

웹페이지의 지시대로 회원 가입 절차를 마무리합니다.

PyCharm Professional 등록 가이드

스파르타코딩클럽을 통해, 연 10만원 상당의 PyCharm Professional 버전을 4개월 간 무료로 사용하실 수 있습니다! (Yay! 소리질러~~~) 그럼 순서대로 차근차근 따라와주세요!

스파르타코딩클럽 가입에 사용한 이메일을 입력하시고, 본인의 파이참 라이센스 코드를 확인합니다. 👉 (코드확인 링크)

스파르타코딩클럽 | 파이참 라이센스 코드 확인

🚨 스파르타코딩클럽 가입에 사용한 이메일을 입력해주세요!

(젯브레인 링크)에 접속해서, 로그인을 완료합니다.

🚨 젯브레인(JetBrains) 가입에 사용한 이메일과 비밀번호를 입력해주세요!

Purchase Product license(s)를 클릭하세요!

PyCharm의 오른쪽 끝에 있는 Buy new license를 클릭하세요!

✅ 체크박스를 누르고, PROCEED AS NEW CUSTOMER를 클릭하세요.

Have a discount code?를 클릭하세요! (거의 다왔어요 두구두구.. 🥰)

아까 1번에서 부여 받은 파이참 라이센스 코드를 입력하세요!

Total이 $0.00으로 되었으면 완료! PLACE ORDER를 클릭해주세요!

자, 이제 PyCharm Pro를 실행하고, email / password를 입력하고 → Activate를 클릭

10초만 기다리면... → 짠! 설치가 모두 완료되었습니다! 🎉

AWS 가입하기

 👉 AWS는 우리 수업 5주차 때, 배포를 위해 필요하답니다! 가입 승인에 시간이 소요될 수 있으니, 미리 가입해주세요!