클래스 목록 요소.classList 클래스 추가 요소.classList.add('클래스명') 클래스 삭제 요소.classList.remove('클래스명') 클래스 토글 요소.classList.toggle('클래스명') 클래스 찾기 요소.classList.contains('클래스명') : 요소에 해당 클래스가 있으면 true
jQuery 스크롤 이벤트 $(window).scroll(function(){ }); (브라우저 스크롤 이벤트는 js 파일에서 한 번만 만들어줍니다. 여러개 안됨!) 스크롤을 내렸을 때 해당 요소 동작시키기 $(window).scrollTop(); : 브라우저의 스크롤 위치값 $('.main2').offset().top + $('.main2').height() * 0.8; : main2의 0.8 정도쯤 왔을 때의 위치값을 변수에 담아서 브라우저의 스크롤 위치가 해당 위치를 지날 때의 동작하도록 합니다. 0.8은 제가 임의로 넣은 값이기에 원하시는 위치값을 계산에 넣어주시면 됩니다.
white-space으로 줄바꿈 요소의 공간을 초록색으로 표시했는데 안의 텍스트가 요소 밖으로 벗어날 경우 white-space: pre-line 을 넣으면 글씨가 줄 바꿈이 됩니다. white-space: nowrap : 줄바꿈 없이 한 줄로 표시
