본문 바로가기

PC n Program

[스파르타코딩클럽] 웹개발 종합반 - 1️⃣주차 개발일지

 01. 필수 주소

구 분 주 소
Pycharm Professional 설치 링크 https://www.jetbrains.com/pycharm/download/
구글웹폰트 https://fonts.google.com/?subset=korean 
부트스트랩 컴포넌트 5.0 https://getbootstrap.com/docs/5.0/components/buttons/
이모티콘 모음 https://kr.piliapp.com/facebook-symbols/
JetBrains 회원가입 링크 https://account.jetbrains.com/login
AWS 가입하기 https://portal.aws.amazon.com/billing/signup#/start
EC2 확인하기 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2

02. 파이참 배경색 및 글자 크기 변경

https://m.blog.naver.com/if112/221763325381

 

[파이썬] 파이참(Pycharm) 배경 색깔 변경 및 글자크기(폰트) 조절하는 법

파이썬이나 R 같은 프로그램을 하다보면 오래보면 눈이 아파서 검은색 화면으로 설정해두는 경우가 많다. ...

blog.naver.com

03. CSS 파일 분리

<!-- style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기 -->

<link rel="stylesheet" type="text/css" href = "(css파일이름).css">

 

04. 이미지 어둡게 하기

linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))

 

05. 구글폰트 link

<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">

 

06. 구글폰트 css

* {

 font-family: 'Gowun Dodum', sans-serif;
}

 

07. 약간의 모바일 처리를 해두기

width: 95%;
max-width: 500px;

 

08.  1주차 숙제 풀이

 

  1) 숙제 결과

    2) 숙제 coding

homework.html
0.00MB

09. 전에 학원에서 받았던 서적과 그 내용에 관한 동영상을 추가로 공부해야 겠네요 ㅠㅠ

 

https://youtu.be/jV7JHVmRl8Q