계발하는 개발자

만약 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후 호출되도록 예약하려면 타이머 함수를 이용할 수도 있습니다. 이를 호출 스케줄링이라 부릅니다. 지정된 시간마다 함수를 반복 실행할 수 있는 setInterval, setTimeout 타이머 함수에 대해 알아보겠습니다. 자바스크립트는 타이머를 생성할 수 있는 타이머함수 setInterval, setTimeout 와 타이머를 제거할 수 있는 clearInterval, clearTimeout 함수를 제공합니다. setInterval 함수란? 'interval' 이라는 단어에서 알 수 있듯이, 일정한 시간 간격으로 반복 호출되는 함수입니다. ♪ 형식 : setInterval (반복 실행할 함수, ms_단위 시간) ♪ 내가 정한 시간 간격마다 함수가 연..

반응형 웹페이지 제작에 많이 쓰는 사이즈 단위인 rem, em에 대해 알아보겠습니다. 보통의 정적인 요소들에 폰트사이즈를 고정크기인 px(픽셀) 단위로 설정하는 게 일반적이지만, 화면 크기 배율에 따라 상대적인 폰트값을 적용하려는 경우가 생기기 마련입니다. 이때 사용하는 것이 rem, em 되겠습니다. 여기서 1.5em, 1.5rem은 각각 1.5배 해주는 것이라 보시면 됩니다. 앞서 '화면 크기 배율'에 따라 상대적인 크기값을 준다고 정의했는데요, 어떤 것이 배율의 기준이 될까요? 어떤 요소의 1.5배를 말하는 걸까요? 이에 대해 rem과 em은 서로 다른 특징을 지닙니다. rem은 문서의 최상위 부모인 html을 기준으로 배율값을 지정해주는 크기 단위입니다. rem의 뜻은 최상위를 뜻하는 root의 ..

변수란? 값이 여러 번 달라질 수 있는 데이터. (반대로) 상수란, 값을 한 번 지정하면 바뀌지 않는 데이터 나이 = 올해 연도 - 태어난 연도 + 1 = 값이 언제든 변하는 '변수' = 값이 항상 일정한 '상수' 변수 선언 규칙 영문자, 언더스코어(_), 숫자를 사용 첫 글자는 영문자, _ 기호, $기호를 사용 띄어쓰기나 그외 기호는 x Ex) today, _today, today24 (사용 가능) Ex) 24today, today 24, *today (사용 불가) 여러 단어를 연결할 때는 하이픈이나 언더스코어, 대문자 혼용 가능 Ex) total-area, total_area, totalArea 등 변수 명은 의미있게 작성 변수 선언 (단일 변수) var + 변수 var currentyear; var..

📂Flexbox란? CSS의 display 속성 중 하나로, 요소들의 레이아웃 , 정렬 , 그리고 간격을 설정 하는 데 사용할 수 있다. Flexbox 구성요소 - container, item Flexbox를 구성하는 요소들에는 container와 item 두 개념을 들 수 있다. 먼저 위 코드블럭에서처럼 각각의 input들을 감싸는 container가 있다. 여기서 container는 "button" 클래스명의 태그다. container는 flexbox를 사용하기 위해 필수적이며, 지금부터 소개할 여러 속성값을 통해 요소 배치 및 배열 등 적절한 효과를 줄 수 있다. *참고로 flexbox를 사용하기 위해선 container에 반드시 display:flex 속성을 넣어주어야 한다! item은 flexb..