전체 글190 [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. [javascript] step01. datatype : function function function type은 특정 시점에 실행할 작업들을 모아둘 수 있다. function도 data이기 때문에 사물함의 특정 값을 차지한다. 때문에 변수에 대입하는 것도 가능하다. function 자체가 사물함을 만드는 것이다. 그 번호를 변수에 넣으면 사물함 열쇠를 copy한 것이고, 그러면 그것을 불러와서 사용하면 되는 것이다. return은 '되돌려준다.'로 해석하면 좋다. 함수가 끝나면 어떤 값으로 바뀌는데, 그것을 return으로 정해줄 수 있다. return을 object로 해준다면 heap 영역에 만들어지고 그 자리에 key 값이 들어오게 된다. 함수는 참조를 할 수 있고, 호출을 할 수 있다. 함수는 heap 영역에 생성되는데, 이 사물함의 reference value(사물.. 2021. 12. 8. [javascript] step01. datatype : object (plane object, array) object (plane object, array) a. plae object object type의 필요성 : 예시처럼 한 사람의 정보를 관리함에 있어서 3개의 변수명이 필요하고, 사람이 다수라면 머리가 아파진다. 하지만 object type으로 관리한다면 하위 항목 내용에 대한 하나의 변수명으로 관리할 수 있게 된다. 중괄호 { }를 이용하여 만든다. 내용에는 key1 : value1, key2 : value2, ... 가 들어가는데, 여기에서 key를 repository(저장소) name, value를 repository라고 한다고 했다. 이렇게 구성된 object를 plain object라고 한다. (plain이라고 하면 다른 종류의 object도 있다는 것인가?) object의 내용 참조하기 :.. 2021. 12. 8. [javascript] step01. data type : boolean boolean(논리) 크다. 작다. 같다. 다르다. 등의 비교 연산자(operator)가 존재한다. 숫자의 크기나 문자의 내용 일치 여부를 return해준다. > : 크다. < : 작다. = : 크거나 같다. == : 같은지 비교. != : 다른지 비교. === : javascript에는 equal이 세 개짜리도 있는데, java에는 존재하지 않는다. == 는 type이 다르면 강제로 변환해서 비교를 해준다. 예를 들어 10=="10" 을 하더라도 true를 return 해준다. 하지만 10==="10"은 false를 return해준다. === 는 완전 일치 여부를 확인해주는 것이다. 비교 연산자는 true와 false를 return하는데, 이 true와 false가 참과 거짓을 나누는 boolean(논.. 2021. 12. 8. 이전 1 ··· 27 28 29 30 31 32 다음
