베이스캠프 2일차_22년 12월 13일

1. 학습 언어 

HTML / CSS / JavaScript

 

2. 학습 내용

1) HTML 

싸이월드 만들기 실습 진행

<iframe :scr="HTML 파일 경로"></iframe> : HTML 파일을 불러올 수 있음

2) CSS

width :100%

height :100%

부모 태그의 크기가 지정 되었을 때 사용 가능 ( 뷰포트 기준이나 글씨 크기는 vh, vw, rem, em 등으로 사용 (차후 학습예정) )

3) JavaScript

변수

-어떤 관계나 범위 안에서 여러가지 값으로 변할 수 있는 수

상수

-변하지 아니하는 일정한 값을 가진 수나 양

 

변수와 상수 : 데이터를 담는 공간(상자)

 

사용 방법

1. 선언 (let 변수명)

2. 할당 (변수명) = (데이터)

3. 선언+할당 let (변수명) = (데이터)

 

** Chrome 개발자 도구 :

웹사이트를 전반적으로 분석하고 시험해 볼 수 있도록 도와주는 도구

(새로 고침 / 새 탭 열기를 하면 내용이 날아감)

1. 요소 (Elements) : HTML 및 CSS 분석하고 수정해볼 수 있는 도구

2. 콘솔 (Console) : 현재 로딩된 페이지에서 자바스크립트를 시험하거나 로그/오류 메세지 등을 확인 할 수 있는 도구

3. 소스( Resources) : 현재 로딩된 페이지에서 사용된 리소스를 열람할 수 있는 도구

4. 네트워크 (Network) : 서버와의 통신 내역을 보여주는 도구

5. 성능 (Audits) : 웹 어플리케이션의 성능을 향상시킬 방법을 컨설팅해주는 도구

 

* index : 배열에 있는 각 데이터의 위치

인덱스는 0 부터, 길이는 1부터 카운트

 

 

3. 소감

페이지를 구성할때 가장 중요한것은 영역을 미리 구분하여 class를 지정해 주는 것이라고 느꼈습니다.

JavaScript를 처음 접하여 아직은 생소하지만 멘토님이 말씀해주신 것처럼 전체적인 흐름을 이해하기 위해 노력하겠습니다.