![]()
1) flex 란 css로 레이아웃을 잡기 위하여 사용하는 방식이다. 요소의 사이즈가 명확하지 않거나 동적으로 변화 할 때도 문제 없이 레이아웃을 적용 할 수 있으며 기존에 사용하던 float:left 방식보다 더 적은 코드로 간단하게 표현 할 수 있다. 또한 화면의 사이즈가 달라져도 요소들이 자동으로 재정렬되는 등 유연한 대응이 가능하여 반응형 웹 사이트를 제작할 때 사용하기 편리하다. 다만 아직까지 익스플로어 10, 11에서의 지원이 완벽하지 않아 익스플로어에서의 버그가 발생 할 수 있으며 ( flexibility.js를 사용하여 어느정도 보완이 가능하다. ), 복잡한 레이아웃을 구성할 때는 적합하지 않다. 2) flex 사용 예시 구구 절절 설명보다 좋은 예시. 사용법이 정말 간단하다. h1 p d..
![]()
1) 빈문자 확인 하는 방법 1-1) === 연산자 활용 if(id === ''){ alert('아이디를 입력해주세요'); } '' 빈문자 표시와 id(변수로 가정)를 비교하는 방법이다. id(변수)에 담긴 값이 빈문자와 동일한 경우 true를 반환 한다. 1-2) length 속성 활용 if(id.length === 0){ alert('아이디를 입력해주세요'); } 문자의 길이로 빈문자인지 아닌지 판단하는 방법이다. 아무것도 입력되지 않은 빈 문자의 길이는 0과 같으므로 문자의 길이와 0을 비교하여 0과 일치하는 경우 빈문자로 인식한다. 1-3) Boolean 활용 if(!Boolean(id)){ alert('아이디를 입력해주세요'); } 값을 boolean으로 변환 해서 비교하는 방식으로 boolea..
1) 파라미터 문법 사용하기 안녕하세요!닫기 버튼 여러 줄의 자바스크립트 코드를 작성하지 않고, 파라미터 문법을 사용하면 한 줄로 간편하게 작성이 가능하다. 파라미터 문법이란 함수를 호출하면서 호출하는 함수 내로 특정한 값을 전달 시킬 수 있는 기능이다. 사용 방법은 간단하다. 함수를 정의 내릴 때 함수 명 옆의 괄호 안에 파라미터 값을 기재해주고 * (파라미터값1, 파라미터값2) 이런식으로 여러개 기술도 가능하다. function 함수(파라미터값){ alert(파라미터값); } 함수 호출시 파라미터 값을 괄호 안에 넣어 호출 하면 된다. 클릭 이렇게 작성시 p태그를 누르면 함수를 호출시키면서 '안녕하세요'라는 값을 같이 전송하며 최종적으로 alert('안녕하세요')를 실행시키게 된다. 파라미터값은 변수..
![]()
1) JavaScript의 사용 목적 주로 HTML을 제어 할 때 가장 많이 쓰인다. 탭, 모달 등 웹페이지의 UI를 만드는데 용이하며 유저가 입력한 데이터를 검사하거나 서버에 데이터 요청을 할 때도 사용 된다. 2) javaScript 장점 document.getElementById('hello').innerHTML = '안녕'; JavaScript 언어를 잘 알지 못한다 하여도 해석에 용이하다. 예를 들면 자바스크립트 언어에 대해 전혀 무지하다는 가정 하로 위의 영어를 그대로 해석 해보면 '문서의 아이디가 hello인 엘리먼트를 가져와서 html의 안을 안녕으로 대입한다.' 라고 짐작하여 해석 할 수 있고 실제로도 그렇게 작동한다. 특정 요소를 선택해서 가져온다는 점에서 이를 셀렉터라고 한다. inn..
