본문 바로가기
  • think normal

자바스크립트 기초47

샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 지역변수_응용 ) 지역변수가 변수를 정의한 한수안에서만 실행가능하고 다른 함수에서는 실행이 안된다는게 뻥인가 아닌가를 확인시켜준다. 하나는 실행이 되고 하나는 먹통이거나 오류창을 띄워준다. 2011. 4. 10.
샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 지역변수 ) 버튼을 눌러보자 이번에 숫자가 증가하지 않는다. onclick이라는 버튼을 누를때마다 사용자에게 보여주는 alert(i)라는 팝업창에서 숫자를 의미하는 i라는 변수는 "one_plus()" 라는 함수안에서만 실행되는 지역변수이기 때문이다. 왜??? 이유는 간단하다. !!! 함수 안에다가 작성을 했으니까, (싱크대를 거실에 놓으면 거실에서도 사용을 할수있다.) i+=1;가 함수 안내서만 실행되는 것이다. 그렇다면 ? 함수내에서 작성을 하고 외부에서도 사용할수있게 할수는 없는걸까? 답부터 말하면 "있다." 간단하다. 변수를 선언할 때 앞에 "var"를 빼고 선언해주면 된다. 이제 생각과 말은 그만하고 한번 해보자. 2011. 4. 10.
샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 전역변수 ) 사용자 정의 함수의 첫 예제에서 전체를 보았다면 이번에는 함수에 사용되는 실질적인 도구인 변수에 대해 좀더 집고 넘어가본다. 함수를 요리하는데는 크게 두가지의 도구를 나눌수있다. 이를케면 부엌에 싱크대는 지역변수이다. 도마나 칼은 전역변수이다. 지역변수는 함수내에서만 사용이 가능하다. 전역변수는 외부에서도 사용이 가능하다. 내가 생각해도 아주 기가막히게 적절한 표현같다...ㅋ 이번 예제는 바디에 정의한 버튼을 클릭할 때마다 1씩 증가하는 프로그렘을 만드는 것이다. 2011. 4. 10.
샘플소스3) javascript 기본 문서구조 ( 사용자정의함수1 ) 내장함수는 자바스크립트가 디폴트로 정의해놓은 함수라면 사용자 정의 함수는 사용자에 의한 자용자를 위한 함수이다. 프로그렘시 자기만의 환경에 초적화시키고 남들과 다른 색다른 방식을 구현하는데 많이 사용된다. 정의한 함수는 여러번 반복해서 호출할 수도 있다. 2011. 4. 10.
샘플소스3) javascript 기본 문서구조 ( 내장함수 ) 샘플소스3) javascript 기본 문서구조 ( 내장함수 ) - 우선 지난 내용 잠깐 복습,,, - break 문 : 최초 조건은 만족하지만 (추가로 옵션을 줘서 ) 빠져나오고 싶을 때. ex)강제종료 continue 문 : 별도로 추가한 조건에 해당할 때만 조건을 건너뛰고. 다음 조건을 실행한다. - 잠깐 내장함수,,, - 정의형 함수 : 사용자가 정의한 함수 내장형 함수 : js의 기능 :: eval(수식문자열/문자를 숫자로 인식), isNaN(), Number(), String(), parseInt(문자를 정수형으로) * "10px" VS. "px10"= 문자가 앞에 나오면 문자로 인식된다. 예제 ) 2011. 4. 9.
샘플소스2) javascript 기본 문서구조 ( 문제2_BY jquery 02 ) js 2_5 예제2_BY jquery 02 예제 2를 요즘 잘나간다던 jquery로 구현한다면? 2 2011. 4. 8.
샘플소스2) javascript 기본 문서구조 ( 문제2_BY jquery 01 ) js 2_5 예제2_BY jquery 01 예제 2를 요즘 잘나간다던 jquery로 구현한다면? 1 2011. 4. 8.
샘플소스2) javascript 기본 문서구조 ( 문제2 ) 문제 : 1~25까지의 연속된 숫자로 되어있는 5*5 테이블 만들기 +5의배수에만 빨간색 2011. 4. 8.
샘플소스2) javascript 기본 문서구조 ( 문제1 ) 문제 1 : 1~25까지의 연속된 숫자로 되어있는 5*5 테이블 만들기 135 135 2011. 4. 8.
샘플소스2) javascript 기본 문서구조 ( continue 와 break 문 ) continue 와 break 예외 처리를 위한 다양한 방법... 사실..이부분은 살짝 졸아서 예제가 이거밖에 없다.. 좋은 소스 있으신 분들은 좀 알려주시길... 2011. 4. 8.
샘플소스2) javascript 기본 문서구조 ( while문 ) while문 1. while문은 for문을 풀어 쓴것이라고 봐도 좋을거 같다. (순전히 개인적인..) 왜냐므는.. 자세히 소스를 보면 for문에서 ()안에 정리하던 조건을 한줄씩 풀어서 서술하고 있는 것을 알수있다. 우선 숫자 나열 예제이다. while문 2. 이번엔 숫자를 띄엄띄엄 나열해보자. 그러려면 if문과 섞어야 할거 같다. while문 3.조건을 한번더 꼬아보자.. + 앗 그리고 !do while문.for 문과 while문은 조건에만 만족해야 실행할 수 있다.하지만 만약,예외처리 하고싶은 경우가 생긴다면???사람사는 환경에서 그렇듯 프로그렘에서도 그런일들이 종종있다보다...유두리 있는 프로그렘의 세계...? 2011. 4. 8.
샘플소스2) javascript 기본 문서구조 ( 반복문 ) 반복문 1. 컴퓨터는 반복되는 번거러움이나 노가다 같은 작업 그리고 자동화를 위해 만들어진 도구이다. 어쩌면 for문은 그들을 대변해주는 아주 적절한 ... 음... 아... 뭐시기냐... 음... 문법? 이라 할 수 있다. (초보티 팍팍나네..) 우선 첫번째 예제라서 i 라고 하는 변수에 일정한 값을 지정해서 뿌려주기로 한다. 반복문 2.두번째 예제는 사용자로부터 옵션을 선택받아 그에 맞는 결과를 도출하는 코드이다. 반복문 3.이번엔 뿌려주는 숫자를 3,6,9,에서 박수라는 문자를 출력해주는 소스로 응용해보자 반복문 4.그동안의 예제가 단순이 뿌려주거나 상황에 맞는 값을 출력해주는 것이 었다면이번 예제부터는 일정한 조건에 맞는 값을 연산해주는 기능을 섞어보겠다. 반복문 5.4번의 예제를 응용해서 이번에.. 2011. 4. 8.
샘플소스2) javascript 기본 문서구조 ( 스위치 케이스문 ) 스위치 케이스문 1)사용자로 부터 입력받은 특정 값 또는 초기 지정한 값에 의해 반응하는 스크립트아래 예제는 가장 처음 예제라서 초기 설정값을 주었다. var menu=1; >> 그래서 >> case 1:won=1000; >> 으로 >> 결국 윈도우에 "1000"이 뿌려진다. 스위치 케이스문 2)사용자로 부터 입력받은 특정 값 또는 초기 지정한 값에 의해 반응하는 스크립트아래 예제는 두번째 예제라서 조금더 활용을 했다.1. 형액형을 물어본다. ( =prompt )2. switch(bl) 의 bl를 따라 가다보면 사용자가 입력한 case에 따라 결과 값이 도출하게 된다. 2011. 4. 8.
샘플소스1) javascript 기본 문서구조 ( else if 문 ) else if 문 예제 7) 기본 형태 활용 형태 2011. 4. 5.
샘플소스1) javascript 기본 문서구조 ( if문 과 if else문 ) if문 예제 5) test"1" test2 if else문 예제 6) 기본 조건 조건 추가 조건 추가 조건 활용 2011. 4. 5.
샘플소스1) javascript 기본 문서구조 ( 단항, 대립, 문자, 비교, 산술 연산자 ) javascript 연산자 ( 단항, 대립, 문자, 비교, 산술) 예제 4) alert 와 document.writeln 메소드를 이용해 각 연산에 의해 진행되는 값의 변화를 살펴본다. 단항 연산자 :: test"1" test2 대립 연산자 :: test"1" test2 문자 연산자 :: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> test"1" test2 비교 연산자 :: test"1" test2 산술 연산자 :: test"1" test2 2011. 4. 5.
샘플소스1) javascript 기본 문서구조 ( 출력 해주는 document.write ) 출력 해주는 document.writ 예제3) test"1" test2 2011. 4. 5.
샘플소스1) javascript 기본 문서구조 ( prompt 윈도우 메소드) 팝업창을 띄워 사용자가 값을 입력할 수 있게 해주는 prompt 윈도우 메소드 예제2) test"1" test2 2011. 4. 5.
샘플소스1) javascript 기본 문서구조 ( //<![CDATA[ //]]> ) 자바 스크립트 스크립트에 대한 스터디 페이지를 만들어 볼까 생각 중이다. 서문 ) 패션과 서양화를 전공하고 영업과 기획에서 사회생활을 하고 카페 겸 멀티샵을 경영하다가 3D 툴을 배워서 작년 11월쯤부터 연구원에서 일하면서 틈틈히 인터넷을 통해 마크업과 css를 눈 넘어로 배우다가 2011년 3월.. 30대와 함께 마주한 js와 변군.. 개발자 출신이 아닌 시각에서 접근해보는 것이 오히려 초보한테는 좋을지도 모른다는 생각이... 뭐... 특별한 내용이나, 친절한 설명과 가이드라인 같은 건 아직 없지만 우선 무조건 예제를 따라 써보고 브라우저가 과연 어떻게 응답을 하는지를 지켜보는게 그리고 반복해 보는 것이 내가 접근해가는 방식이다. 비단, 그것이 js가 이니더라도 ... 막상 하다보니까 처음부터 여간 번.. 2011. 4. 4.

티스토리툴바