Frontend/JavaScript60 [Javascript] preventDefault a태그나 submit 태그는 누르게 되면 href를 통해 이동하거나, 창이 새로고침하여 실행된다. 이때 preventDefalut를 통해 이러한 동작을 막아줄 수 있다. event.preventDefault() 2021. 7. 20. [Javascript] classList.toggle classList.add : 클래스를 필요에 따라 삽입. classList.remove : 클래스를 필요에 따라 제거. classList.toggle(); 클래스값이 있는지 체크하고 없으면 더하고 있으면 제거한다. 2021. 7. 20. 조건문(if) True if(true){ document.write("true") } else { document.write("false") } //true 1, a, {}, []를 조건문 안에 넣으면 true로 출력된다. False if(false){ document.write("true") } else { document.write("false") } //false 0, "", null, undefined를 조건문 안에 넣으면 false로 출력된다. 다중 if let num = 200; if(num ==10){ document.write("10") } else if(num == 100){ document.write("100") } else if(num == 200){ document.write("200") } //.. 2021. 7. 15. 세로모드에서 가로모드로 스크롤하기. 0 1 2 3 4 @charset "utf-8"; *{ margin:0; padding: 0; } .scroll { position: fixed; left: 20px; top: 20px; z-index: 100000; } #section1{ height:200vh; background: #F3EEE8; position: relative; z-index:6000; } #section2{ height:3000px; background: #000; position: relative; z-index:7000; } #section3{ height: 3000px; background: red; position: relative; z-index:4000; } #section4{ height: 4000px; backg.. 2021. 7. 3. Build process(인터프리터 언어/ 컴파일 언어) Build란? 컴퓨터는 근본적으로 0과 1밖에 모른다. 우리가 작성하는 코드들은 대부분 고급언어를 사용하기 때문에 결국에 컴퓨터가 이해할 수 있도록 번역을 해주어야 한다. 여기서 컴퓨터가 이해하는 언어를 기계어라고 하는데, 프로그래머가 작성한 소스코드를 기계어로 번역하여 실행 가능한 파일로 만드는 과정을 빌드라고 한다. 이러한 빌드 과정은 크게 3가지 방식으로 분류할 수 있는데 Compile : 소스코드 전체를 기계어로 번역함. Interpreted : 소스코드를 한 줄씩 번역하면서 실행함. Hybrid : 소스코드 전체를 중간코드(바이트 코드)로 번역한 뒤 가상머신(VM)에서 한 줄씩 실행함. 1 Compile Type 우리가 작성한 소스코드를 한꺼번에 번역해서 실행파일로 만들어준다. 한마디로 통번역이.. 2021. 7. 2. [Javascript] parseInt() 문자열을 정수로 바꾸는 함수이다. offset 메서드로 인해 소숫점이 많을 때 활용할 수 있다. $(".s1OT").text(parseInt($("#section1").offset().top)); 190.002753 -> 190 2021. 6. 30. 이전 1 ··· 7 8 9 10 다음 반응형
