퍼블리싱 아카이브

See the Pen setTimeout(), setInterval() by breeghty (@breeghty) on CodePen. setInterval 함수 사용방법 setInterval(function(){}, ms) setInterval(function(){ console.log("hello world!"); },1000) //1초에 한번씩 콘솔창에 hello world가 출력된다. setInterval 함수 중지 방법(clearInterval(변수)) //1. 변수를 할당한다. let timerFunc = setInterval(function(){ document.getElementById('numCount').innerHTML=count; count--; console.log(count); ..

https://velog.io/@effort_jk/setInterval-clearInterval-%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-%ED%95%A8%EC%88%98-%EB%B0%98%EB%B3%B5-%EC%A4%91%EB%8B%A8-%EC%9E%AC%EC%8B%9C%EC%9E%91 setInterval / clearInterval 을 이용한 함수 반복 중단, 재시작 setInterval(콜백함수, 시간) 는"시간(ms)"을 간격으로 "콜백함수"를 반복 호출 하는 함수이다.return 값으로 interval을 식별하는 interval ID를 갖는다??나중에 clearInterval() 을 사용하여 제거할 수 있다.함수 velog.io

로직: 퀴즈 문제를 입력할 기회를 세 번 준다. 성공하면 alert창으로 '성공'알림이 뜬다. 실패하면 다시 시도하라는 문구가 등장한다. 3번이상 틀릴 경우 정답을 알려준다. See the Pen Untitled by breeghty (@breeghty) on CodePen.

See the Pen 모달창 만들기 by breeghty (@breeghty) on CodePen.

https://focus-on-my.tistory.com/91

See the Pen Untitled by breeghty (@breeghty) on CodePen.

https://www.daleseo.com/html-meta-tags-for-seo/ 메타 태그를 통한 검색엔진 최적화 (SEO) Engineering Blog by Dale Seo www.daleseo.com https://www.ascentkorea.com/heading-tag-seo/ H태그(헤딩, 표제요소) 최적화하기 - 어센트 코리아 HTML은 문서의 논리 구조를 전달하는 데 적합한 문법을 가지고 있습니다. 그 중에서도 페이지의 1레벨 표제주제와 그에 속하는 하위 레벨 표제의 구조를 단계적으로 표현해주는 것이 〜tag www.ascentkorea.com https://allthatstartup.tistory.com/71 구글 SEO (검색엔진 최적화) 에 대한 정리 「메타태그」 anasshad님..

1. App.js 리액트 라이브러리를 이용하면 spa(single page application)을 만들 수 있다. 리액트는 html과 js 문법이 합쳐진 jsx 문법을 사용하는데 화면에 나타나는 페이지를 App.js를 통해 작성한다. css도 App.css를 통해 작성한다. 2. index.html 3. index.js App.js와 index.html을 연결해주는 파일이다.

no such file or directory, open 'D:\react\package.json' vs code에서 npx create-react-app 프로젝트이름 을 입력한 뒤 App.js에서 npm run start를 누르자, 위와 같은 경고문이 등장했다. 이 경우에는 다음과 같은 명령문을 터미널에 입력해주면 된다. cd 프로젝트명 npm start 그러면 오류가 해결 되고 제대로 리액트가 실행된다.

1. 마우스 이벤트 click : 마우스 버튼을 클릭했을 때 dbclick: 마우스 버튼을 더블클릭했을 때 mousedown: 마우스 버튼을 눌렀을 때 mouseup: 누르고 있던 마우스 버튼을 놓았을 때 mousemove: 마우스 커서를 움직였을 때 mouseenter: 마우스 커서를 HTML 요소 안으로 이동했을 때(버블링X) mouseover: 마우스 커서를 HTML 요소 안으로 이동했을 때 (버블링O) mouseleave: 마우스 커서를 HTML 요소 밖으로 이동했을 때(버블링x) mouseout: 마우스 커서를 HTML 요소 밖으로 이동했을 때(버블링O) 버블링에 대한 것은 아래 링크를 참고 https://ko.javascript.info/bubbling-and-capturing 버블링과 캡처링..