기록을 통한 기억 기록을 통한 기억

(12.21 지난주 셀후기)IT업계로 이직을 준비하고 공부하면서 요즘 사이버 공격이나 데이터 유출 사건들이 발생하고 있어서 평소보다 관심있게 보고 있습니다. 크고 작은 기업이나 국가 차원에서도 웹 페이지나 앱을 통한 사이버 공격은 개인정보 유출 등의 피해로 이어집니다. '보안' 이슈가 점점 중요해지고 있는 시대에 사이버 공격을 하는 곳은 어디이며 왜 하는가 궁금했어요. 대체적으로 공격하는 대표적인 이유는 '돈'입니다. 해커들을 지원하고 양성하며 주로 국가들이 뒤에 숨어서 공격하는데 이들의 공통점을 찾았어요. 대표적으로 북한, 중국, 러시아 등 공산주의로 대표되는 나라들입니다. 이들을 하나로 묶는 목적이 돈이라는 맘몬이며 악한 영이 신기하게도 하나로 뭉치는 것을 보게 됩니다. 공산국가의 이념을 지지하는 좌..

Web의 3요소 HTML/CSS/JS웹브라우저를 이용해서 웹서비스 이용할 때 보게 되는 3가지 각각의 요소들이 하는 역할이 정해져있음 HTML : 화면을 보여줄 때 값이나 정보들이 어떤 정보인지 알려주는 역할DOCTYPE html>html lang="en">head> title>하이title> style> h1{ font-size : 48px; color : red; } style>head>body> h1 id="first">문서의 제목h1> h1>두 개h1> script> document.getElementById("first").innerText = 제목; script> h..

jQuery 시험용 주석 요약🔍 기본 선택자 javascript// 아이디 선택자 - 고유한 요소 하나 선택$("#id1").css("color", "red");// 클래스 선택자 - 같은 클래스를 가진 모든 요소$(".className").css("background", "yellow");// 태그 선택자 - 해당 태그의 모든 요소$("p").css("color", "blue");// 여러 선택자 - 콤마로 구분$("p, pre, div").css("background", "pink");// 후손 선택자 - 공백으로 구분 (모든 후손)$("div li").css("background", "white");// 자식 선택자 - > 기호 (직계 자식만)$("div > ul > li").css("color..

개요 / 데이터입출력 / 요소접근/* [기본 개념] - HTML : 구조 - CSS : 스타일 - JS : 동작(동적 효과, 이벤트 제어) - 스크립트 언어 : 짧고 빠른 코드로 상호작용 - JS 특징 - 인터프리터 방식 (즉시 실행) - 함수는 일급 객체 - 접근제한자X, 반환형X, 타입 선언X - 확장성 뛰어남 */ //////////////////////////////////////////////////// // 1. 자바스크립트 작성 위치 /* 1) inline : 태그 속성에 직접 작성 2) internal : 태그 안에 작성 3) external : .js 파일 분리, */ //////////////////////////////////////////////////// //..

1️⃣ jQuery 개요jQuery: 브라우저마다 다른 JS 코드를 통합, DOM 조작/이벤트/비동기 처리 쉽게.장점:DOM 요소 조작 용이AJAX, 이벤트 처리 간편다양한 플러그인, Open API 지원연결 방법:2️⃣ 문서 준비 완료 후 실행순수 JS: window.onload = function(){ ... } → 문서 완전히 로딩 후 1회 실행jQuery: $(document).ready(function(){ ... }); $(function(){ ... }); // 가장 간단 특징: 여러 번 사용 가능, DOM 로딩 즉시 실행.3️⃣ 선택자 기본아이디 선택자: $("#id") → 특정 요소 1개 선택태그 선택자: $("tag") → 문서 상 모든 태그 선택클래스 선택자: $(".class") →..

JavaScript 시험 공부 요약1. JavaScript 기본 개념웹 기술의 역할 분담HTML: 웹페이지의 구조 정보 표현CSS: 스타일링 담당JavaScript: 브라우저에서 동적 효과, 요소 제어, 이벤트 제어스크립트 언어의 특징애플리케이션 제어를 사용자 요구에 맞게 수행빠른 학습이 가능하고 짧은 소스코드로 상호작용컴파일 과정 없이 바로 실행 (인터프리터 방식)2. JavaScript의 주요 특징 ⭐시험출제포인트⭐컴파일 vs 인터프리터컴파일: 컴파일 단계를 거친 후 실행인터프리터: 컴파일 단계 없이 곧바로 실행JavaScript/Java: JIT Compiler (컴파일 + 인터프리터 혼합)JavaScript만의 특징함수를 일급객체로 취급단순한 문법 구조접근제한자 개념 없음함수 정의 시 반환형 정의..

CSS 기본 선택자 시험 공부 요약🎯 CSS란?CSS (Cascading Style Sheets) - HTML 구조에 스타일을 적용하는 언어 (CSS3 버전 사용, W3C 표준)📝 CSS 스타일 적용 3가지 방식 ⭐⭐⭐1. 인라인 방식인라인 스타일 방식해당 요소에 style 속성으로 직접 기입우선순위가 가장 높음2. 내부 방식 태그 안에 태그 사용3. 외부 방식별도 .css 파일을 태그로 연결🎯 선택자(Selector) 개념 ⭐⭐⭐선택자: 특정 HTML 요소를 선택해서 스타일을 적용하는 기능📋 4가지 기본 선택자 유형1. 전체 선택자 (*) ⭐⭐* { color: darkred;}모든 요소를 선택HTML 문서 내 모든 태그에 적용주로 초기화 목적으로 사용2. 태그 선택자 ⭐⭐⭐pre { ..

👍 1_글자관련태그.html📘 주석 요약 : 이 문서가 HTML임을 선언. : 문서 언어는 한국어. charset, name, content문자 인코딩, 뷰포트, 설명 등 없음브라우저 탭에 표시될 문서 제목문서제목 없음화면에 표시할 내용을 작성...구분태그주요 속성설명예시글자 / 텍스트 ~ 없음제목 표시, h1은 문서당 1개 권장제목 없음문단 영역문단 없음입력한 줄바꿈 그대로 표시줄바꿈 유지 / 없음글자 굵게 표시 (b: 시각, strong: 의미적)굵게 / 없음글자 기울임 (i: 시각, em: 의미적)강조 없음취소선취소 없음형광펜 효과강조 / 없음글자 크기 조절작게 / 없음아래첨자 / 위첨자H2O구분태그주요 속성설명예시표없음표 전체... 없음행(row)... colspan, rowspan열 ..