Zin0's 개발 기록 공간 Zin0's 개발 기록 공간

자바스크립트 구성요소

• 자바스크립트 구성요소 ~ 함수는 값을 반환한다

  Java Script/MDN 정리 2020. 7. 26. 19:06

  반환 값이란 let myText = 'The weather is cold' let newString = myText.replace('cold', 'warm') console.log(newString) // Should print "The weather is warm" // the replace() string function takes a string, // replaces one substring with another, and returns // a new string with the replacement made replace() 메소드의 작동 원리 'cold' substring을 찾는다. 해당 substring을 'warm'으..

  Read More
• 자바스크립트 구성요소 ~ 함수 만들기

  Java Script/MDN 정리 2020. 7. 25. 00:09

  Active learning: Let's build a function 본격적으로 시작하기 앞서, 기본적인 함수를 만들어봅시다.. function-start.html 파일을 연습하고있는 컴퓨터에 복사하여 저장합니다. HTML 구조는 매우 간단합니다. — body 태그에는 한 개의 버튼이 있습니다. 그리고 style 태그에 메시지 박스를 위한 CSS 블럭이 있습니다. 그리고 비어있는 `` 엘리먼트에 연습할 자바스크립트 코드를 앞으로 쓰겠씁니다.. 다음으로 아래의 코드를 script 엘리먼트에 써봅시다. function displayMessage() { } 마지막으로 아래의 코드를 중괄호 안에 작성합니다. const html = document.querySelector('html'); cons..

  Read More
• 자바스크립트 구성요소 ~ 함수-재사용 가능한 블록

  Java Script/MDN 정리 2020. 7. 24. 23:19

  함수 vs 메소드 메소드(Methods) Built-in browser functions String의 replace, split, Math의 pow, random , Array의 join 등과 같은 빌트인 함수들 Object 안에 정의된 functions 함수(functions) 일반적으로 생각하는 function 사용자 정의 함수 예시 function draw() { ctx.clearRect(0,0,WIDTH,HEIGHT); for (var i = 0; i < 100; i++) { ctx.beginPath(); ctx.fillStyle = &#39;rgba(255,0,0,0.5)&#39;; ctx.arc(random(WIDTH), random(HEIGHT), random(50), 0, 2 * Math..

  Read More
• 자바스크립트 구성요소 ~ 반복문

  Java Script/MDN 정리 2020. 7. 24. 00:56

  나를 계속 붙잡아라 counter 특정 값으로 초기화 된다. 루프의 시작점 exit condition loop가 멈추는 기준이 되는 종료 조건 iterator 끝나는 조건에 도달할 때까지 일반적으로 counter를 각각의 연속된 루프에서 조금씩 증가시킨다. ( 연산을 진행함 => 감소, 곱셈, 나눗셈 등 가능) 수도 코드loop(food = 0; foodNeeded = 10) { if (food = foodNeeded) { exit loop; // We have enough food; let&#39;s go home } else { food += 2; // Spend an hour collecting 2 more food // loop will then run again } } 루프의 표준 for (in..

  Read More