개발 일기

데이터 저장하기 01 변수 : 데이터 저장 { var x = 100; var y = 200; var z = "javascript"; document.write(x); //100 document.write(y); //200 document.write(z); //javascript } 02 변수 : 데이터 저장 + 데이터 변경 { let x = 100; let y = 200; let z = "javascript"; x = 300; y = 400; z = "jquery"; document.write(x); //300 document.write(y); //400 document.write(z); //jquery } 03 변수 : 데이터 저장 + 데이터 변경 + 데이터 추가 { let x = 100; let y ..

1. clientX, clientY 클라이언트 영역 내의 가로, 세로 좌표를 제공한다. 클라이언트 영역은 현재 보이는 브라우저 화면이 기준. clientX : 브라우저 페이지에서의 X좌표 위치를 반환. clientY : 브라우저 페이지에서의 Y좌표 위치를 반환. 2. offsetX, offsetY 이벤트 대상이 기준이 된다.(화면 중간에 있는 박스 내부에서 클릭한 위치를 찾을 때 해당 박스의 왼쪽 모서리 좌표가 0이 된다. 화면이 기준이 아니다) offsetX : 이벤트 대상 객체에서의 상대적 마우스 x좌표 위치를 반환. offsetY : 이벤트 대상 객체에서의 상대적 마우스 y좌표 위치를 반환. 3. pageX, pageY 전체 문서를 기준으로 x,y 좌표를 반환. 스크롤 화면을 포함해서 측정. pag..

basic advanced expert baic plan 첫번째 페이지 입니다. advanced plan 두번째 페이지 입니다. expert plan 세번째 페이지 입니다. https://www.youtube.com/watch?v=c5uvAIxn07c

ㅈ딘아ㅓ린아런이ㅏㄹ sadlkfjasldkfjasdlkfjasdlkfjasdlk

a태그나 submit 태그는 누르게 되면 href를 통해 이동하거나, 창이 새로고침하여 실행된다. 이때 preventDefalut를 통해 이러한 동작을 막아줄 수 있다. event.preventDefault()

classList.add : 클래스를 필요에 따라 삽입. classList.remove : 클래스를 필요에 따라 제거. classList.toggle(); 클래스값이 있는지 체크하고 없으면 더하고 있으면 제거한다.

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") } //..

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..

Build란? 컴퓨터는 근본적으로 0과 1밖에 모른다. 우리가 작성하는 코드들은 대부분 고급언어를 사용하기 때문에 결국에 컴퓨터가 이해할 수 있도록 번역을 해주어야 한다. 여기서 컴퓨터가 이해하는 언어를 기계어라고 하는데, 프로그래머가 작성한 소스코드를 기계어로 번역하여 실행 가능한 파일로 만드는 과정을 빌드라고 한다. 이러한 빌드 과정은 크게 3가지 방식으로 분류할 수 있는데 Compile : 소스코드 전체를 기계어로 번역함. Interpreted : 소스코드를 한 줄씩 번역하면서 실행함. Hybrid : 소스코드 전체를 중간코드(바이트 코드)로 번역한 뒤 가상머신(VM)에서 한 줄씩 실행함. 1 Compile Type 우리가 작성한 소스코드를 한꺼번에 번역해서 실행파일로 만들어준다. 한마디로 통번역이..

문자열을 정수로 바꾸는 함수이다. offset 메서드로 인해 소숫점이 많을 때 활용할 수 있다. $(".s1OT").text(parseInt($("#section1").offset().top)); 190.002753 -> 190