babydevelopbabydevelop

Javascript, The Arguments Object function makeSum (num1, num2) { return num1 + num2; } makeSum(4, 7); 만약에 위와 같이 어떤 숫자의 합을 구하는 간단한 function을 만들었다고 해보자. 함수 파라미터로 num1, num2에 각각 숫자를 넣으면 그 숫자의 합을 구해서 return하는 함수이다. 그런데 위와 같이 함수를 만들면 우리는 딱 2개의 숫자만 더할 수 있다. 그러니까 즉, 함수를 처음 만들 때 지정한 parameter의 개수만큼만 가져와서 연산할 수 있다는 말이다. 그렇다면 만약에 어떤 경우에는 파라미터로 3, 5, 6, 8을 넘겨주고 이 숫자들의 합을 구하고 어떤 경우에는 7, 34, 2, 7, 8, 23, 4 이..

안녕하세요! Parallax Effect(패럴럭스 이펙트)로 포트폴리오 느낌을 연출해봤습니다. 아직저는 미숙하지만 제걸 보시고 따라시면 여러분은 더 잘하실수 있을거에요!! 각각의 스크롤값에 transform을 줘서 느낌을 연출했습니다~ 안녕하세요! 포트폴리오 사이트입니다. 사이트를 소개해드릴게요! I`ve Been Working In On Sites 사이트 바로가기 사이트 바로가기 사이트 바로가기 사이트 바로가기

뮤직 플레이어가 나오는 사이트를 제작해봤습니다! 처음에 사이트에 들어올때 등록되어있는 노래중 랜덤으로 한곡 시작하게되고 한곡 반복듣기, 랜덤 듣기, 리스트 순서대로 듣기를 구현 하였고 리스트를 누르면 노래 리스트가 나오며 노래 리스트에서 노래를 선택하면 선택한 노래가 틀어지도록 구현하였습니다. 맨아래 참조사이트가 있습니다. 모든소스를 볼수있으니 참조사이트에서 확인하셔도 됩니다! HTML 과 CSS 소스입니다. expand_more Now Playing more_horiz 0:00 0:00 repeat skip_previous play_arrow skip_next queue_music queue_music Music List close Script 입니다. 참조사이트 Music Player expand_m..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); const sliderInner = document.querySelector(".slider__inner"); const slider = document.querySelectorAll(".slider"); const sliderBtn = document.querySelector(".slider__btn"); const sliderBtnPrev = sliderBtn.querySelector(".prev"); const sliderBtnNext = sliderBtn.querySelector(".nex..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); const sliderInner = document.querySelector(".slider__inner"); const slider = document.querySelectorAll(".slider"); const sliderBtn = document.querySelector(".slider__btn"); const sliderBtnPrev = sliderBtn.querySelector(".prev"); const sliderBtnNext = sliderBtn.querySelector(".nex..

//HTML에 클래스 reveal이 있으면 span 태그 넣어주기! document.querySelectorAll("p.reveal").forEach(desc => { let revealtext = desc.innerText; revealtext = "" + revealtext + ""; desc.innerHTML = revealtext; }) function scroll(){ let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; const reveal = document.querySelectorAll(".reveal"); reveal.forEach(elem => { let revealOffse..

//글씨 쪼개기 document.querySelectorAll(".parallax__cont__desc").forEach(desc => { let splitText = desc.innerText; let splitWrap = splitText.split('').join(""); splitWrap = "" + splitWrap + ""; desc.innerHTML = splitWrap; desc.setAttribute("aria-label", splitText); //setAttribute - 속성을 넣어줌 }) function scroll(){ //재귀함수를 사용하여 무한반복하여 스크롤값 찾는 방법 let scrollTop = window.screenY || window.pageYOffset || doc..

function scroll(){ //재귀함수를 사용하여 무한반복하여 스크롤값 찾는 방법 let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; document.querySelector(".scrollTop span").innerText = Math.round(scrollTop); // const img = document.querySelector("#section1 .parallax__cont__img") // img.style.transform = "translateY("+scrollTop/10 +"px)" document.querySelectorAll(".content__item").forE..