분류 전체보기190 [javascript] step06. createElement step06. - 01~02. createElement 문서 객체를 javascript로 만들기 추가하기 createElement : 원하는 시점에, 원하는 객체를 만들어서 넣을 때 사용한다. console 창에서 직접 작성해보면 요소 안에 없던 요소가 생긴다. 이렇게 문서 객체를 동적으로 만들 때 사용한다. 하지만 변수에 넣어주지 않으면 그저 버려질 뿐이라고 했다. createElement로 만들어진 요소는 원하는 객체에 .append(xxx)를 통해서 추가할 수 있다. querySelector는 document의 기능이고, append나 addEventListener는 참조해온 것에 해당하는 객체의 기능이다. 추가 box box box setAttribute("a", "b") : 만든 요소에 속성을 .. 2021. 12. 11. [javascript] step05. operator (연산자) : 증감 연산자 / example.3~4 5. 증감 연산자 증감 연산자 테스트 가장 마지막 예시를 짚고 넘어가야 한다. num++ 와 ++num은 같은 결과를 낸다고 했지만, 두 result는 서로 다른 결과를 낸다. (11 / 10) ++a의 경우는 증감 연산 -> 산술 연산 -> 대입 연산 순으로 진행되어 11이다. b++의 경우는 산술 연산 -> 대입 연산 -> 증감 연산 순으로 진행되어 10이다. 하지만 a와 b는 동일하게 1의 값을 가진다. 이것은 증감 연산자를 변수 뒤에 붙이면 연산의 우선 순위가 가장 뒤쳐지기 때문이다. 이런 식을 쓸 일은 없긴 하겠지만, 혹시 모르기 때문에 적어둔다. 이 ++는 이전 loop에서도 본 적이 있다. 이 내용을 loop에 추가할 것이다. example.3~4 대입연산자 예제 누적하기 0 증감 연산자, .. 2021. 12. 9. [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. 이전 1 ··· 26 27 28 29 30 31 32 다음
