Frontend88 07월 12일 금 | UI 화면구현 08 - Javascript 기초문법Ⅴ Javascript 기초문법Ⅴ 13. Scope 자바스크립트의 스코프 스코프는 변수의 유효범위를 말한다. - Local Scope (지역변수) - Global Scope (전역변수) - Local Scope (지역변수) - Global Scope (전역변수) function 내에 선언된 변수로 function 내에서만 사용가능 function외부에서 선언된 변수로 모든 function에서 사용가능 변수는 선언위치(전역 or 지역)에 의해 스코프를 갖게 된다. 전역변수는 전역스코프를 갖는다. 지역변수는 지역스코프를 갖는다. 전역변수는 어느 곳에 위치해도 다 가져다 쓸 수 있다. 그러나 그런 식의 코딩은 바람직하지 않음. 예시 1) var one = "하나"; //전역변수 function test1(){ v.. 2019. 7. 12. 07월 11일 목 | UI 화면구현 07 - Javascript 기초문법Ⅳ Javascript 기초문법Ⅳ 8. 회원가입 유효성검사 이어서.. 어제 작성했던 회원가입 html,script를 가져와서 가입에 새로운 메소드를 연결한다. function validate2(){ //자바스크립트메소드를 이용해서 폼컨트롤 요소가 갖고 있는 기능을 접근할 수 있다. } function validate2(){ //자바스크립트메소드를 이용해서 폼컨트롤 요소가 갖고 있는 기능을 접근할 수 있다. var frm = document.memfrm; //현재 문서에 name이 memfrm이라고 된 것을 찾아라. alert(memfrm); alert(document.memfrm.uid.value); //작성한 아이디가 alert로 뜸 alert(document.getElementById("uid").val.. 2019. 7. 11. 07월 10일 수 | UI 화면구현 06 - Javascript 기초문법Ⅲ Javascript 기초문법Ⅲ 6. Javascript의 String Method 1) trim() var str = " Hello World! "; alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '')); 2) 정규표현식 if (!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''); }; } var str = " Hello World! "; alert(str.trim()); 참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Gui.. 2019. 7. 10. 07월 09일 화 | UI 화면구현 05 - Javascript 기초문법Ⅱ Javascript 기초문법Ⅱ 2. Javascript 배열 Javascript의 배열을 작성하는 방법 예시 1) 예시 2) 배열 요소 추가하기 var cars = []; cars[0]='Saab'; cars[1]='BMW'; cars[2]='BENZ'; cars[3]='HYUNDAI'; document.write(cars); //배열요소 전체 document.write(''); var fruits = ["banana","Orange","Apple","Mango"]; document.write(fruits); document.write(fruits.length); //4 fruits[6]="Lemon"; document.write(''); document.write(fruits); document.wri.. 2019. 7. 9. 07월 08일 월 | UI 화면구현 04 - Javascript 기초문법Ⅰ Javascript 기초문법Ⅰ 1. Javascript 시작하기 Javascript의 특징 - 인터프리터 방식의 스크립트언어 - Server Side Interface 실행한다. * on Server 실행: JSP, ASP, PHP - 대소문자를 구분한다. - 종결문자는 ; (세미콜론) - 변수의 자료형이 없다. ->알아서 인식됨 - 변수 선언 형식) var 변수명 - 변수선언 하지 않아도 변수를 사용할 수 잇다. - 함수 선언 형식) function 함수명(){} - 함수의 리턴형이 없다. (리턴값은 존재함) - 이벤트를 발생시켜 함수를 호출하는 방식으로 대부분 실행된다. Javascript Cheat Sheet >>>>>> ...더보기 출처: www.codemio.com Javascript는 1) 자.. 2019. 7. 8. HTML/CSS - 가상선택자 1. 가상선택자란? 미리 정의해놓은 위치에 삽입이 되도록 약속되어있는 보이지 않는 요소. :before 가장 앞에 요소를 삽입 :after 가장 듸에 요소를 삽입 :first-line 요소의 첫 번째 줄에 있는 텍스트 :first-letter 블록 레벨 요소의 첫번째 문자 실제 태그가 존재하지는 않지만 css를 통해 마치 태그가 있는 것처럼 동작할 수 있는 것이다. 꾸밈을 위해 의미없는 태그를 더 추가해야할 때 굳이 추가 하지 않고 가상으로 처리할 수 있게 해주는 css기능이다. 2. 가상선택자는 언제 쓰나? 의미없는 태그를 쓰지 않도록 도와준다. -목록형 꾸밈 -버튼 꾸밈 -간단한 아이콘 만들 때 -이미지 아이콘을 넣고 싶을 때 tag::after { content : “ 여기에 내용 적으면 됨”; a.. 2019. 7. 5. 이전 1 ··· 10 11 12 13 14 15 다음
