보안
-
웹기초 6주차보안/WEB 2024. 3. 13. 05:37
(4) WEB2 JavaScript - 15. 비교 연산자와 블리언 - YouTube 동등비교연산자: 왼쪽의 값과 오른쪽의 값이 같으면 True가 출력된다. === 은 비교연산자이자 이항연산자(좌항과 우항이 있을 때 좌항과 우항을 결합해 어떤 데이터를 만들어낸다 ) 1===1: true 1===2: false true, false 는 "Boolean" 이라고 불린다. 지금까지 살펴본 data type: number, string, boolean number 무한히 많다. string 무한히 많다. boolean은 두 개의 데이터로만 이루어진 data type 2. 크기 비교 html: 1 1<2 (lt=less than) (4) WEB2 JavaScript - 1..
-
웹기초 5주차보안/WEB 2024. 3. 13. 03:35
(3) WEB2 JavaScript - 9. CSS 기초 : style 속성 - YouTube duplicate: 복제 새로운 파일을 만들어서 실습을 진행했다. h2 태그에 해당하는 JavaScirpt 부분을 디자인적으로 바꾸고 싶은 경우: 바꾸고 싶은 태그에 style 코드 쓰기 style안에 css 가 온다. 폰트 컬러를 powderblue 로 바꾸어보자. : h2 태그 안에 style 같이 넣어서 한다. color 부분이 css이다. style 은 html의 문법이다. style 로 웹브라우저에게 이 코드가 자바스크립트라는 것을 알려준다. property 이기도 하다. 2. JavaScript 에 백그라운드 효과를 주자 : body {background-color: coral;} ..
-
웹 기초 4주차보안/WEB 2024. 3. 13. 02:34
(1) WEB2 JavaScript - 1.수업소개 - YouTube 여러 프로그램들은 사용자의 조작에 반응해 움직인다. 웹페이지도 사용자와 상호작용할 수 있게 하기를 원했고, 그렇게 만들어진 것이 JavaScript이다. 자바스크립트는 정보라는 이미지를 움직이게 한다. (1) WEB2 JavaScript - 2.수업의 목적 - YouTube 야간모드와 주간모드 바꾸기 (사용자와 상호작용 가능) night 는 input 태그를 이용해 만들 수 있다. (메뉴-검사항목-elements(태그) 접속) -> key 누르면 alert 창이 뜬다. onclick, onchange, onkeydown = event (1) WEB2 JavaScript - 5.HTML과 JS의 마..
-
웹 기초 3주차보안/WEB 2024. 3. 13. 01:33
이번 주에는 CSS 강의를 들었다. (5) WEB2 CSS - 1. 수업 소개 - YouTube HTML을 이용하면 전자문서를 만들 수 있었다. 정보를 인터넷을 통해 누구나 보게 할 수 있다는 것은 혁명적이었고 웹에 열광했다. HTML을 이용해서 문서를 만든 것이 시작이었지만 여러가지 불만이 생겼고 그 중 웹페이지를 아름답고 보기 좋은 형태로 만드는 것이 지금 배울 CSS와 연관되어 있다. CSS를 지배하는 원리와 효과를 앞으로 알아보자. (5) WEB2 CSS - 2. CSS가 등장하기 전의 상황 - YouTube 문서를 만든 이후 여러 불만이 생김(문자의 크기와 색상, 가운데 정렬 등) 웹페이지를 아름답게 만들기 위한 고민 -> 1. 쉽지만 한계가 있는 방법: HTML..
-
웹 기초 2주차보안/WEB 2024. 3. 13. 00:32
쓰기 좋은 문단이 없어서 내가 좋아하는 노래 가사를 사용했다. (1) WEB1 - 9.줄바꿈 : br vs p - YouTube 줄바꿈을 했는데 웹페이지에서는 반영이 안된다. 줄바꿈 태그(html new line tag): 새로운 줄을 표현할 때 사용 : (atom에서는 줄바꿈 안 해도 괜찮음) - 을 사용할 수록 여백이 강조된 단락을 표현할 수 있다. - 는 열리는 태그, 닫히는 태그가 존재했지만 은 닫는 게 없다. 한 번 사용하면 한 줄이 떨어진다. 을 여러 개 쓸 수록 여백이 강조된 단락을 표현할 수 있다. 2. html paragraph tag : 단락 바꿔줌 : - 함께 써주어야 한다. - 과 같지만 태그는 다르고 맥락상 가 더 좋은 결정이다. (이유: 정보로서 가치있게 만..
-
웹기초 1주차보안/WEB 2024. 3. 12. 23:30
중요한 부분만 요약해서 정리했다. (15) WEB1 - 8.통계에 기반한 학습 - YouTube WEB1-4. 코딩과 HTML 1. 원인인 코드를 통해 결과를 만드는 것이 코딩 2. html - 쉽다. - 중요하다. WEB1-5. HTML 코딩과 실습환경 준비 -ATOM 사용 1. 바탕화면에 web이라는 디렉토리 만들기 2. open folder 선택 3. web 디렉토리 들어가서 select folder ******웹페이지의 확장자는 .html 4. 파일 열기 기능 사용 5. hello web 이라고 하고 저장 6. 웹 브라우저로 들어가면 완성! (ctrl+o 는 파일 열기) WEB1-6. 기본문법태그 진하게 표시하고 싶다.-- 문장 밑줄 -- 문장 ..