목록전체 글 (314)
정구리의 우주정복
1. 사용자에게 입력을 받아 입력이 숫자로 구성되어있는지 확인하는 함수 var input=prompt("숫자를 입력하세요"); function CheckNum(input){ result=Number(input); if(isNaN(result)==true){ console.log("숫자가 아닙니다"); } else{ console.log("숫자가 맞아요"); }} CheckNum(input); //isNaN 은 NaN이면 true 반환//NaN 이 아니면 false 를 반환한다. 만약 input 의 값에 숫자가 아닌 문자가 들어왔다면 그것을 Number() 를 씌운 result 에는 NaN 이 저장이 되게 된다 그래서 만약 isNaN() 안의 값이 NaN 이면 true 가 반환되어 숫자가 아니라고 나오는 ..
공부하다가 새로 알게된 인자값에 대해서 정리해볼거임만들려고 했던거1. 함수이름 : power매개변수 하나를 넣으면 제곱매개변수 두개 넣으면 첫번째 숫자를 두번째 만큼 제곱 function power(a,b){ if(b==null){ return Math.pow(a,2); } else{ return Math.pow(a,b); } } console.log(power(2)); console.log(power(5,4)); 제곱을 위해선 Math.pow(제곱할 수 , 몇번 제곱할건지) 를 사용해야한다 그리고 arguments.length 를 이용하면 매개변수의 개수를 알 수 있다고 한다. 따라서 입력을 하나만 받았을때 arguments.length==1 을 이용해서 분기문을 만들어주면 똑같이 동작 ! functi..
오늘은 객체 안에서 속성,메소드,this 에 대해서 정리해볼거다 우선 객체는 var person={ //객체 생성하기 name:'정구리', //속성:속성값 의 형태 age:22, hello:function(name){ //여기부분이 메소드 alert(name); } } person.hello(person.name); //객체안의 메소드 사용시엔 .함수이름() 형식 선언 방법은 {} 를 사용하면 되고 기본적으로 속성:속성값 형태로 되어있다 (name(속성):'정구리'(속성값))사이의 구분은 , 로 해주게 되고 메소드는 객체 안에 함수가 있으면 메소드라고 한다여기선 hello:function(name){alert(name};}여기부분이 메소드이다 객체와 메소드 호출 방식은 맨 밑에 있는거처럼 하면 된다 객체..
메모용이다 while 문while(조건){ 반복할것} //조건에 true 넣으면 무한루프 do while 문do{ 문장}while(조건)//do 에서 일단 한번 실행하고 그 다음에 조건을 체크하고 반복 for문 for(초기식;조건식;종결식){ 문장} for in 문 for(var i in array){ 실행할거}
내가 까먹을까봐 써놓는 거다설명 없음 if 문if(조건){ 문장}else if(조건){ 문장}else{ 문장} switch case 문break 를 쓰면 조건문이나 반복문 밖으로 나가게 된다 switch(조건){ case 0: 실행할것 break; case 1: 실행할것 break; default: 실행할것 break;} 삼항연산자 (조건) ? 참일때 실행할 문장 : 거짓일 때 실행할 문장
오늘은 변수에 대한걸 끄적여 보겠음 ('모던 웹을 위한 Javascript+JQuary 입문' 책을 보고 내용정리) 이전까지는 변수에 대한 선택지가 var 밖에 없었음근데 ECMAScript6 부터는 let 과 const 라는 개념이 새로 생겼다 사용방법은 3종류 모두 동일하다 키워드 구분 선언위치 재선언var 변수 전역스코프 가능 let 변수 해당스코프 불가능 const 상수 해당스코프 불가능 이런 차이가 있다 우선 변수와 상수에 대해 알아보자변수는 변할수 있는 값상수는 변할수 없는 값상수는 선언을 한 이후에는 변경을 할 수 없어서 선언시 값을 반드시 같이 넣어줘야한다 let a = 100;a=50; ->이때 a 가 50으로 바뀌게 된다 const b=100;b=50; -> 이때는 오류가 나게된다 나같..
오늘은 새로고침 할때마다 배경이 바뀌는걸 자바스크립트를 이용해 만들어 볼거다 결과물부터 보자 짜자잔 안믿으면 어쩔수없지만 새로고침을 했다이렇게 사진이 바뀌는걸 확인할 수 있다 사진은 6개있는데 귀찮아서 2개만 찍었다사실 만들면서 어려울줄 알았는데 너무 쉽게 끝나서 당황했다'쏘쓰 const body=document.querySelector("body"); //call body tag const photoNum=6; //num of photo; function callRan(){ ranNum=Math.floor((Math.random()*6)+1);//call number 1 to 6 return ranNum} function callPho(){ ranNum=callRan(); url=`../image/${..
오늘은 자바스크립트와 html 을 이용한 계산기를 만들어볼거임 결과물 버튼을 누르면 수식이 입력이 되고 = 을 누르면 계산이 되는걸 확인할 수 있음 HTML 소스 Jungry Calculator 1 2 3 + 4 5 6 - 7 8 9 * C 0 = / . TMI 시간 ) 원래는 버튼들을 js 에서 입력을 받아서 이벤트 리스너로 클릭시 동작하게 만들고 싶었는데 새로고침 할때마다 클릭이된걸로 인식이되어동작하길래 그냥 onclick 을 사용하게 됨 왜 그런지는 아직도 잘 모르겠음.. 그래서 class를 하나하나 다 지정해줬는데 실제로는 쓰이지 않아서 지워도 상관 없음 ... 버튼을 누를때마다 숫자와 부호들은 addOutput 이라는 함수를 실행하게 된다C(초기화 버튼) 과 = 은 각각 init() 과 cal(..