조반짝의 도전일지

함수(function)함수는 일정한 동작을 수행하는 코드를 의미한다.함수를 미리 만들어 놓고 원할 때 실행해 정해진 동작을 수행할 수 있다.함수를 만들 때는 보통 function 예약어를 사용하거나 =>(화살표) 기호를 사용한다.화살표 기호를 사용한 함수를 화살표함수(arrow function)이라고 한다. 반복되는 작업을 함수로 만들어서 호출하기만하면 되기 때문에 코드량을 줄일 수 있다. 형식function() {}//또는() => {} 함수에 이름을 붙여야한다.function a(){}const b = function(){}const c = () => {} 함수  선언문(function declaration statment)함수를 상수(consct)에 대입하는 대신 function 키워드 뒤에 함수 ..

1.함수 불러오기 함수 만들기 함수를 만들고 함수 변수이름을 밑에다가 써야 화면에 출력된다. 함수를 필요할 때마다 불러오는 것이다. 2. 인명함수: 변수 안에 함수를 정의 let i= 0; let theFun = function(){} 인명함수는 반드시 위에서 변수를 지정해야 결과값이 나온다. 순서가 중요함 let i= 0; let theFun = function(){ i++; document.write("bye"+i," "); } theFun(); theFun(); theFun(); 3.배경색 바꾸기 console에서 보면 숫자대로 컬러이름이 나온다. 변수 i값을 초기화 let i =0; 만약에 i가 4와 같으면 4를 갯수로 변경 >> color.length if( i >= 4) i=0; if(i >=..

Notice 3 만들기 column col2 편집 css 편집 .notice3 이미지 사이즈와 li 위치 잡아주기 li에 패딩값을 주어 위치를 잡아준다. (좌표값을 계산해서 잡아주어야한다.) a, span 태그가 인라인 구조여서 한 줄로 나열이 된다. 줄이 떨어지기 위해서 블럭구조로 바꾸어 행이 바뀌도록한다. html에 더보기 넣기 a태그로 더보기 만들어주기 더보기 css 위치 잡기 더보기 a태그 블럭구조로 변경해주고 크기를 지정 백그라운드 이미지 백그라운 포지션을 넣어 이미지를 배치해준다. clumn col5 편집 제목 써주고 ir_su로 글씨 감추어주기 탭메뉴 만들기 ul > li 로 목록 만들고 li 중 한개 의 li 에 class= "active" 를 지정해준다. 공지사항1 ul > li안에 내용..

01 상하 슬라이드 html > 골격 만들어주기 css> reset 하기 css 에 .container / 클래스 태그 style 넣어주기 ● 변수 지정 : const / let 으로 이름 지정가능 ●setInterval: 일정시간 간격으로 애니메이션을 반복할 수 있다. 이미지 상하로 이동하는 슬라이드 @charset "utf-8"; /* reset */ *{ margin: 0; padding: 0; box-sizing: border-box; color: #222; } li{ list-style: none; } a{ color: #222; text-decoration: none; } img{ display: block; } .clearfix::before, .clearfix::after{ content:..