Gentleman'study 젠틀맨

- setInterval 함수 : 일정한 시간 간격으로 작업을 수행하기 위해서 사용합니다.clearInterval 함수를 사용하여 중지할 수 있습니다. 주의할 점은 일정한 시간 간격으로 실행되는 작업이 그 시간 간격보다 오래걸릴 경우 문제가 발생할 수 있습니다. 1. setInterval 사용예 "시작" 버튼을 누르면 StartClock() 함수에서 timerId = setInterval(PrintTime, 1000); 을 호출하여 1000ms(1초) 간격으로 PrintTime() 함수를 호출하여 현재 시간을 출력합니다. 이때 반환값을 timerId 변수에 저장해 둡니다. 나중에 중지하는데 사용됩니다. setInterval함수를 호출하기전에 PrintTime()을 한번 호출 하는 이유는 setInterv..

닷닷닷닷 픽셀이란? 픽셀은 사각형의 점으로, 디지털 화상을 구성하는 기본적인 단위이다. 이 점 하나에 해당 색의 정보가 담겨져 있으며, 이는 곧 그림의 용량과 직결된다. 대표적인 포맷은 JPG, PNG, GIF이 있으며, 이를 비트맵 이미지라 한다. 요즈음 대표적인 픽셀은 크롬의 이스터 에그로, 공룡이다. 몰랐지만 엔딩이 있다고 한다 벡터 벡터 이미지는 수학적으로 계산된 경로로 구성된 무한 확대 가능한 디지털 그래픽이다 벡터는 기본적으로 필요에 의해 늘어나거나 구부러질 수 있다 벡터의 점은 좌표계(x,y)로 구성되기 때문에 비트맵의 픽셀과 달리 이미지의 크기 조절이나 변형 때문에 해상도가 깨지지 않는다 또한, 벡터에는 수학이 포함되어 있고, 디자이너는 어도비 일러스트레이터와 같은 프로그램 도구를 사용해 ..

예시 마우스오버를 하면, 서서히 밑줄이 생긴다 구성요소 footer영역으로, h3에는 레이아웃 영역이란 제목이, li목록에는 레이아웃 유형01, 02, 03 등등이 있다. li목록에는 a태그를 주어서, 클릭할 수 있게 만들었다. 방법 li > a에 포지션 relative를 주고, transition을 0.3으로 자연스럽게 한다. 마우스 오버와 마우스 오버하지 않을 때의 차이를 주기 위하여 미세하게 컬러를 바꿔주었다 .footer_menu >div li a { color: rgb(57,57,57); transition: all 0.3s; } .footer_menu >div li a:hover { color: #000; } 가상요소를 주기 위하여 li > a 에 position:relative를 주고, 가상..

개요 가끔, 제목이 길거나 적당히 띄어주지 않으면 내 레이아웃을 넘어서 저 어딘가로 글이 나아가고 있다 그 때 주는 것이 한줄 효과 즉, 한 줄로 나타내는 것인데 이것을 분해해보겠다 분해 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } overflow: hidden; 글이 넘치는 걸 숨겨준다! 정해진 크기에 맞게 딱 없었던 것 처럼 잘라 쓰기 편하다 white-space: nowrap; white-space란, 공백 문자를 처리하는 방법이다. nowrap을 하게 되면 줄글이 밑으로 가지 않게 한다 text-overflow: ellipsis; 출처 : https://aboooks.tistory.com/382 text-overflow는..

집계 함수 CREATE TABLE myRecode ( recodeID int(10) unsigned auto_increment, memberID int(10) unsigned, javascript tinyint unsigned NOT NULL, html tinyint unsigned NOT NULL, css tinyint unsigned NOT NULL, myspl tinyint unsigned NOT NULL, react tinyint unsigned NOT NULL, PRIMARY KEY (recodeID) ) charset=utf8; INSERT INTO myRecode(memberID, javascript, html, css, myspl, react) VALUES(1, 80, 40, 10, 10,..

테이블 합치기 JOIN 사용하기 SELECT 필드명 FROM 테이블명 엘리어스 JOIN 연결할 엘리어스 ON(조건문); SELECT m.youName, m.youEmail, r.youCont, r.regTime FROM myMember m JOIN myReview r ON(m.memberID = r.memberID); CREATE TABLE myMember ( memberID int(10) unsigned auto_increment, youEmail varchar(40) NOT NULL, youName varchar(20) NOT NULL, youPass varchar(20) NOT NULL, youBirth varchar(12) NOT NULL, youAge varchar(20) NOT NULL, yo..