분류 전체보기236 [javascript] step05. operator (연산자) : 비교 연산자 4. 비교 연산자 비교 연산자 테스트 문자열의 일치여부나 숫자의 크기 비교는 어떻게 보면 당연한 것이다. 짚고 넘어가야할 부분은 문자열에도 크기가 있다는 것이다. 예시의 5번째 경우를 보면 "a"보다 "b"가 크고, "가" 보다 "나"가 큰 것을 짚고 넘어가자. 글자가 뒤로 갈수록 커지니까, 이것으로 순서의 비교가 가능하다. 2021. 12. 9. [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. 이전 1 ··· 34 35 36 37 38 39 40 다음
