베이스 캠프 2일차

## Javascript - 변수와 배열, 객체

웹 페이지에서 기본 뼈대를 담당하는 HTML

디자인을 담당하는 CSS

동적 기능을 담당하는 Javascript 중 오늘은 Javascript에 대해 교육받았다.

가장 기본적인 변수 는 어떠한 Data를 할당하는 공간이라고 볼 수 있다.

배열은 여러개의 Data를 순차적으로 할당하는 공간이며, 객체란 data를 key와 value로 특정하여 담을 수 있는 공간이다.

let 변수;
변수 = data;
or
let 변수 = data  라는 코드로 할당 가능하다.

let 이나 var 는 코드 작성 시 아래쪽에서 재할당이 될 수 있으나, const는 재할당이 불가능한 변수(상수)이다.

배열은 변수와 비슷하게 표현가능하다.

let 배열 = []; 
배열 = [1,2,3,4,5];
or
let 배열 = [1,2,3,4,5];

객체는 key와 value값이 존재하며 {key : value} 형태로 작성한다.

let 객체 = {key : "문자열", key : 문자열이 아닌 data};
let 배열 = [{key : data, key : data},{key : data, key : data}];

위와 같이 배열안에 객체를 담을 수 있다.

## CSS - 회원가입 페이지, 싸이월드 2일차

오전에는 어제 작성했던 HTML로 만든 회원가입페이지 틀에 css를 입히는 과제를 수행했다.

겉보기엔 잘 완성된거 같아보이나, 성별을 고르는 input radio 에서 크고 회색의 선택자 넣는법을 몰라 기본적인 형태로

만들 수 밖에없었다. 구글링을 해보면 찾을 수 있다고하니 추후 구글링으로 수정 해 볼 생각이다.

또한 코드를 보면 input 기입란과 버튼란을 hr과 div처리하여 실제로 사용할 수는 없었다. input을 박스형으로 만들어서

bottom border로 똑같은 형태로 만들 수 있다는 사실을 뒤늦게 알았다. 추후에 다시 진행해볼생각이다.

싸이월드의 경우 강의시간에 진행하여 다시한번 복기하며 복습하는 형태로 진행했기에 막힘 없이 작성할 수 있었다.

iframe태그를 사용하여 html안에 html을 넣은 것이 놀라웠다.