항해99 부트캠프/사전교육

[항해99:사전교육](웹개발종합)1주차 교육일지 시작~~!

worldint 2022. 10. 5. 15:42

<1주차에 배운것>

 

1. 개발환경 설정하기

- aws가입 및 다운

- 젯브레인 가입 라이센스 받기

- 파이참다운, 젯브레인 아이디로 가입

 

2. html, css가 무엇인지 공부하기

- html은 웹화면을 구성하는 기본 뼈대와 규칙(?)등을 규정해놓은것 같다

- css는 그 웹화면을 꾸미는 것,css를 써주려면 일단 html테그에 class를 넣어줘서 class이름을 정해줘야된다.

 

-자주쓰이는 html

    <div>화면 나눠주는것

    <button>버튼

    <p>문단

    <h1>부터<h5>제목

-자주쓰이는 css

  color: 테그안에 있는 글자 색 정해주는것

  background-color: <div>로 나눠진 배경 색상 정해주는것

 

background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("이안에 이미지 url넣으면 된다");

background-position: center;

background-size: cover;

 

 

4개묶음으로 사용하는것

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

 

3. 이미 만들어진 모양들 부트스트랩에서 복붙해서 사용할수있다.

-사용하기위해서 <head> 테그안에 어디서 가져오는지 등등 설정을 해줘야 되는것같다.

부트스트랩에서 제공한 <link>랑 <script>를 추가해줘야 사용할수있다.

 

4.자바 스크립트는 스크립트 언어인데 html안에서 <script>테그안에 써넣을수있다.

-<script>테그의 위치는 <body>가장 아래에 하는게 좋다고 한다 그래야 그림먼저 띄워줄수 있으니까

-자바스크립트 문법은 다른언어들과 비슷한 방법으로 사용하면 된다.

- let : 변수설정해주는것 c언어처럼 int나 char등 자료형을 지정안해줘도 자동으로 되는것같다

-function: 함수 만들때 쓰는것


2주차도 후딱 끝내자