wkun 님의 블로그

프로그래밍 언어 응용 32일차 (24/12/24)

CONTENTS JavaScript11.BOM 브라우저객체1)BOM(Browser Object Model)2)window 객체3)screen객체4)location객체5)history객체6)navigator객체 X.렌더링 과정 12.DOM 문서객체1)DOM(Document Object Model)2)HTML 요소 선택하기3)HTML 요소 내용 변경하기4)HTML 요소 추가/삭제하기5)HTML 요소 검색하기 연습문제  ------------------------------------------------------------------ JavaScript 11.BOM 브라우저객체 1)BOM(Browser Object Model)-웹 브라우저가 가지고 있는 모든 객체를 의미-최상위 객체는 window 객체임...

프로그래밍 언어 응용 31일차 (24/12/23)

CONTENTS JavaScript10.객체8)내장객체(RegExp)랠리 테스트  ---------------------------------------------------------------------  JavaScript 10.객체 8)내장객체(RegExp) RegExp 객체 메서드  script>    let str = "Hello JavaScript";    let regexp_search = str.search(/javascript/i);    document.write(regexp_search + ""); //대소문자 구분x  script> RegExp 객체 메서드(test(), exec(), match())  script>    var str = "Hello JavaScript";    ..

CONTENTS JavaScript10.객체4)내장객체(String)5)내장객체(Date)6)내장객체(Math)7)내장객체(Number)8)내장객체(RegExp) --------------------------------------------------------- JavaScript 10.객체 4)내장객체(String) String메서드  script>    let str01 = "this is JavaScript";    document.write("1. 인덱스가 1인 문자는: " + str01.charAt(1) + "");    document.write("2. 결합된 문자열: " + str01.concat('World...') + "");    document.write("3. 검색된 'Ja'인덱..

CONTENTS JavaScript10.객체1)객체 개념2)사용자 정의 객체3)내장객체(Array)4)내장객체(String) -------------------------------------------------------------------------  JavaScript 10.객체 1)객체 개념-자바스크립트를 활용하여 프로그래밍하기 위해서는 객체 단위로 프로그램을 작성함. 객체는 자바스크립트에서 프로그래밍에 가장 기본적인 단위임. -실제 생활에 존재하는 모든 사물, 고유의 특성값과 고유한 행동을 함 ex)자동차는 제조사, 색상, 배기량, 주행거리 등의 다양한 고유 데이터를 갖는데 이를 속성이라고 함. 또한 출발하기, 정지하기, 회전하기, 등의 행동을 취하는데 이러한 행동을 메서드라고 함. 객체는 ..

CONTENTS JavaScript9.함수1)함수의 정의2)함수의 호출3)내장함수 ---------------------------------------------------------------  JavaScript  9.함수 1)함수의 정의(1)개념-특정 작업이나 계산을 수행하기 위해 정의된 코드 블록으로 특정 기능을 구현한 것으로 '무언가'에 의해 호출되었을 때 실행함. 따라서 여러 프로그램에서 많이 사용하는 것을 하나의 함수로 정의하여 놓으면 매번 반복하여 코딩하지 않고 불러 사용하면 유용함 (2)구조 입력값     →     함수 f(x)      →    출력값(재료)             (기능수행)         (결과값에 대한) ◎함수 선언 방법 function 함수이름 (매개변수 1,2..

CONTENTS JavaScript8.반복문추가.1. 변수/함수의 적용범위(스코프)             2. var의 문제점과 개선                                   -------------------------------------------- JavaScript 8.반복문 ◎for문-반복문을 사용하면 같은 코드를 여러 번 작성할 필요 없이, 간단한 구조로 반복적인 작업을 수행 1)개념-"특정 횟수만큼" 코드를 반복하고 싶을 때 주로 사용함 2)사용법 for (초기식; 조건식; 증감식) {//조건식이 참일 때 반복 실행할 코드} -초기식: 반복 변수값을 초기화하며, 처음 단 한 번만 실행됨  ex) var i = 0; (시작값에 따라 달라짐)-조건식: 블록 내 문장을 얼마나..

CONTENTS JavaScript6.배열7.조건문연습문제 ------------------------------------------- JavaScript 6.배열 ◎배열-서로 관련된 변수들을 묶어 하나의 이름으로 공유한 자료형 ◎배열의 필요성-데이터를 담기 위해서는 변수와  값이 필요한데 관련된 내용의 데이터들이 100개 이상이라면 변수 선언과 초기화 및 접근에서 너무 힘듬, 이때 배열을 사용하면 관련 문제들이 사라짐 var userName01 = "HongGilDong";var userName02 = "이순신";var userName03 = "김유신";...var userName100 = "세종대왕"; 위의 문장은 아래와 동일 var userName = ["HongGilDong", "이순신", "김..

CONTENTS JavaScript4.변수5.연산자 ------------------------------------- JavaScript 4.변수 ◎부울형-.ture와 false 두 값 중 하나만 기억함. 일반적으로 부울형은 비교 연산 결과값을 기억함. 주로 조건문에서 실행 조건을 제어하기 위해 사용됨 데이터에 따른 자료형_부울형  script>    var boolean01 = true;    var boolean02 = false;    var boolean03 = 12;    var boolean04 = 0;    var boolean05 = NaN;    var boolean06 = "abc";    var boolean07 = "";    var boolean08 = null;    var b..

CONTENTS CSS hover 기능 JavaScript1.프로그래밍 개념2.자바스크립트 개념3.자바스크립트 맛보기4.변수 ----------------------------------------------- CSS hover 기능 htmlbody>    div id="box_row">        div id="first">            div class="main_box1">                img src="./img3/p1.png" alt="">                div class="text">                    span>Mens's shirtspan>                    span>$95span>                div>     ..

CONTENTS CSS 기능 실습1. 고정 라벨 슬라이더2. 탭 --------------------------------------------------------------------------- CSS 기능 실습 1. 고정 라벨 슬라이더 예제)boxing htmlbody>    header id="header_top">    div class="header_line container">      div class="left_icon">        ul class="line_icon">          li>a href="#">i class="fa-brands fa-facebook-f">i>a>li>          li>a href="#">i class="fa-brands fa-twitter">i..