개발 이야기 안하는 개발자

localStorage f12 눌러서 application 누르고 주소 누르면 저장된 내용을 볼 수 있다. Json : JavaScript Object Notation

키보드 이벤트 들어오는 키 값을 가져온다. j 를 누르면 key j 입력 칸 안에 총 몇개의 글자가 들어 왔는지를 확인할 때 사용. click 했을때 이벤트를 막는 내용 타입을 정의한다. 버튼은 말그대로 버튼이고, submit은 버튼인데 누르면 주소가 변경된다. addEventListener로 연결하고, querySelector로 찾는다. 예시) text는 한줄 , Textarea는 박스, p는 수정란 body 내용 스크립트 내용. 버튼을 사용하지 않으니 제거를 해보자 keydown -> keypress -> 입력 -> keyup 순서이기 때문에 keyup을 해야 입력된 결과값으로 계산된다. multiple로 수정하면 shift키나 ctr키를 이용해서 다중선택이 가능해진다. 선택하는것도 바뀌었으니 결과 ..

textContent와 innerHTML의 차이 오른쪽과 같이 같은 결과를 내긴 하지만 큰 차이가 있음. 안에 태그( ) 가 들어가면 결과가 달라짐. textContent는 을 그대로 사용함. innerHTML은 명령을 수행함. 200 x 200 크기의 이미지가 나온다. div로 레이아웃을 여러개 생성한다. div를 모두 가져오고, 색 지정 , 높이 지정한다. header 에 내용 정의후에 body에 자식으로 header를 등록한다. 2초후에 body에서 header를 지우면 떠있는 글자가 없어진다. 클래스로 가져와서 내용을 수정하게 된다.

외부 스크립트 사용하기 웹 프로그래밍에서 결국 User가 볼 수 있는것은 프론트(Html)과 Resources(JS,CSS)에 대한 내용밖에 없다. 이런 페이지를 꾸며줄 수 있는 자원들에 대해서 우리는 CDN이 사용된다. 가져온 스크립트를 새로 만들거나, 외부 주소로 가져올 수 있다. 데이터가 이렇게 많은데 정렬은?? lodash.com 문서 읽기 아래를 더 많이 사용한다. 기본값보다는 객체로 더 많이 매개변수로 사용된다. 사용 방식 요즘은 현대2 버전을 가장 많이 사용한다. 현대 1 실사용 newDog에 status를 넣었지만 뒤에 dog를 붙여서 결국 status의 값이 바뀌게 된다는 내용. 현대 2 저렇게 사용될 파라미터들을 나열한다. 아래방식도 많이 쓰인다. 문서 설치 우측하단에 버튼 누르면 저장..

new 로 붙여서 객체로 만들수 있다. 객체는 뒤에 . 을 붙여서 추가로 할 수 있다. 기본 자료형은 속성과 메서드를 추가할 수 없는데, 왼쪽과 같이 쓸 수 있는 이유는 "일시적으로 객체 자료형으로 변환되기 때문" string.prototype. 을 사용해서 새로운 메서드를 추가한 거고, 내용으론 contain이란 이름으로 0보다 인덱스가 크면(인덱스가 있으면) true라고 반환한다.