addike.log

스파르타 2주차(1)

Sat, 26 Mar 2022 05:24:16 GMT

jquery+Javascript 연습

1) 버튼을 눌렀을 때 입력한 글자로 alert 띄우기

function q1() {
    let txt = $('#input-q1').val();

    if (txt == '') {
        alert('입력하세요!')
    } else {
        alert(txt)
    }
 }

2) 이메일 판별해 도메인 alert 띄우기

function q2() {
    let txt = $('#input-q2').val();

    console.log(txt.includes("@"))

    if (txt.includes("@")) {
        let domain = txt.split('@')[1].split('.')[0]
        alert(domain)
    } else {
        alert('이메일이 아닙니다.')
    }
}

3) 이름 붙이고, 지우기

function q3() {
    let txt = $('#input-q3').val();
    let temp_html = ${txt}

    $('#names-q3).append(temp_html) 
}

function q3_remove() {
    $('#names-q3').empty()
}

차근차근히 풀어나가는게 중요! 중간중간 console.log()로 확인하기!

스파르타 1주차

Thu, 24 Mar 2022 08:48:05 GMT

간단하게 정리!

#자주 쓰이는 CSS기초

배경관련

background-color background-image background-size

사이즈

width height

폰트

font-size font-weight font-famliy color

간격

margin padding

모서리 둥글게

border-radius

#주석처리

단축키: 주석처리하고 싶은 라인들을 선택 → ctrl(또는 command) + / (슬래시)

#자바스크립트

function hey(){ alert('안녕!'); }