본문 바로가기

공부를 합니다

 (84)
WEB2 - JavaScript_21-23 함수 21. 함수 예고 함수: 많아지고 복잡해진 코드를 정리정돈하는 용도 동일한 JavaScript를 실행하는 버튼이 많아지면 해당 JavaScript를 모든 버튼에서 동일하게 유지하거나 일괄적으로 수정하기 어렵다. → 중복된 JavaScript 코드를 함수로 만들어서 실행. 함수는 다음과 같이 정의한 뒤 사용할 수 있다. 세부적인 사항은 이후 강의에서 설명 /* 함수를 정의 */ /* 이전에 onclick의 속성 값으로 입력했던 코드를 잘라내서 붙여 넣는다*/ function nightDayHandler(self) { var target = document.querySelector('body') if(self.value === night) { target.style.backgroundColor = 'blac..
WEB2 - JavaScript_16-20 배열과 반복문 16. 반복문 예고 링크의 색상도 테마에 맞춰서 바꾸고 싶을 때 (day: blue, night: powderblue): 반복문을 이용해서 모든 링크 element 의 색상을 바꾸는 작업을 반복할 수 있다. 17. 배열 (Array) 프로그래밍은 많은 데이터를 다루기 때문에 연관된 데이터를 정리해서 담을 수 있는 수납함 역할을 하는 배열(array) 이 존재한다. 배열은 대괄호([])를 사용해서 만든다. /* 변수 coworkers에 배열을 대입 */ /* 배열을 이루는 elements는 comma를 이용해 구분 */ var coworkers = ['egoing', 'leezche'] 배열안의 각 데이터는 index를 이용해 호출한다. /* 첫 번째 요소: egoing을 출력 */ document.wri..
WEB2 - JavaScript_15 리팩토링(Refactoring) 15. 리팩토링 (Refactoring) 코드를 일차적으로 완성한 뒤 비 효율적인 부분을 제거하고 코드를 개선하는 작업. 전 강의에서 작성한 코드를 보면 중복된 부분이 많다. if (document.querySelector('#night_day').value === night) { document.querySelector('body').style.backgroundColor = 'black'; document.querySelector('body').style.color = 'white'; document.querySelector('#night_day').value = 'day'; } else { docum..
선형대수(HYU)_10 벡터의 직교성과 직선투영 3. Orthogonality 3.1 Orthogonal Vectors and Subspaces Orthogonality 기하학적으로 생각하면 basis는 space를 이루는 coordinate axes로 볼 수 있다. 일반적으로 봐왔던 x-y plane이나 3-dimensional space의 axes처럼 수직을(perpendicular) 이루고 있는 basis를 **orthogonal**하다고 한다. Orthogonal한 basis로 계산을 보다 쉽게 할 수있다. Orthogonal Vectors 그럼 어떤 vector가 orthogonal한 벡터일까. 두 벡터 $x$, $y$가 orthogonal한지 확인하려면 가장 먼저 vector의 길이를 알이야한다. Length of Vector Vector ..
Language_Navigator JavaScript [생활코딩] WEB2 - JavaScript
WEB2 - JavaScript_11-14 조건문 11. 조건문 예고 프로그래밍 언어를 이용하면 조건에 따라 다른 순서로 기능을 실행할 수 있다. 조건문을 이용하면 이전에 만들었던 day & night 버튼을 1개의 버튼으로 합칠 수 있다. 12. 비교 연산자와 Boolean 데이터 타입 두 개의 값을 비교할 수 있은 연산자가 있다. 이를 비교 연산자라고 한다. a === b는 a와 b가 같은 값인지 비교한다. a와 b가 같으면 true를 반환한다. (e.g 1 === 1) a와 b가 다르면 false를 반환한다. (e.g 1 === 2) a < b는 a가 b보다 작은 값인지 비교한다. a가 b보다 작으면 true를 반환한다. (e.g 1 < 2) a가 b보다 작지 않으면 false를 반환한다. (e.g 2 < 1) 이처럼 반환 값으로 true 혹은 f..
WEB2 - JavaScript_10 프로그램, 프로그래밍, 프로그래머 10. 프로그램, 프로그래밍, 프로그래머 JavaScript는 프로그래밍 언어이다. HTML은 컴퓨터 언어이기는 하지만 프로그래밍 언어는 아니다. 프로그램(Program)에는 '순서'가 존재한다. HTMl은 만드려는 것을 묘사하는 것이 목적이기 때문에 '프로그래밍' 언어는 아닌 것이다. 사람들은 시간 순서대로 실행되어야 할 기능을 효율적으로, 실수없이 수행하기 위해 프로그래밍 언어를 고안했고, 수행할 일을 프로그래밍 언어에 따라 작성해서 컴퓨터에 전달했다. 프로그래밍 언어를 사용하면 다음과 같은 일들을 할 수 있다. 조건에 따라 다른 순서로 기능을 실행 특정 기능을 반복해서 실행 복잡해진 기능과 순서를 보다 간결하게 정리.
WEB2 - JavaScript_7-9 웹 브라우저 제어 7. 웹 브라우저 제어 웹 페이지의 디자인은 CSS를 이용해서 바꿀 수 있다. 위처럼 작성하면 웹 페이지는 항상 검정색 배경과 하얀색 글씨를 유지한다. 웹 브라우저의 테마(배경과 글씨 색)를 &#39;클릭했을 때&#39;만 바꾸고 싶다면 다음 두 가지를 실행해야한다. CSS로 변경할 디자인을 작성 JavaScript로 제어하려는 태그를 선택해서 CSS를 변경 8. CSS 기초 이전에 CSS 강의를 별도로 수강했으므로 생략. 9. 제어할 태그 선택하기 웹 페이지의 테마(day & night)를 바꾸기 위한 버튼은 다음과 같이 만들 수 있다. Night 버튼만. 제어 버튼을 생성 클릭했을 때 전환을 주기 위해 onclick 값으로 JavaScript를 입력한다. 태그를 선택해서 CSS를 변경 3번의 oncl..

티스토리툴바