728x90
반응형
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>자식선택자</title>

    <style>
        span{
            color: red;
        }

        /* 후손 선택자: {부모선택자} {자식선택자} -> 부모 안에 있는 자식을 전부 선택함 */
        body span {
            font-style: italic;
        }
        /* 자식 선택자: {부모 선택자} > {자식 선택자} -> 부모 요소 바로 아래에있느 자식 요소를 선택 */
        body > span {
            color: chartreuse;
        }
        /*  */
        test, div {
            color: chartreuse!important;
        }

    </style>

</head>

<body>
    <span>ONE</span>
    <span>ONE BY ONE</span>
    <div>
        <span>TWO</span>
        <div>
            <test>TEST</test>
            <span>Three</span>
            <span class="f">Four</span>
            <span id="five">Five</span>
        </div>
    </div>    
</body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

font연습  (0) 2022.12.28
CSS형제선택자 연습  (0) 2022.12.28
CSS연습  (0) 2022.12.28
폰트연습  (1) 2022.12.25
form활용하기  (0) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>CSS연습</title>

    <style>
        /* 
            요소 선택자(Element Selector): 태그 이름으로 선택
            클래스 선택자(Class Selector): 태그의 class 속성(Attribute)로 선택한다 <- 가장 많이 사용
            아이디 선택자(ID Selector): 태그의 id 속성으로 선택한다. (#을 붙임)
        
        */
        
        a {
            color: #FFFFFF;
            color: green;
        }

        .color-blue {
            color: blue;
        }
        .text-big{
            font-size: 50px;
        }

        #a-id {
            color: chartreuse;
        }
        


    </style>

</head>
<body>
    <a href="#" style="color: red; text-decoration: none;">I'm Red</a>
    <br><a href="#">JUST A</a>
    <br><a href="#" class="color-blue text-big">I'm big</a>
    <br><a href="#" id="a-id">I'm ID</a>
</body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

CSS형제선택자 연습  (0) 2022.12.28
CSS연습(자식선택자)  (0) 2022.12.28
폰트연습  (1) 2022.12.25
form활용하기  (0) 2022.12.25
HTML 날짜입력 메뉴 만들기  (0) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>폰트연습</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
        @font-face {
            font-family: '빙그레체';
            src: url(BinggraeSamanco.ttf);
        }
        
        .first {
            font-family: 'Nanum Brush Script', '빙그레체';
            font-size: 16px;
        }
        .second {
            font-family: 바탕;
            font-size: 1rem;    
            font-style: italic;
            font-weight: bold;
        }
        a {
            color: black;
            text-decoration: none;
        }
        p {
            text-align: center;
            background-color: blanchedalmond;
        }
        span{
            color: rgba(0, 0, 0 0.255);
            font-size: 60px;
            line-height: 2;
            text-shadow: 20px 20px 3px red;
            letter-spacing: 10px;
            text-align: center;  
            background-color: darkgoldenrod;  
        }
    </style>
</head>
<body>
    <p>
        <span>CSS3</span><br>
    </p>
    <a href="#">이동하기버튼</a>
    <p class="first">
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>
    <p class="second">
        It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
    </p>
</body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

CSS연습(자식선택자)  (0) 2022.12.28
CSS연습  (0) 2022.12.28
form활용하기  (0) 2022.12.25
HTML 날짜입력 메뉴 만들기  (0) 2022.12.25
HTML간단한 입력칸  (0) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>지원서</title>

    <style>
        *{
            color: #2b5566;
        }


    </style>


</head>
<body>
    <fieldset>
        <h1>프런트엔드 개발자 지원서</h1>
        <form>
            <span>HTML, CSS, 자바 스트립트의 기술을 이해하고 실무 경험이 있는 분을 찾습니다.</span>
            <hr>
            <p style="color: darkturquoise;"><b>개인 정보</b></p>
            <ul>
                <li><label for="name_1">이름</label><input type="text" placeholder="공백 없이 입력하세요." name="name_1"></li>
                <li><label for="tel_1">연락처</label><input type="tel" name="tel_1" placeholder="전화번호 입력"></li>
            </ul>
            
            <p><b>지원 분야</b></p>
            <ul>
                <li><label><input type="radio" name="radio_1" value="pub">웹 퍼블리싱</label></li>
                <li><label><input type="radio" name="radio_1"  value="app">웹 어플리케이션 개발</label></li>
                <li><label><input type="radio" name="radio_1"  value="env">개발 환경 개선</label></li>
            </ul>

            <!-- 
                input을 select처럼 사용 ->
                input의 name : key 
                option 의 value : value 
            -->
            선택하세요<input type="text" list="test" name="list">
            <datalist id="test">
                <option value="값1">선택1</option>
                <option value="값2">선택2</option>
            </datalist>









            <p><b>지원 동기</b></p>
            <label for="area"></label>
            <textarea name="area" id="textarea" cols="90" rows="5" placeholder="본사 지원 동기를 간략히 써 주세요."></textarea>

            <br>
            <input type="submit" value="접수하기">
            <input type="reset" value="다시쓰기">
        </form>
    </fieldset>
</body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

CSS연습  (0) 2022.12.28
폰트연습  (1) 2022.12.25
HTML 날짜입력 메뉴 만들기  (0) 2022.12.25
HTML간단한 입력칸  (0) 2022.12.25
함수(let)  (2) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>날짜입력</title>
</head>
<body>
    <form action="">
        <h1>날짜 지정하기</h1>
        <input type="date">
        <input type="month">
        <input type="week">

        <!-- hr  : 셀프테그로, 문단을 나눠주는 줄을 생성한다. -->
        <hr>

        <h1>시간 지정하기</h1>
        <input type="time">
        <!-- 연월일 시분초 -->
        <!-- 현재 있는 지역을 기준으로 하는 지역시 -->
        <input type="datetime-local"> 

        <h1>범위 지정하기</h1>
        <input type="date" min="2021-09-14" max="2023-09-14">
        <input type="month">
        <input type="week">


    </form>
</body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

폰트연습  (1) 2022.12.25
form활용하기  (0) 2022.12.25
HTML간단한 입력칸  (0) 2022.12.25
함수(let)  (2) 2022.12.25
조건문  (0) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>입력</title>
</head>
<body>
    <!-- input : 사용자로부터 입력값을 받기위한 태그 -->
    <!-- value : 텍스트를 입력하기 전에 자동으로 작성되어있는 값, 다른 페이지에게 정보 전달용으로 사용 -->
    <!-- placeholder: 입력을 받기 전에 input같에 보여줄 텍스트 내용을 작성. 사용자가 입력하면 사라짐. -->
    id: <input type="text" maxlength="10" value="fnvit"><br>
    pw: <input type="password" required><br>
    tel: <input type="tel"><br>
    url: <input type="url" placeholder="***.***.*** 형식으로 입력하세요"><br>
    email: <input type="email"><br>
    마우스 <input type="checkbox" checked>
    키보드 <input type="checkbox"><br>
    <!-- radio 버튼은 name 속성을 사용하여 하나의 그룹으로 묶는다. -->
    남자 <input name="gender" type="radio" checked>
    여자 <input name="gender" type="radio">
    <!-- number : 숫자만 입력할 수 있는 속성으로, 숫자 형태는 무엇이든 가능. e를 입력하면 자연상수로 취급 -->
    <input type="number"><br>
    <input type="range"><br>

    <!-- 콤보박스, 드롭다운 목록을 생성 -->
    <select name="phone" id="">
        <!-- option : 드롭다운 목록에 들어가는 값들 -->
        <!-- value는 우리눈에 보이는 데이터가 아닌, 서버로 전송할 값을 작성 -->
        <!-- seleted: 처음에 선택되어 있을 값을 성정 -->
        <!-- disabled: 선택을 못하게 막음 -->
        <option value="none" selected disabled>통신사 선택</option>
        <option value="에스케이티">SKT</option>
        <option value="케이티">KT</option>
        <option value="엘지">LG</option>
    </select>

    <input type="button" value="버튼임ㅎ.ㅎ">
    <!-- type="reset" : form요소 안에있는 input값을 전부 초기화하는 속성 -->
    <input type="reset">
    <!-- type="submit : 동일한 form요소 안에 있는 input값을 서버로 전송하는 속성 -->
    <input type="submit">
    <button>버튼임ㅋ.ㅋ</button>
    <!-- 파일을 서버에 전달할 수 있도록 하는 속성 -->
    <input type="file">
    
    <input type="image" src="image/다운로드.jpg" width="50">

    <input type="hidden">



</body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

form활용하기  (0) 2022.12.25
HTML 날짜입력 메뉴 만들기  (0) 2022.12.25
함수(let)  (2) 2022.12.25
조건문  (0) 2022.12.25
이벤트(addEventListener)  (0) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>함수</title>
            <meta charset="UTF-8">
            <script>
                // let 함수이름 = ({매개변수, ...}) => {{구현부}}
                let sayHello = () => {
                    console.log('Hello');
                }

                let saySomething = (msg) => {
                    console.log(msg);
                }  

                sayHello();
                saySomething('Hello world!');

                // 값 a와 b를 매개변수로 전달받아 그 합을 반환하는 함수 sum을 만드세요


                let sum = (a, b) => {
                    return a + b;
                }
                console.log(sum(1, 2));

                // let sum = (a, b) => a + b ; // 위 함수 축약



                // 값 a를 매개변수로 전달 받아 그 수가 짝우인지의 여부를 벼ㅏ노한하는 함수 isEven을 만드세요.

                // 값을 a를 매개변수로 받아 a가 짝수인지 여부를 반환하는 isEven함수를 만드세요.


                let isEven = (a) => {
                    result = a % 2;
                    return a % 2 === 0;
               
                    console.log(result === 0);
                }

                console.log(isEven(10));

                /// 값 a를 매개변수로 전달받아 a가 소수인지의 여부를 반환하는 isPrime 함수를 만드세요
                // 소수 : 2개 이상의 자연수 x에 대해 x를 나누어 떨어지게 할 수 있는 자연수가 1과 x뿐인 수. 가령, 2, 3, 5, 7, 11, 13 등..

                // let isPrime = (a) => {
                //     let divided = false;
                //     for (let i = 2; i < a; i++) {
                //         divided = !divided && a % i ===0;

                //     }
                //     return !divided;
                // }
 
                // console.log(isPrime(13));





                let isPrime = (a) => {
                    let count = 0;
                    for (let i = 2; i < a; i++) {
                        num = a % i;
                        num === 0;
                        return count + 1;
                    }
                    return count === 1;
                }
                console.log(isPrime(3));


                // 정수로 이루어진 배열을 매개변수로 전달 받아 그 중 홀수만을 그 값을 가지는 새로운 배열을 반환하는 filterOdds 함수를 만드세요.
                /*
                let nums = [ 1, 2, 3, 4, 5, 6, 7, 8];
                let oddNums = filterOdds(nums);
                console.log(oddNums); // [1, 3, 5, 6]
                */

                // let filterOdds = (nums) => {
                //     let oddNums = [];
                //     for (let i = 0; i < nums.length; i++) {
                //         if (nums[i] % 2 > 0) {
                //             oddNums.push(nums[i]);
                //         }
                //     }
                //     return oddNums;
                // };
         
                // let nums1 = [1, 2, 3, 4, 5, 6, 7, 8];
                // let nums2 = [50, 51, 52, 53, 54, 55];
                // let oddNums1 = filterOdds(nums1);
                // let oddNums2 = filterOdds(nums2);
                // console.log(oddNums1); // [1, 3, 5, 7]
                // console.log(oddNums2); // [51, 53, 55]

                // 자연수로 이루어진 배열을 매개변수로 전달 받아 그 중 가장 큰 수를 반환하는 함수 getMax를 만드세요. 이떄 매개변수인 배열은 수자 순서대로 정렬되어 있지 않습니다.
                // let getMax = ...
                // let nums1 = [107, 36, 1198, 19];
                // let nums2 = [960, 388, 3190, 55];
                // console.log(getMax(num1)); //1190
                // console.log(getMax(num2)); //3190
               
               
                let getMax = (num) => {
                    let result = 0;
                    for (let i = 0; i < num.length; i++) {  
                        if (result < num[i]){
                            result = num[i];
                        }
                    }
                    return result;
                };
                let nums1 = [107, 36, 1198, 19];
                let nums2 = [960, 388, 3190, 55];
                console.log(getMax(nums1)); //1190
                console.log(getMax(nums2)); //3190



                // 자연수로 이루어진 배열 nums 중 짝수만을 새로운 배열로 만들어 반환하는 filterEvens함수를 만드세요. 단 이떄 중괄호('{', '}') 를 사용 할 수 없습니다.
               
                let nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
                let filterEvens = (a) => a.filter(x => x % 2 === 0);
                console.log(filterEvens(nums));


     
                let countries = {
                    au: {
                        area: 7688000,
                        name: '호주',
                        population: 2569
                    },
                    de: {
                        area: 357588,
                        name: '독일',
                        population: 8324
                    },
                    fr: {
                        area: 543940,
                        name: '프랑스',
                        population: 6739
                    },
                    gd: {
                        area: 243610,
                        name: '영국',
                        population: 6722
                    },
                    jp: {
                        area: 377975,
                        name: '일본',
                        population: 12580
                    },
                    ko: {
                        area: 100210,
                        name: '한국',
                        population: 5178
                    },
                    us: {
                        area: 9834000,
                        name: '미국',
                        population: 32950
                    },
                };
               
                // 단, countries 변수르 이용해야하며 이 변수의 쌍이 유동적을 ㅗ추가/삭제 되었을 때에도 아래 두 함수는 유연하게 대응하여야 한다. 즉, switch나 if 노가다 하지 말라는 뜻.
               
                // 매개변수로 주어진 문자열 code와 일치하는 국가의 이름(name)을 반환하는 함수 codeToName을 만드세요. 단 이때 정의되지 않는 코드가 입력될 경우 '존재하지 않는 코드' 라는 문자열을 반환하세요.
                // 가령, console.log(codeToName('ko')); '한국'
                //       console.log(codeToName('xy')); '존재하지 않는 코드'
               
                // 매개변수로 주어진 문자열 name과 일치하는 국가의 코드(code)를 반환하는 함수 nameToCode를 만드세요. 단 이때 주어진 name을 가지는 오브젝트가 없을 경우 '존재하지 않는 이름' 이라는 문자열을 반환하세요.
               
                // 가령, console.log(nameToCode('한국')); 'ko'
                //       console.log(nameToCode('러시아')); '존재하지 않는 이름'
               
               
                let codeToName = (code) => {
                    let keys = Object.keys(countries);
                    let name = '존재하지 않는 이름';

                    keys.forEach(name => {
                        if(keys.indexOf(code) > -1){
                            name = countries[code].name;
                        }
                    })
                   
                    return name;
                };
         
                console.log(codeToName('ko')); //'한국'
                console.log(codeToName('xy')); //'존재하지 않는 코드'




                let nameToCode = (name) => {
                    let keys = Object.keys(countries);
                    let code = '존재하지 않는 이름';
                    keys.forEach(key => {
                        if(countries[key].name === name){
                            code = key;
                        }
                    })
                    return code;
                };
                console.log(nameToCode('한국'));
                console.log(nameToCode('러시아'));


               

                let students = {
             
               
                };



                let addStudent = (id, name, age, contact) => {
                    students[id] = {
                        'name':name,
                        'age':age,
                        'contact':contact
                    };



               
                };
               
               
             
               
                console.log(addStudent('A', '김학생', 22, '010-0000-0000'))
                console.log(addStudent('B', '이학생', 62, '010-7000-0030'))
                console.log(addStudent('C', '박학생', 54, '010-7422-0030'))
                console.log(students)

                // 다음 매개변수 id, name, age, contact 총 네 개를 전달받아 위 'students' 오브젝트에 추가하는 함수 addStudent를 만드세요. 단 , 'students'오브젝트 학생을 추가할 때에는 위 매개변수 중 id 값을 키로 사용하고 그 값은, name, age, contact 키 총 세개를 위 매개변수 값과 쌍이되도록 가지는 오브젝트입니다. 또한 위 매개변수 id를 이미 키로 가지고 있다면 그 값을 수정하도록 합니다.
                // 가령, addStudent('A', '김학생', 22, '010-0000-0000');을 호출하면 위 'students' 오브젝트의 구조는 아래와 같이 변합니다.
                /*
                {
                    'A':{
                        name: '김학생',
                        age: 22,
                        contact: '010-0000-0001'    
                    }
                }
                */
            //     위 상태에서 addStudent('A', '이학생', 30, '010-0000-0001'); 를 호출하게 되면 이미 students 오브젝트에는 'A'를 키로 가지는 쌍이 있음으로 그 값의 내용만 수정하여 아래와 같이 변경되게 합니다.
            /*
            {
                    'A':{
                        name: '이학생',
                        age: 30,
                        contact: '010-9999-9999'    
                    }
                }
            */


            let printStudent = (id) => {
                let keys = Object.keys(students);
                if(keys.indexOf(id) > -1){
                    let student = students[id];
                console.log('이름 : ' + student.name)
                console.log('나이 : ' + student.age)
                console.log('연락처 : '+ student.contact)
                }
                else {
                    console.log('일치하는 학생이 없습니다.')
                }
               
            }    
 
           
            console.log(printStudent('A'));
            console.log(printStudent('ㅁㄴㅇ'));
     
       
                // id 를 매개변수로 받아 학생의 정보를 출력하는 함수  printStudent를 만드세요
                // printStusent('A') 의 결과는 다음과 같습니다
                /*
                이름: 김학생
                나이: 20
                연락처: 010-0000-0000
                */
               // 단 이 때, 전달 받은 id와 일치하는 학생이 없다면 '일치하는 학생이 없습니다.' 를 출력하세요
               // 문자열 합치기는 java 와 같이 '+' 기호를 사용합니다.

               // id를 매개변수로 받아 학생을 삭제하는 함수 deleteStudent를 만드세요. 단, 그러한 학생이 있어 삭제했을 경우 true를, 그런 학생이 없이 삭제하지 못했을 경우 false를 반환하세요
               // deleteStudent('A');//true
               // deleteStudent('sdf');//false
               let deleteStudent = (id) => {
                let keys = Object.keys(students);
                if(keys.indexOf(id) > -1){
                    delete students[id];
                    return true;
                }
                else {
                    return false;
                }
               };






               // id 를 매개변수로 받아 해당 id를 키로 가지는 학생이 있는가에 대한 여부를 반환하는 함수 studentExists를 만드세요
               // studentExists('A')//
               // studentExists('ABSD')//
             

           
           
/////////////////////////////////////////
            // let studentExists = (id) => {
                // let keys = Object.keys(students);
               
                //     if(keys.indexOf(id) > -1){
                    //         return true;
                    //     }
                    //     else {
                        //         return false;
                        //     }
                        //    }
           
           
/////////////////////////////////////////
            // let studentExists = (id) => {
                //     let keys = Object.keys(students);
                //     let result = keys.indexOf(id) > -1
                //     return result;
                // }  
   
/////////////////////////////////////////
     
            let studentExists = (id) => (Object.keys(students)).indexOf(id) > -1
             

            console.log(studentExists('A'))// true
            console.log(studentExists('Aasd'))//false



            // students 오브젝트가 가지고 있는 모든 쌍을 출력하는 함수 printAllStudent를 만드세요.
            //가령 현재 상황에서 printAllStudent()를 호출하면 다음과 같이 출력이되면 됩니다.
            /*
            이름: 김학생
            나이: 20
            연락처: 010-0000-0000
            --------------------
            이름: 김학생
            나이: 20
            연락처: 010-0000-0000
            */
           //기존에 작성되어 있는 코드를 활용하고, 새로 작성하는 코드 내에서는 'console'이라는 키워드를 단 한번만 사용하세요.
               
           
                // 논리적을 모든 쌍에 어떻게 접근할 것인가.?
                // 언제 구분선을 출력하고 언제 하지 않아야 하는가?
                // 외부 코드를 활용하여 학생 정보를 어떻게 출력할 것인가?


            let printAllStudent = () => {
                let keys = Object.keys(students);
                for (i= 0; i < keys.length; i++) {
                    let key = keys[i];

                    printStudent(key);
                   
                    if(i < keys.length -1) {
                    console.log('------------------');
                }
                }
                };
            console.log(printAllStudent())
           

        </script>
    </head>
    <body>

    </body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

HTML 날짜입력 메뉴 만들기  (0) 2022.12.25
HTML간단한 입력칸  (0) 2022.12.25
조건문  (0) 2022.12.25
이벤트(addEventListener)  (0) 2022.12.25
요소선택  (2) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>조건문</title>
            <meta charset="UTF-8">
            <script>
                /*
                { ... } : 구현부

                if(조건) {
                    //조건이 참일떄
                } else {
                    // 조건이 거짓일떄
                }



                // else-if 문은 여러번추가될 수 있고 그 어떤 경우에도 else 보다 먼저 나와야 한다.
                if(조건) {
                    //조건이 참일떄
                } else if (조건2...) {
                    // 조건2가 참일때
                }
                } else {
                    // 조건1과 조건2가 모두 거짓일때
                }


                */
               

                /*
                switch (변수) {
                    case 값1:
                        break;
                    case 값2:
                        break;
                    ...
                    default:
                }
                */
                /* 모든 if는 switch로 변환 o*/
                /* 모든 swutch는 if로 변환 x*/
               
                let letter = 'a';
                switch(letter) {
                    case 'a':
                        console.log('에이');
                        break;

                }


                let start = 2;
                switch(start) {
                    case 1:
                        console.log('첫번째 도미노 무너짐');
                    case 2:
                        console.log('두번째 도미노 무너짐');
                    case 3:
                        console.log('세번째 도미노 무너짐');
                    case 4:
                        console.log('네번째 도미노 무너짐');
                    case 5:
                        console.log('다섯번째 도미노 무너짐');
                }


                // 삼항식
                // (조건) ? (참 값) : (거짓 값)
                let n = 5;
                let result = n % 2 === 0 ? '짝수' : '홀수';
                console.log(result);
               
                if (n % 2 === 0) {
                    result = '짝수';
                } else {
                    result = '홀수';
                }
                console.log(result);

            </script>
    </head>
    <body>

    </body>
</html>
728x90
반응형

'코딩일지 > WEB' 카테고리의 다른 글

HTML간단한 입력칸  (0) 2022.12.25
함수(let)  (2) 2022.12.25
이벤트(addEventListener)  (0) 2022.12.25
요소선택  (2) 2022.12.25
오브젝트(키-값)  (0) 2022.12.25

+ Recent posts

728x90
반응형
">