자바스크립트는 띄어쓰기 실수 대소문자 실수를 할 경우 예민하게 에러를 나타낸다. 하지만 모든 프로그래밍 언어가 동일하다. 세미콜론은 명령이 끝날때 꼭 끝에 붙여줘야 새로운 명령을 내릴 수 있다. 주석 : 코드에 대한 설명을 친절하게 남긴다. 해당 코드에 대한 설명이 필요한 경우 사용한다. 주석은 두가지가 있다. /* */, // 여러줄 주석 /* */ 한줄 주석 // 긴가민가 하거나 바꿔줘야하는 경우 주석을 풀고 다시 설정하며 이용한다. 들여쓰기 : if와 for 이런것들이 나오면 줄바꿔서 쓸 수 있지만 보기 좋게 만들기 위해서 2칸~4칸 정도 띄울 수 있다. 개발자들이 싸우는 경우가 많다~? 스페이스와 탭으로 띄우는 경우 서로의 방식이 달라서 들여쓰기를 해주는것이 보기 좋고 에러가 안나기 떄문에 습관을..
flexbox 명령어는 아직 모든 브라우저에서 상용화되지 않았다고합니다. 작업하는 브라우저를 정확하게 확인하고 작업해야합니다. 그럼이제 flexbox 명령어를 이해해보는 시간을 가져보려합니다. flexbox : 기존 flex, position, table에서 더발전한 명령어입니다. 박스와 아이템들을 횡 또는 열로 자유자재로 정렬해줍니다. 해당 멸령어를 효과적으로 사용할 수 있도록 돕는 명령어들 flex-direction:column; = 아래로 정렬합니다. justify-content:flex-end; = 끝으로 밀어버리는 명령어 justify-content space-between : 사이에 균일한 간격을 줍니다. space-around : 둘레에 균일한 간격을 줍니다. space-evenly : 사이..
https://developer.mozilla.org/ko/docs/Web/Events 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가 developer.mozilla.org 자바스크립트에는 많은 이벤트가 있는데 이 이벤트들을 MDN 에서 검색 할 수 있다. online, offline 이벤트 function handleOffline(){ console.log("offline"); } function handleOnline(){ console.log("offline"); } window.addEventListener("offline",ha..
우리는 이제 첫번째 조건문을 실행해보자! if야! if와 else는 많은 프로그래밍 언어에 있고 if()안에 조건문을 추가할 수 있어! else는 조건문이 거짓일때나오는 값을 설정해줄 수 있지. if ( 10 === 5 ){ console.log("hi"); } else { console.log("ho"); } if ( "10" === 10 ){ console.log("hi"); } else { console.log("ho"); } 여기서 ===는 정확하게 참인것을 나타네 조건이 완벽하게 참이 아닐 경우 ho를 출력하게되지 또한 &&는 and연산을 하고 A&&B 중에 AB 전부 참이 아니라면 거짓이되는거야 ||는 or 연산을 하고 a||b 중에 하나라도 참이면 참이되게되 prompt 프롬프트는 자바스크립..
자바스크립트는 HMTL과 CSS 를 바꾸고 싶어서 만들어지지는 않았어, 자바스크립트는 이벤트를 반응하기 위해 만들어 진 언어지! window.addEventListnener("resize",handleResize); function handleResize(){ console.log("I hanve been resized"); } winodw 요소에 화면을 resize 할때마다 handleResize 함수를 실행하는 이벤트를 추가 시켰어 DOM 요소에 이벤트를 추가할 수 있고, 해당 이벤트가 발생하면 콜백함수가 실행되게된다. window.addEventListnener("resize",handleResize); function handleResize(event){ console.log(event); } 이..