Atomic Habits

○ DOM Document Object Model 문서를 논리 트리로 표현한다. MDN - Web 개발에 필요한 표준 정의 (https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model) element는 보여지는 요소(출력된 글자, 버튼 등) DOM은 컴퓨터가 이해하는 element의 원형이다. ○ 순수 자바스크립트 ( = Vanilla Js) - 특정 플러그인, 라이브러리, 프레임워크를 사용하지 않은 그 자체의 자바스크립트 - (https://www.w3schools.com/) ○ 샌드박스 CodeSandBox.io - 코드를 실행해보고 테스트하는 사이트 (계정 만들자) static(HTML 기본 파일) 클릭 > 기본 자바스크립트 작업을 웹에..

○ React에 대한 이해 라이브러리 : 개발 편의를 위한 도구의 모음 (공구) 프레임워크 : 기반 구조가 잡혀있음 (공장) ○ React와 다른 Tool 간의 비교 React - 라이브러리 - 선택의 여지, 자유도를 많이 준다. 앵귤러 - 프레임워크 - 모던 웹 개발 플랫폼 Vue.js - 프레임워크 - 프로그래시브 프레임워크 ※ Wappalyzer (크롬 확장프로그램) 특정 웹 페이지가 어떤 프레임워크, 라이브러리를 사용하고 있는지 알아볼 수 있다. - 기술의 트렌드는 빠르게 변한다. 새로운 기술을 빠르게 익히는 능력이 중요하다.

JavaScript에서 변수 선언 방식인 var, let, const 의 차이점에 대해 알아보자. 1. 변수 선언 방식 우선, var는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. var name = 'bathingape' console.log(name) // bathingape var name = 'javascript' console.log(name) // javascript 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다. 이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완하기 위해 추가 된 변수 선..

p.209

참 같은 값 JavaScript에서, 참 같은 값(Truthy)인 값이란 불리언을 기대하는 문맥에서 true로 평가되는 값입니다. 따로 거짓 같은 값으로 정의된 값이 아니면 모두 참 같은 값으로 평가됩니다. (예: false, 0, -0, 0n, "", null, undefined와 NaN 등) JavaScript는 불리언 문맥에서 형 변환 (en-US)을 사용합니다. 다음은 참 같은 값에 대한 예시입니다. JavaScript는 불리언 문맥에서 참 같은 값을 true로 변환하기 때문에 아래의 모든 if 블록을 실행합니다. if (true) if ({}) if ([]) if (42) if ("0") if ("false") if (new Date()) if (-42) if (12n) if (3.14) if ..

기본사이트 구상 : 최종 구현 시스템을 고려하여 프로토 타입 생성 확대, 축소 - 기본 http://openlayers.org/en/latest/examples/accessible.html#map 화면 이동 및 검색 목록 클릭시 이동 - http://openlayers.org/en/latest/examples/animation.html http://openlayers.org/en/latest/examples/center.html - http://openlayers.org/en/latest/examples/navigation-controls.html 마크표시 + 이동경로 - 기본 및 전제조건, 부가기능 기능 http://openlayers.org/en/latest/examples/draw-features...

자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다. .createElement() .createTextNode() .appendChild() .createElement()는 요소를 만듭니다. 예를 들어 .createElement( 'h1' ) 은 다음과 같은 코드를 생성합니다. .createTextNode()는 선택한 요소에 텍스트를 추가합니다. 예를 들어 .createTextNode( 'My Text' ) 는 My Text라는 문자열을 만듭니다. .appendChild()는 선택한 요소 안에 자식 요소를 추가합니다. 다음은 Click이라는 텍스트를 가진 button 요소를 추가하는 예제입니다. 참조 : https://www.coding..

labal 속성은 주로 라디오버튼이나 체크박스를 쓸 때 주로 사용된다. 라디오버튼이나 체크박스 아이콘은 직접 누르기에 작기때문에 옆에 설명글을 클릭했을 때 버튼이 선택되도록 기능한다. 평상시에는 요렇게 label 태그가 input 태그를 감싸는 형태로 작업을 해왔었다. 예 아니오 하지만 for 속성을 이용하면 텍스트에만 label 태그를 붙여준다. yes no label태그를 클릭했을때 선택될 라디오버튼의 id를 for 속성값을 넣어주면 된다. 위, 아래 두 방법 어떤걸 쓰는가는 사용하는 사람 마음이지만 이왕이면 웹표준에 맞게 작업하는게 좋을것 같다.

/* Javascript */ // create element (form) var newForm = document.createElement('form'); // set attribute (form) newForm.name = 'newForm'; newForm.method = 'post'; newForm.action = 'https://ifuwanna.tistory.com/196'; newForm.target = '_blank'; // create element (input) var input1 = document.createElement('input'); var input2 = document.createElement('input'); // set attribute (input) input1.setAt..