wkun 님의 블로그

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..

CONTENTS CSS 기능 실습1. 고정 라벨 슬라이더2. 탭 --------------------------------------------------------- CSS 기능 실습 1. 고정 라벨 슬라이더 htmlbody>  header id="header_top" class="container">    div class="logo">      Feane    div>    nav>      ul>        li>a href="#">Homea>li>        li>a href="#">Menua>li>        li>a href="#">Abouta>li>        li>a href="#">Book Tablea>li>      ul>    nav>    div>      i class="..

CONTENTS CSS 기능 실습1. 고정 라벨 슬라이더2. 탭3. 학습(slider, tab) ----------------------------------------------- CSS 기능 실습  1. 고정 라벨 슬라이더 예제) htmlbody>  section id="main" class="contanier">    input type="radio" name="slide" id="slide01" checked>    input type="radio" name="slide" id="slide02">    input type="radio" name="slide" id="slide03">    div class="slidebox">      div class="slides">               ..

CONTENTS CSS 기능1. 고정 라벨 슬라이더2. 탭3. 탭 제작 순서4. 실습5. 학습(dropdown)  ----------------------------------- CSS 기능 1. 고정 라벨 슬라이더-콘텐츠를 전환해도 라벨은 고정된 자리에 위치한 슬라이더 ◎기존 슬라이더-콘텐트를 감싼 상자(div/li)를 기준으로 왼쪽/오른쪽 라벨을 각 콘텐츠별로 배치함  ◎ 고정 라벨 슬라이더-콘텐츠를 감싼 상자(div/li)의 기준이 아닌 콘텐츠를 보여주는 화면 즉, 슬라이드 박스 기준으로 왼쪽/오른쪽 라벨을 배치함그렇게 되면 콘텐츠별 라벨이 같은 위치에 겹쳐짐그렇게 되면 라벨에 의한 기능이 제대로 동작하지 않음(라벨들이 겹쳐져 있어서 정확히 어떤 라벨이 눌러졌는지 확인이 어려움) ◎고정 라벨 슬라이..