스파르타 코딩 웹 개발 종합반 - 1주차 회고

취뽀를 위해 항해 99에 도전했다. 아직 사전 학습 기간으로 스파르타 코딩 웹 개발 종합반의 강의의 완강을 2번 진행해야 한다.

 

강의에서는 파이참 IDE를 사용하고 있어 처음으로 JetBrain 계정을 가입하고 사용하게 되었다. 코드 편집기인 VS CODE보다는 당연히 무거웠지만 코드를 작성하는데는 거의 90%흡사한 것 같았다.

 

1주차에는 웹 브라우저 기본 작동원리와 html, css 그리고 JavaScript를 전반적으로 이해하고 사용하는 방법을 배웠다.

이전에 알고 있던 내용들이었지만 다시 한번 기초를 다진다는 생각으로 수업을 들었다.

 

1주차 과제로는 부트스트랩을 사용하고 이전 강의에서 배웠던 내용들을 다시 한번 활용하는 방식으로 완성할 수 있었다.

 

---

기억할 내용

 

• 배경색 어둡게 하기 + 배경 이미지 위치 조정

background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("") center 70%/cover no-repeat;

 

• 박스 그림자

box-shadow: 0 0 3px 0 gray;

 

• 부트스트랩 

https://getbootstrap.com/docs/5.1/getting-started/introduction/

Introduction

 

• 부트스트랩 CSS

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

 

• Ajax 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

 

• 구글 폰트

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