궁금한게 많은 코린이의 Developer 노트

딕셔너리 자료형이란Key:Value의 쌍으로 이루어진 자료형이다.딕셔너리의 매력리스트나 문자열로는 표현하기 까다로운 것을 딕셔너리를 통해 상황을 표현하기가 쉽다.예) 4명의 사람이 있고 각자의 특기를 표현할 수 있는 좋은 방법에 대해 설명해보자.리스트나 문자열로는 표현하기 까다로운 것을 딕셔너리를 통해 상황을 표현하기가 쉽다.{key1:value1, key2:value2, key3:value3}특이점: 딕셔너리 변수에서 [1]은 두번째 요소가 아닌 key의 첫번째 요소를 의미한다.딕셔너리는 리스트나 튜플에 있는 인덱싱 방법을 적용할 수 없기 때문이다.따라서 a[1]은 첫번째를 의미한다.key가 중복되었을 때 나머지 key:value 값이 무시된다.딕셔너리에는 동일한 key가 중복으로 존재할 수 없다.ke..

자바스크립트 코드가 길어졌을 시 다른 파일(모듈)로 쪼개는 것이 좋다. 다른 파일로 쪼개놓고 첨부해서 사용하는 방법이 import / export 이다. - import: 다른 파일(모듈)로부터 원하는 함수나 클래스, 변수 등을 가져올 때 사용. - export: 함수나 클래스, 변수 등을 다른 곳에서 쓸 수 있도록 내보내기 하는 기능. ▼HTML 파일 안에서 ES6 import 문법을 쓰려면 script 태그 안에 type을 mpdule로 설정해주어야 한다. (index.html) import/export 문법을 사용하게 되면, ※ import 한 원하는 변수, 함수, class는 전부 사용 가능, 하지만 수정은 불가능! 특정 변수를 다른 파일에서 이용할 수 있게 내보내고 싶다면 export defau..

안녕하세요! 어제 지리산 등반을 하고 온 기념으로(?) Destructuring 문법에 대해 정리해 보겠습니다. Destructuring의 사전적 의미는 무엇일까? 궁금해서 찾아보았습니다. 별거없다. 그냥 구조분해라는 뜻을 가지고 있습니다.(...) 구조분해 할당 Destructuring = '패턴 매칭' : 배열이나 객체의 속성을 해체하여 그 값을 변수에 담을 수 있게하는 ES6문법이다. => 직관적으로 변수를 만들어 사용할 수 있음. 구조 분해 할당은 할당문의 좌변에서 사용하여 원래 변수에서 어떤 값을 분해해 할당할지 정의한다. Destructuring 문법은 크게 배열구조분해와 객체 구조분해로 나눌 수 있다. 배열 구조 분해 예시- var x = [1, 2, 3, 4, 5]; var [y,z] = ..

어떤 이벤트가 발생했을 때 웹 브라우저가 기본적으로 처리해주는 것을 기본 이벤트라고 합니다. 이벤트의 종류에는 링크를 클릭했을 때 이동하는 것, 로그인 버튼을 눌렀을 때, 제출 버튼을 눌렀을 때 이동하는 것등이 있존재합니다. 보통 웹 브라우저에서 이미지 위에서 마우스 오른쪽 버튼을 클릭 하면, 옵션 창이 뜨게 됩니다. (컨텍스트 메뉴) 모든 img 태그의 contextmenu 이벤트가 발생할 때, preventDefault() 메서드를 호출해서 기본 이벤트를 막을 수 있습니다. 이미지에서 마우스 오른쪽 버튼을 클릭해도 아무 반응이 없는 코드를 작성해보려 합니다. Html Script 해당 코드를 작성하게 되면 기본으로 제공되는 이벤트를 호출하지 않도록 막을 수 있습니다. 이는 곧 인터넷에서 이미지 불펌방..