본문 바로가기
SMALL

전체 글133

자바스크립트 javascript 2. 변수,배열오브젝트,연산자,if 조건문,for 반복문DOM(1) 변수, 배열오브젝트, 연산자, if 조건문, for 반복문 DOM 변수 : 데이터 저장장소 이름 let 변수명 = 데이터; ---- 일반변수 (값 변경 가능) const 변수명 = 데이터; ---- 상수변수 (값 변경 불가능) ----------------------------------권장. var 변수명 = 데이터; 연산자 + - * / % (나머지) = (대입연산자) 좌변에서 우변으로 읽기 2 / 5 2를 5로 나눠라 2 * 10 2 곱학기 10 A = B (우변의 값을 좌변에 대입하라) B를 A에 넣어라. let 변수명 = 데이터; 데이터 숫자, 문자 불린 null undefined ------------------- function object Array 숫자 1,2,3,4 문자 "문자" , '.. 2023. 3. 31.
자바스크립트 javascript 1. 변수선언과 스타일변경 /// 1.자바스크립트 (javascript) -웹 페이지를 동적으로 만들어주는 언어 -웹 브라우저에서 실행하는 언어 -인터프리터 언어 (컴파일과정이 필요없으며 해석기(웹브라우저)를 통하여 코드 작성후 바로 실행가능하며 한줄 한줄 실행되는 언어) -컴파일언어 (C,Java) -인터프리터언어 (javascript, python) 웹초창기 브라우저별로 독립된 스크립트 언어가 존재했음 IE -- vbscript Netscape --> Livescript -> javascript --> 웹표준 --> ECMA 브라우저 자바스크립트 해석 -> 프로그램 내장 -> 자바스크립트 엔진 윈도우, 서버환경 자바스크립트 실행 -> nodejs Afher Effets -> 자바스크립트 엔진 내장 -> 스크립트 사용 (애니메이.. 2023. 3. 31.
index flex 고급 요소 다루는 방법 1 2 3 4 5 6 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스@charset 'UTF-8';/* layout */.mg-wrapper { width: 100%;}/* header */.mg-header { border-top: 4px solid #387af0; border-bottom: 1px solid #c2c2c2;}.mg-header .inner-box { width: 1.. 2023. 3. 29.
css reset폴더 만들기 @charset 'UTF-8'; /* 여백초기화 */ html, body , h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, table, tr, td, th, caption, div, span, form, fieldset, legend, input, select, textarea, button, img, a, header, main, footer, nav, section, article { margin:0; padding:0; } /* 리스트타입 초기화 */ ol, li { list-style: none; } /* 이미지, 필드셋 테두리 제거 */ fieldset, img { border:0 none; } /* 타이포 설정 */ body, h1, h2, h3, .. 2023. 3. 29.
LIST