안녕하세요 씨즈입니다:)
오늘은 자바스크립트의 정의와 역할에 대해 알아봅니다.
'HTML'로 웹페이지의 전체적인 구조를 만들고, 'CSS'를 통해 디자인을 한다면
'javascript'는 HTML을 제어하는 언어이고 웹페이지를 훨씬 더 동적으로, 다이나믹하게 만들어주는 특성을 웹페이지에 부여하는 것이라고 할 수 있습니다.
하나의 프로그램이 하나의 흐름으로 가는 것이 아니라
조건에 따라서 다른 순서의 기능들이 실행되도록 하는 것이라 할 수 있습니다.
조건문이라는 것은 단순한 반복문이 아니라 아주 복잡한 업무까지도 우리가 해방되도록 하는
아주 혁명적인 도구입니다.
>code
<script> document.write(1===1); document.write(1===2); </script>
>result
true false
좌항과 우항의 관계에 따라서 ture, false 둘 중 하나의 값을 만들어내는 연산자입니다.
그리고 true와 false 두 가지 값을 묶어서 불리언 boolean 이라고 합니다.
>code
<script> var coworkers = ["wecode", "icode"]; </script> <script> document.write(coworkers[0]); document.write(coworkers[1]); </script>
>result
wecodeicode
데이터가 많아짐에 따라서 그 많은 데이터를 그냥 둘 수가 없기 때문에 그 데이터 중에 서로 연관된 데이터를 잘 정리정돈 해서 담아 두는 일종의 수납상자, 그것이 배열 array라고 한다.
배열은 [] 대괄호로 시작해서 대괄호로 끝난다.
>code
<script> function sum(left, right){ document.write(left+right); { sum(5, 5); sum(10, 10); </script>
>result
10 20
코드가 길어지고 많아지면 그 코드를 잘 정리정돈하기 위한 도구들이 필요합니다.
그 중 아주 간단하면서도 강력한 도구가 함수입니다.
함수를 활용하여 코드를 짜면 유지보수가 극든적으로 좋아질 수 있고, 웹페이지의 크기도 극단적으로 줄일 수 있습니다.
그리고 함수를 보고 이 코드들이 똑같은 로직을 갖고 있다는 것을 확신할 수 있고 코드의 정체를 분명하게 이해할 수 있게 됩니다.
함수 안에 들어가는 변수를 매개변수 parameter라고 부르고, 함수에 넣는 값을 인자 argument라고 합니다.
제 글이 조금이라도 도움이 되었으면 좋겠습니다.
읽어주셔서 감사합니다.
Seize the day!