Land of Joe

1. setTimeout, setInterval 5초 이내 구매시 사은품 증정! 2. 정규식 만들기 /\S+@\S+\.\S+/.test(aaa@bbb.ccc) == true; 3. Carousel 캐러셀 만들기 ◀️ 1 2 3 ▶️ 사진 세 개를 가로로 나열하고 그에 따른 버튼 세 개도 만든다 .slide-container { width:300vw; transition: all 1s; } .slide-box { width:100vw; float:left; } .slide-box img { width:100% } 각 이미지를 감싸는 div인 .slide-box는 100vw, 전체 이미지를 감싸는 div인 .slide-container는 300vw로 설정함으로써 하나의 이미지가 보여지는 영역 전부를 차지하도..

Hello World:) 네이버 블로그에 글을 쓴 지도 벌써 4년째인데 낯선 곳에서 새로운 시작을 하려니 왜이렇게 어색하고 어려운지 모르겠다. 나는 본래 글 쓰는 것을 좋아하지만 감정을 뺀 객관적인 진술보단 아주 사소하고 개인적인 이야기가 위주였기에 그런 것 같다. 이 공간은 개발자로서의 나, 느리더라도 꾸준한 성장을 기록하기 위한 공간이다. 프론트엔드 개발자를 목표로 공부하고 있다. 이러한 목표를 갖기까지 참 멀리도 돌아왔다. 경영학을 전공하다가 VR/AR 산업에 관심이 생겨 소프트웨어를 공부하고 싶다는 생각에 소프트웨어융합공학 연계전공을 시작했다. 연계전공을 시작한 첫 학기엔 컴퓨터네트워크, 둘째 학기엔 파이썬 기초와 자료구조론을 동시에, 셋째 학기엔 데이터베이스와 알고리즘을 수강하였다. 넷째 학기엔..

setTimeout() : 일정 시간이 지나면 코드를 실행해주는 자바스크립트의 기본 함수 setInterval() : 일정 시간마다 코드를 실행해주는 자바스크립트의 기본 함수 setTimeout(function(){실행코드}, 시간); setInterval(function(){실행코드}, 시간); 시간은 ms 단위 (1000ms는 1초) setTimeout 예시) 5초 후에 div 박스 사라지게 만들기 5초 이내 구매시 사은품 증정! setInterval 예시) 5초 중 1초마다 숫자 작아지고 타임아웃되면 div 박스 사라지게 만들기 5초 이내 구매시 사은품 증정! countDown이라는 콜백함수를 만들었지만 document.querySelector('.min').innerHTML이 중복되어 코드가 깔끔..