22-1학기/웹 기초(WEB BASIC)(8)
-
8주차 정리
생활코딩 Javascript – 30. 객체 쓰기와 읽 기 ~ 35. 라이브러리와 프레임워크 실습 30. 객체 쓰기와 읽기 정보의 양이 많아졌을 때 서로 연관된 정보를 정리정돈하기 위해 배웠던 도구 : 배열 순서에 따라 정보를 정리 정돈함 배열 : 정보를 담는 그릇 , 정보가 순서대로 저장됨 -> 순서 없이 정보를 저장하는 것 : 객체 ->이름이 있는 정리정돈 상자 : 객체 -객체의 문법 Create : 생성하는 법 객체를 만들 때 사용하는 기호 : object literal, 중괄호{} coworkers.programmer : 여기서 '.'는 object access operator라고 불리며, 객체 coworkers에 접근하는 오퍼레이터이다. 31. 객체와 반복문 객체에 있는 데이터를 가져와야 하는 ..
2022.06.26 -
7주차 정리
생활코딩 Javascript – 22. 배열과 반복문 ~ 29. 객체 예고 실습 22. 배열과 반복문 서로 연관된 데이터들을 담는 자바스크립트의 방법 : 배열 배열에 담겨 있는 데이터를 순차적으로 꺼내서 라는 이 태그로 만들어주는 역할을 하는 것 : 반복문 *배열 형식의 예시 : var coworkers = ['egoing', 'leezche', 'duru', 'taeho']; 배열의 각각의 항목 : 원소(element) document.write()를 통해서 태그를 만든다 *반복문 형식의 예시 : var i = 0; while(i < 4) { 실행문; i = i + 1; } 배열에서 어떤 데이터를 가져올 때 대괄호 안에 보고 싶은 데이터의 index 값을 넣어줌 원소가 바뀌면 '값이 없다'라는 뜻의 u..
2022.06.19 -
6주차 정리
생활코딩 Javascript – 15. 비교 연산자와 불리언 ~ 21. 반복문 15. 비교 연산자와 불리언 1. Comparison operator : 비교 연산자 === 동등 비교 연산자, 연산자의 왼쪽에 있는 값과 오른쪽에 있는 값이 같은지를 비교하는 연산자 만약 같다면 true가, 다르다면 false가 출력됨 이항 연산자이다 (좌항과 우항을 결합해서 어떠한 데이터를 만든다.) 2. Boolean 위의 비교 연산자를 통해 만들어지는 true, false 값 3. 데이터 타입 Number : 숫자 String : 문자 Boolean : true, false 4. 조건문에 true가 들어가면 언제나 true이기 때문에 실행문이 반드시 실행되고, 조건문에 false가 들어가면 언제나 false이기 때문에 ..
2022.05.27 -
5주차 정리
생활코딩 Javascript – 9. CSS 기초 ~ 14. 조건문 예고 9. CSS 기초 : style 속성 3.html을 복제해서 ex3.html라는 새 파일을 만든다. JavaScript로 태그의 색상을 바꾼다. HTML은 style이라는 속성을 통해서 그 다음에 오는 코드가 JavaScript라는 것을 알려 준다. JavaScript로 태그의 배경 색상을 바꾸고 글자 색상을 바꾼다. 이렇게 style이라는 속성에 CSS를 넣어서 디자인할 수 있다. -> 어떤 특정 태그를 CSS라는 언어로 디자인하고 싶을 때는, style이라는 HTML의 속성을 쓰고 그 안에 CSS의 속성이라는 문법을 사용하면 된다. : CSS를 웹페이지에 삽입하는 방법1 -> 속성이라고 하는 HTML 문법 이용하기 10. CSS..
2022.05.22 -
4주차 정리
생활코딩 Javascript - 1. 수업소개 ~ 8. 웹 브라우저 제어 1. 수업소개 HTML은 정적이고 한 번 화면에 출력되면 언제나 그 모습 그대로임 데스크탑이나 모바일에서 사용되는 여러 프로그램들, 예를 들면 게임 같은 건 사용자의 조작에 반응해서 프로그램이 움직임. 사름들은 웹페이지도 게임처럼 동적으로 사용자와 상호작용할 수 있게 되기를 원했음. 그래서 사용자와 상호작용하는 웹페이지를 만들고 싶다는 욕망으로 인해서 JavaScript가 개발됨. ->웹 : HTML을 이용해서 웹페이지를 우선 만든 후에, 그렇게 만들어진 웹페이지를 자바스크립트를 이용해서 사용자와 상호작용할 수 있도록 기능을 추가함으로써 HTML의 정보와 자바스크립트의 기능을 모두 갖춘 시스템 EX) 웹사이트들이 프로그램처럼 사용자..
2022.05.15 -
3주차 정리
WEB2 CSS - 1. 수업 소개 ~ 9. 박스 모델 써먹기 (Ctrl + O : 파일 여는 단축키) -1. 수업 소개 웹이 처음 세상에 등장했을 때 : HTML을 이용하면 전자 문서를 만들 수 있었음 -> 컴퓨터를 통해서 정보를 표현할 수 있었고, 그 정보를 인터넷을 통해서 전 세계 누구나 볼 수 있게 되었음 -> 사람들이 웹에 열광하게 됨 -> 웹을 사용하다 보니 웹을 좀 더 아름답고 보기 좋게 만드는 방법에 대해 연구하게 됨 -> CSS가 개발되게 됨 -2. CSS가 등장하기 전의 상황 웹을 예쁘게 만드는 두 가지 방법 1. 쉽지만 한계가 있는 방법 : HTML이라는 이미 있는 언어의 디자인과 관련된 새로운 태그를 추가하는 것 2. 어렵지만 근본적인 해결책 : 디자인에 최적화된 완전히 새로운 언어..
2022.05.07