Javascript - setTimeout
javascript에서 일정 시간이 지연된 다음 동작이 수행되게 하려면 를 사용하면 됩니다. 즉 milli-second가 경과된 다음 가 args를 넘겨 받아서 실행됩니다. 혹은 다음처럼 function을 미리 정의한 다음 사용할 수도 있습니다....
Javascript - DOM methods - querySelector, getElementById
javascript에서 문서 내에 존재하는 element들을 selector, id를 통해 탐색하고 해당 요소의 성질을 변경하는 코드를 작성하였습니다. Example 간단하게 다음과 같은 코드를 작성하였습니다.
Javascript - addEventListener method
html의 특정 요소에 특정한 event(ex: 마우스 클릭)가 발생했을 때 특정한 동작이 수행되도록 하는 방법을 정리합니다. 다음은 에 마우스 클릭이 발생하면 를 해주는 코드입니다. DOM Events 다음과 같은 Event들이 있습니다. 자세...
JavaScript 코드 html에 연결하기
1 - html 내에 javascript 코드 그대로 넣기 다음처럼 html 파일 내에 javascript 소스를 그대로 집어넣을 수도 있구요. 2 - html 내에 javascript 파일 경로 넣기 아래처럼 파일에는 다음을 작성하고 에는 다음...
Javascript - Array
Javascrip의 Array를 간단히 정리하였습니다. Array는 메소드로 다음처럼 실행할 수도 있죠. 를 사용해서 subArray를 만들 수도 있죠.
JavaScript - IDE
Bracket 1.14.2 버전을 다운받았습니만, 설치가 되지 않아서 Atom으로 넘어가도록 하겠습니다. JS IDE로 VScode가 좋다는 의견이 많은데, VScode는 블로그에 글을 쓰는 텍스트 에디터로 픽스되어 있는 상황입니다. 하나의 ID...
Mermaid - Flow Chart를 그려보자.
Mermaid - 다양한 diagram을 그려보자 저는 블로그에서 mermaid-js을 CDN을 사용해 include하고, post에서 다음의 방식을 통해 Diagram이 그려지도록 설정한 상황입니다. 본 포스팅에서는 Flow Chart를 그리는...
github page에서 Mermaid를 사용하여 diagram 그리기
What is mermaid? mermaid는 마치 html을 보다 간편한 문법인 Markdown을 통해 그릴 수 있도록 해준 것처럼, 복잡한 diagram을 마치 마크다운처럼 편한 문법으로 그릴 수 있도록 해주는 tool입니다. 가령, 아래와 ...
Node.js - overview and install.
intro 내가 가지고 있는 기술 스택을 간략히 정리해보자면, 주 언어는 python이고, Database에 대해 일정 이상의 지식을 보유하고 있고, 동시에 데이터 분석 + 머신러닝에 대해서도 꽤 괜찮은 지식을 가지고 있다. 졸업 논문에서는 개발...
html의 select 로 정해진 값 javascript로 가져오기.
select로 정해진 값 가져오기. html에서는 다양한 요소를 통해서 사용자가 원하는 input을 정의할 수 있습니다. 이 때, 라는 드롭다운형태의 박스를 정의할 수도 있죠. 이것을 정의하고, 값이 변경되었을때(정확히는 input이 발생했을 때...