배열이란?다양한 타입의 데이터를 보관하는 변수의 모음.[ ]를 통해 생성과 초기화를 동시에 처리가능자료형 지정이 없어 모든 자료형(숫자, 문자열, 함수, Boolean, undefined, 객체)이 다 데이터로 저장가능(자바의 컬렉션과 비슷)var arr = [123, '안녕?',function()....]; 배열선언new연산자와 Array객체를 통한 배열의 선언, 배열크기를 정하지않고 선언/배열크기를 정하는 선언var arr = new Array();var arr = new Array(10); 배열초기화1) var arr = new Array('사과', '오렌지', '포도');var arr = ['사과', '오렌지', '포도']; 2) var arr = new Array(3);arr[0] = 356;a..
변수의 종류자바스크립트는 글로벌스코프와 로컬스코프가 존재하는데 각각 의미하는 바는 전역변수와 지역변수라고 생각하면 쉽다.안에 자유롭게 선언이 가능하다. 선언 방식은 크게 2가지가 있는데변수명 = 값;var 변수명 = 값; 이렇게 두 가지로 선언이 가능하다. 밑에 있는 방식은 우리가 익히 하는 선언 방식인데첫번째 같이 바로 변수명에 값을 대입해서 하는 방식은 조금 생소한데 권장하지 않는 방식이다. 왜냐하면 함수 안에 변수를 선언하면지역변수로 그 함수가 종료될 때 변수로 함께 사라지지만 var라는 명칭을 쓰지않고 함수안에 변수를 만들면 전역 변수처리가 되기 때문이다. 이러한 방식은 호이스팅이라는 부분에도 영향을 준다. 자바스크립트 변수의 특징각각의 자료형은 따로 존재 하지만 선언을 할때 쓰이는 자료형은 va..
클라이언트 주요언어HTML : 하이퍼텍스트를 구현하기 위한 뼈대가 되는 핵심적인 기술인 마크업 언어다.CSS : HTML은 뼈대고, CSS는 꾸미기 위한 옷의 기능이라고 할 수 있다.JavaScript : 로컬의 브라우저에서 실행되는 인터프리터 방식의 프로그래밍 언어다.JQuery : 자바스크립트의 코드가 길어지면 사용하기 복잡해지는 단점을 파격적으로 개선한 자바스크립트 기반 라이브러리다. 서버 주요 언어JSP : 운영체제의 구애를 받지 않으며 실행된다. 톰캣 컨테이너 위에서 자바 기반의 언어를 사용.ASP : 윈도우 기반의 IIS 서버에서만 동작. MS-SQL DBMS와 연동됨.PHP : 리눅스 기반에 아파치 서버에서 동작한다. 기존에 제로보드나 그누보드와 같은 사이트 빌더에서 사용(C기반)node.j..
1. position - 배치 방법 정하기웹 문서 안의 요소들을 자유자재로 배치해 주는 속성으로 텍스트나 이미지를 나란히 배치할 수 있꼬 여러개의 요소를 가로나 세로로 원하는 위치에 배치할 수도 있다.position: static | relative | absolute | fixedstatic - 요소를 문서의 흐름에 맞추어 배치한다. (기본값)relative - 이전 요소에 자연스럽게 배치하되 위치를 지정 가능absolute - 원하는 위치를 지정한다. fixed - 지정한 위치에 고정해 배치한다. 화면에서 요소가 짤릴 수도 있다. 위치를 조절 할때는 top, bottom, right, left로 사용한다. top:0; left:0; 으로 지정 했을 경우 위에서 0만큼 떨어지고 왼쪽으로 0만큼 떨어진 ..
포지셔닝 핵심내용float - 왼쪽이나 오른쪽에 배치z-index - 요소의 쌓는 순서 결정clear - float 속성 해제position - 배치방법 지정visibility - 요소를 화면에 표시하거나 감추기border-collapse - 테두리 합치기table-layout - 콘텐츠에 맞게 셀 너비 지정vertical-align - 셀 안에서 수직 정렬 포지셔닝이란?우리가 원하는 요소들을 화면이라는 네모창에 딱딱 맞게 넣어주는 것 네이버 창 같이 여기저기에 적재적소 하는것.브라우저 화면 안에 각 콘텐츠 영역을 어떻게 배치할지를 결정하는 것이 지금부터 배울 float과 position이다. 1.box-sizing - 박스 너비 기준 정하기박스 모델을 배치하려면 우선 박스 모델의 너비를 알아야한다. w..
레아이웃의 핵심width, height - 박스 모델의 너비와 높이display - 화면에서 요소가 어떻게 보일지를 결정하는 요소border - 박스 모델의 테두리margin - 박스모델의 마진(요소와 요소 사이의 여백)padding - 테두리와 내용 사이의 여백border-radius - 박스 모델의 모서리를 둥글게 처리 1. 블록 레벨 요소와 인라인 레벨 요소박스모델은 크게 2가지, 블록 레벨과 인라인 레벨로 나뉩니다 블록 레벨은 혼자 한 줄을 차지하는 요소이다. 모바일 화면이 너비는 고정된 채로 화면을 아래로 쭉쭉 내리는것을 볼 수가 있는데 이게 블록 레벨이다. 반면에 인라인 레벨은 줄을 차지하지 않는 요소이다. 즉 화면에 표시되는 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있..