뒷북 정리 (국비 교육)/javascript16 [javascript] step05. operator (연산자) : 대입 연산자 3. 대입 연산자 대입 연산자 테스트 = 만이 대입연산자가 아니다. 다른 산술 연산자와 합쳐서 연산 후 대입 하게 할 수 있다. 2021. 12. 9. [javascript] step05. operator (연산자) : 논리 연산자 / example.1~2 2. 논리 연산자 논리 연산자 prompt(msg) : msg에 입력한 메시지와 함께 사용자 입력창을 띄워준다. if문의 조건 안에는 여러 개의 조건을 넣는 것이 가능하다. ( && 와 || 를 이용한다.) && 와 || (and / or 연산자) && : '그리고' / 'and' 에 해당한다. 이어진 모든 조건이 true일 경우에 true를 반환한다. (교집합의 개념) && 대신 , (쉼표) 도 된다고 했다. 선생님도 그때 당시 몰랐다고 언급했었다. || : '또는' / 'or' 에 해당한다. 이어진 모든 조건 중에 하나만 true여도 true를 반환한다. (합집합의 개념) a && b && c와 같이 3개 이상도 가능하다. 왼쪽부터 하나씩 차례로 true/false 여부를 확인한다고 했다. ! (no.. 2021. 12. 9. [javascript] step05. operator (연산자) : 산술 연산자 1. 산술 연산자 산술 연산자에 대해 알아보기 number type data를 연산할 때 사용한다. 더하기(+), 빼기(-), 곱하기(*), 나누기(/)의 기본 연산 a%b : a를 b로 나눈 나머지. 생각보다 쓸 일이 많을 수 있다고 한다. 그럼 몫도 있지 않을까? 하는 생각에 찾아보니 parseInt(number) 가 있었다. 해당 number의 정수 부분만 취해준다. 변수명에 해당하는 숫자의 연산이 가능하고, object나 array에 속해있는 data를 이용해서 연산하는 것도 가능하다. 2021. 12. 9. [javascript] step04. loop step04. - 01~03. loop 반복문 익히기 loop : 특정 javascript를 원하는 만큼 반복해서 수행하고 싶은 경우에 사용한다. greet에 array의 참조값을 받아서 push function을 사용해서 array에 item을 추가한다. let i=0 : 방 번호로 사용할 문자와 그 시작점을 표기한다. 문자가 꼭 i일 필요는 없다. i 2021. 12. 9. [javascript] step03. canvas (그림판 예제) step03. canvas (그림판 예제) 그냥 예제이다. 받아들일 수 있는 만큼받 받아들이면서 즐기라고 말했다. canvas에 그림 그리기 canvas 요소는 종이고, context는 도구이다. 그림판 1 2 3 4 5 6 7 8 9 10 change event : 해당 요소에 대한 변화(change)가 일어났을 때의 event를 조작할 수 있다. 이것을 이용해서 굵기와 색상 변화에 대한 반영을 새롭게 해준다. 굵기 option에 value 가 없는 경우 inner text가 value가 된다. 색상 반영 #OOOOOO : O 두 칸씩 끊어서 각각 r(red), g(green), b(blue)에 해당하는 정보이다. 각각 16진수 두 자리를 차지하기 때문에 00부터 ff까지 총 256의 경우의 수가 생긴.. 2021. 12. 8. [javascript] step02. event 삭제 이전 수업의 마지막 예시이다. global 영역 (전역) : script가 실행되는 가장 바깥영역. local 영역 : 함수 등의 안쪽 영역. 만약 함수의 매개변수 first를 a라고 고친다면, 함수 안쪽에 있는 first는 global 영역에서 선언된 변수를 가리킨다. 그리고 local 영역 안쪽의 내용은 바깥에서 직접 참조할 수 없다. 만약에 바깥에서 참조하고 싶다면 따로 뽑아내주어야 한다. (예를 들어 바깥쪽에 변수를 만들어주고, 그 변수에 대입하는 방식으로 가능하겠다.) 사실 이 예시에는 문제가 있다. 현재는 javascript가 엄청나게 늘어나는 추세라고 했다. 만약에 여러 사람이 코딩을 하는데 변수의 이름이 중복된다면 어떤 일이 발생할까? 혼동이 생길 것이다. 때문에 global 영역에 .. 2021. 12. 8. 이전 1 2 3 다음
