SMU개발자

객체 선언 / 호출객체는 키값을 사용하여 속성(멤버변수) 식별중괄호를 사용하여 객체생성[ ](대괄호) 또는 .(점)으로 요소의 값에 접근속성에 모든 자료형이 올 수 있음, 그 중 함수 자료형인 요소: 메소드객체 내에서 자신의 속성을 호출할때 반드시 this키워드를 사용객체의 모든 속성을 출력하려면 for in문을 사용해야함. ->단순 for문이나 while문으로 출력불가식별자로 사용할 수 없는 문자(띄어쓰기, 특수문자)를 속성으로 사용할 경우 ' '로 묶어서 선언하고접근시에는 [ ]만 가능 실행 //객체 선언 var Person = { name: '유병승', age: 19, address: "경기도 시흥시", toString: function () { return this.name + this.age +..

자바스크립트에서 함수란소스코드의 집합으로 메소드, 모듈, 기능, 프로시져등 말한다자바스크립트에서는 function 자료형이다.함수는 인자/매개변수, 리턴값을 가질 수 있다. 함수선언반환값 선언없이 function 키워드만 이용하여 사용function키워드 뒤에 함수명을 작성하여 사용하는 방법(선언적 함수)function에 함수명을 작성하지 않고 변수에 대입하는 방법(익명함수)스스로 동작하는 함수(익명함수) -> 이벤트 처리시 사용 선언적함수 - 표기법function 함수명(매개변수){처리 로직[retrun 값;]} 선언적 함수 function 함수명(){ 처리로직 } 실행 function test1(){ alert("test1()함수가 실행"); } test1(); 변수에 함수는 넣어 작성방법(callb..

배열이란?다양한 타입의 데이터를 보관하는 변수의 모음.[ ]를 통해 생성과 초기화를 동시에 처리가능자료형 지정이 없어 모든 자료형(숫자, 문자열, 함수, 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..

전체 선택자 보기 속성 선택자 . 후손/자손 선택자 동위 선택자 반응 선택자 나머지들 선택자를 좀더 다양하게 다뤄보면서 게임같은 걸 할 수 있는 사이트가 있으니 연습할겸 해보면 좋을것 같다.http://flukeout.github.io/

클라이언트 주요언어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..