Be myself

Event : 클릭, 마우스가 올라가는 것, 엔터 누르기 등등이 event 라고 할 수 있다. javascript 는 event 를 listen 가능. = eventlistener function gandleTitleClick(){ console.log("title was clicked!"); } title.addeventlistener("click", handleTitleClick); 이렇게 쓰면, 클릭 발생 시 이벤트가 실행된다. 근데, handleTitleClick() 이렇게 추가를 해주면, () 가 있기 때문에, 자동으로 클릭이 된다. 클릭을 수동으로 하고 싶다면 () 를 넣어주지 않아야 한다. 이 클릭은 어디를 선택하던지 가능! button 이 아니라 그냥 h1 태그와 같은 것들도 클릭 가능 하..

자바스크립트를 브라우저에 표현하려면, HTML 에 연결을 시켜야 합니다. 자바스크립트의 기본적인 기능에 대해 알아 보았으니, 이제 html 로 끌어오는 기능을 보겠습니다. 왜? console.log 로 하면, 콘솔창에만 뜨니까, 브라우저 창으로 불러오기 위한 시작을 하겠습니다... 웹 브라우저에서 소스코드를 보면, html 에 title 이 들어가 있다. 이것을 콘솔창에서 부르고, 수정할 수 있다. 이렇게 document.title 을 하면, 현재 페이지의 title 을 확인할 수 있고, 이렇게 하면, title 을 교체 할 수 있다. 위에서 보듯이, 자바스크립트는 이미 html 과 연결이 되어 있다.! grap me! 이렇게 html 에 작성을 해주고, const title = document.getE..

Conditionals (조건문) : t/f 를 알려준다. if else prompt : 사용자에게 창을 띄울 수 있도록 해주는 함수 2개의 argument 를 받는데 하나는 message (문자), 하나는 default const age = prompt("how old are u?"); console.log(age); 이렇게 하면, 팝업창으로 prompt 안의 질문이 나오고, 값을 넣어주면 그 값을 age 로 받아들여 콘솔창에 age 가 나오게 된다. 하지만, prompt 함수는 자바스크립트를 일시정지 시키게 되고, 메세지 팝업창이 예쁘지 않아 잘 안쓴다...! (하지만 기본적인 기능 같다 내눈에!) 조건문 사용해서 숫자 일때 / 아닐때 다르게 반응

function xxx.xx 형태의 함수? 를 쓰는 법을 clone coding-03 편에서 간략히 살펴보았다. 그런데 xxx.xx() 이렇게 괄호가 있다면? 흔히, function 에서 가장 많이 사용되는건? 조건문, 반복문 인 것 같다,,,! (내기준ㅠ) 반복되는 작업에 변수만 바꿔서 진행될 때를 알아보자, javascript 에서 function 함수를 쓰려면? function sayHello(){ 여기 } 이렇게 작성하면, 여기 부분에 원하는 함수를 넣으면, sayHello 라는 함수를 실행시킬 때마다 '여기' 부분이 실행된다. 이제, array 값들을 순차대로 뽑아보자. ex. arr = ["jin","judy","tom"] Hello jin Hello judy Hello tom 이렇게! fun..

기존에 반복문, 조건문 등을 넣어주면, 원하는 결과를 도출할 수 있지만, 원하는 때마다 부르기에 어려움이 있다. 그래서, 함수를 사용하면, 코드의 재사용성을 높여줄 수 있다. function numbering(){ i = 0; while(i < 10){ document.write(i); i += 1; } } numbering(); 이렇게 numbering 이란 이름으로 함수를 만들어 보겠다. 그리고 {} 안에 그 함수가 어떻게 돌아가는지 적어준다. 초기 i=0 일때, 반복문 조건에 따라 실행을 해준다. 이것을 함수 numbering 이라고 부르겠다. 그리고 numbering 을 실행하면? 결과가 나온다. 함수의 입출력 1. return 함수 안에 return 을 써주면, 그 뒤에 따라오는 값을 함수 결과..

반복문 (loop, iterate) 1. While 문 while (조건){반복할 코드} while 문은 무한반복문에 속한다. 종료조건을 주지 않으면 계속 리디렉션이 되는데, 웹브라우저에서 무한루프를 실행하다 보면 알아서 중단된다? 세션만료 같은 현상이 일어난다. 무한루프를 벗어나려면? 반복조건을 정해주면 된다. 반복조건 var i = 0; while(i < 10){ document.write('Hi '); i++ } 조건이 10 아래일 때인데, 계속해서 1씩 더해주기 때문에, 언젠가 변수가 10을 넘어가면, 반복문이 멈추게 된다. while 문 구성 1. var i 초기화, 2. 반복실행, 3. 반복조건 2. For 문 for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드..

Boolean : T/F : 비교연산을 통해 얻을 수 있는 값으로 True 혹은 False 로 나타난다. (0은 false, 0이 아닌 값은 true 를 의미함) 조건문에서 핵심적인 역할을 하게 된다. 조건문은 if ~~ else~~ 의 구성이다. if(true){ alert('result : true'); } if (조건) {결과}; else{결과}; 이때 조건에 해당하는 부분이 True 인지 False 인지에 따라 달라지게 된다. if else 는 조건을 2개만 나타낼 수 있는데, 여러개 조건을 나타낼 때는 else if 를 사용할 수 있다. if(false){ alert(1); } else if(true){ alert(2); } else if(true){ alert(3); } else { alert..

1. = 대입연산자 a=1 선언할때, 변수에 무언가 넣어줄 때, 대입 연산자로 사용한다. 좌항의 값을 우항으로! 2.비교연산자 a==b 같으면 == 크거나 작으면 >,

자바스크립트 변수 선언은 variable 의 앞에만 따서 var 로 선언한다. var a=1; alert(a+1); 변수도 역시 숫자나 문자처럼 연산이 가능하다. 변수끼리 연산도 가능! 변수는 코드의 재사용성을 높여주는데 위에처럼 a+1 연산을 해서 a=2 가 됐는데, 여기에 다시 a=a*10 하면 a=20이 되고 이 a 를 다시 사용할 수 있다.

html 파일 중간에 를 사용해서 자바스크립트를 넣을 수 있었다. (링크를 넣어서 js 폴더 연결도 가능) 이때 기본 폼은 text/javascript 라고 선언해 주고, 아래에 자바스크립트 언어를 넣어주면 된다. 1.숫자 alert(1+1); alert 안에 수식을 넣어주면 된다. 덧셈 : + 곱셈 : * 나눗셈 : / https://opentutorials.org/course/50/115 acos - 생활코딩 요약(Summary) 아크코사인(arccosine) 값을 리턴한다. 문법(Syntax) Math.acos(x) 인자(Parameters) 인자명 데이터형 필수/옵션 설명 x number 필수 -1에서 1 사이의 값, 이 범위를 초과하면 NaN을 리턴 반환값(Return) opentutorials..