Dev

JavaScript3 (DOM,AJAX)

버튼 이벤트 target, currentTargettarget : 이벤트가 발생한 진원지의 정보 / 이벤트 리스너가 없는 요소의 이벤트가 발생했을때도 해당 요소에 접근 가능currentTarget : 이벤트 리스너가 연결된 요소를 참조 버튼1 버튼2 버튼3 이벤트 위임 (테크닉 - 필수적인건 아님) 버튼1 버튼2 버튼3 자손 요소들에게 이벤트 리스너가 적용된것처럼 작동이 가능하다.이벤트의 this이벤트 리스너 함수 내부에서의 this는 이벤트가 연결된 노드를 참조event.currentTarget과 유사이벤트 리스너 함수를 화살표 함수로 쓴다면 this가 가리키는 대상이 달라진다!화살표 함수의 this : 함수를 감싸고 있는 상위공간을 가리킨다. 버튼1 버튼2 버튼3 preventDefault()브라우저..

JavaScript2 (타입 ~)

1. 타입타입 : 자료형 / 다양한 데이터를 용도에 맞게 쓰기 위해 사용1. 원시 타입 (Primitive Types)단순한 데이터를 저장값이 변경 불가능값을 변수에 저장하거나 전달할 때 값에 의한 전달을 한다 (실제 데이터를 저장)string, number, bigint, boolean, undefined, symbol, null이 원시타입에 속한다.2. 객체 타입 (Object Types)let arr1 = [1, 2, 3]; let arr2 = arr1; console.log(arr2); arr1[0] = 10; // arr1 = [10, 20]; console.log(arr2); // 비교해보세요. let value1 = 10; let value2 = value1; console.log(value..

JavaScript1 (~조건문과 반복문)

1. JavaScript란 무엇인가?JavaScript의 탄생 배경HTML, CSS를 프로그래밍적으로 제어할 수 있다웹브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍언어(였던 것. 몇년전 웹어셈블리가 새롭게 등장)요즘은 브라우저가 아닌 환경에서도 자바스크립트를 실행 할 수 있게 되면서 게임 프로그래밍, 서버프로그래밍 등 다양한 분야에서 쓰이고 있다. (node.js 만만세)표준 명칭 : ECMAScript동적인 웹을 위해 자바스크립트가 할 수 있는 것들데이터를 저장하다저장 공간 : var, let, const저장할 값의 형태: 숫자, 문자열, 빈 값(null, undefined), boolean(true, false), 배열, 객체코드의 뭉치: 함수값을 계산하다사칙연산논리연산조건문반복문자료형의 내장..

CSS2 (Position & Flex)

box3 box1 box2 absolute는 static을 제외한 position 속성값을 가진 가장 가까운 부모의 박스 내를 기준으로 위치한다.부모가 없다면 html의 root 요소를 기준으로 삼는다 (html 태그)normal flow 상에서 absolute속성을 가진 element의 뒤에오는 요소는 absolute 요소의 앞 요소 뒤에 붙게된다.absolute = normal flow에서 벗어난 것이기 때문에 box1 box2 box3 3.4 position : fixed스크롤을 올리거나 내릴 때, 특정 박스가 고정되어 움직이지 않길 원한다면, fixed 속성을 이용현재 사용자가 보고있는 브라우저 화면(뷰포트)를 기준으로 마치 화면에 붙은 것처럼 한자리에 계속해서 위치한다.네비게이션 같은 중요한 정..

CSS1 (기초 & CSS Box Model)

1. 이 글자는 어떤 색일까요? 2. 배경색은 어떤 색일까요? /* 클래스 + 유형 선택자 */ .ul a { color: yellow; } /* 클래스 선택자 */ .click { color: green; background: black; } /* 유형 선택자 */ html body main section article div ul li p strong span a { background: purple; color: blue; }노란색검은색🤔클래스 + 유형은 11점이고, 클래스는 10점이고, 타입 선택자 12점이니, 1번의 답은 파란색, 2번의 답은 보라색이어야하는거 아닌가요? 아무리 구체적으로 작성하였다 하더라도! 가중치의 점수가 클래스선택자 > 유형 선택자 가중치 법칙을 이길 수는 없다!3. 중요성..