console API 1. console.dir() 지정된 JS 객체 속성에 대한 목록을 표시한다. 2. console.time() & timeEnd() 작업 소요 시간을 추적하는데 사용할 수 있는 타이머 console.time() : (잡 코드) : console.timeEnd() 드래그 금지 전체 드래그 금지; body { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } 특정 부위만 .draggable { -webkit-user-select:all; -moz-user-select:all; -ms-user-select:all; user-select:all } 텍스트만 드래그를 허용하고 싶을 ..

1. html attribute를 통한 Range제한 만약 input의 텍스트를 최대 15글자로제한하고 싶으면 다음과 같다. 일단 form 형태로 작성되어야한다 div와 같은걸로 감싸봤자 의미가 없음 다음과 같이 아예 더이상 작성이 되질 않는다. 2. _EVENT.preventDefault() type에 따른 이벤트를 막는것 기본 동작을 실행하지 않도록 지정합니다. submit submit의 경우 제출했을시 페이지가 새로고침이 되는 기본 동작이 있다 click click의 경우 클릭 동작을 막는것 link link의 기본동작은 링크로 이동하기 3. 내가실행한 이벤트확인 사용자가 어떤 이벤트를 벌였는지 화인할 수 있다 function listener(_E) { console.log(_E) } _TARGET..

1. 저장하기 로컬 스토리지 저장은 Key-value 형식으로 저장된다. value는 단일값이든, 배열이든 저장을하긴하는데 String 형식으로 저장한다. 단일값 여러값이 정수라면 여러값이 문자열이라면 if (단일값이면) : 그냥 단일값 저장해도 상관 없다 else (여려값 저장하려면) : if(여러 값이 정수라면 단, array 형식으로 저장되는것이 아님) : setItme(key, __array__) >> 1,2,3,4,5 하면 된다. else (여러 값이 문자열이라면 || array 형식으로 저장하고싶다면 "[]") : 문자열 배열을 문자열로 저장한다는 의미가 되는데. setItem(key ,JSON.stringify(__array__)) >> [] 로 저장해야한다. 그렇지 않으면 JSON 파싱을 ..

할수있는 동작 보관, 가져오기, 삭제(ALL), key반환, 개수 localStorge 쿠키와 다르게 네트워크 전송이 없다. 쿠키보다 많은 자료를 보관할 수 있다. Key - Value 형식으로 MAP 자료구조와 비슷함 키와 값은 반드시 문자열이 되어야한다. 배열로 저장해도 대열 [] 싸그리 문자열로된다. localstorage.setItem(key, value) // 키-값 저장 localstorage.getItem(key) //키에 해당하는값 가져오기 localstorage.removeItem(key) //키와 키해당하는 값 둘다 삭제 localstorage.clear() //localstorage 전부 비우기 localstorage.key(index) //인덱스에 해당하는 키 가져오기 localst..

1. JS - document 객체 사실 HTML과 상호작용하기 위해 HTML의 element를 JS를 통해서 변형하고 작동시키려고.. document document는 HTML을 가르키는 객체다 아래는 console.log & console.dir 의 내용 Console에 대한 이야기 아래와같은 방식으로 HTML을 변화시킬수도 있다. document.MEMVER = ___ 2. Element Searching 1. getElementById("IDNAME") 주어진 IDNAME 과 일치하는 id 속성을 찾고 Element 객체를 반환한다. ID는 유일해야한다. 애초에 하나의 Element만 가져옴 2. getElementByClassName("ClASSNAME") array 방식으로 가져온다 3. ge..

1 문자열 합치기 "abcdef" + "ghijkml" 2 자료형 출력 console.log(""); 상수 const var & let 차이 ver : 이미 선언된 변수명으로 또 선언 가능 -> 가독성을 떨어뜨린다 ver myname = "hong"; ○ ver myname = "song"; ○ let : 이미 선언돈 변수명으로 다시 선언은 불가능 let myname = "hong"; ○ let myname = "song"; X not type null : 자연적으로 발생하지 않움 -> 값조차없다는것을 확실하게 명시하기위해 사용 파이썬에선 none이라고 사용 undefined : 공간이 비어있음 상태let hello; console.log(hello)//이렇게 하면 볼수있음 NaN : NOT A NUMB..

1. 딕셔너리 정의 key - value hash 라도고 함 인덱싱대신 key 값으로 값 구하기 만들기 딕셔너리 = {key1 : value1, key2 : value2, key3 : value3 ...} 2. 딕셔너리 (key-value) 추가, 삭제 추가 dic1[key] = value 이건 접근이 아니라 key-value 관계를 추가하는 작업 삭제 del dic1[key] 3. 딕셔너리 접근 dic1[key] key , value (각각) 리스트 만들기 dic1.keys() >> dict_keys(['name', 'phone', 'birth']) dic1.values() >> dict_values(['name', 'phone', 'birth']) ``` 4. 딕셔너리 메모리 비우기 dic1.clea..

1. 리스트 정의 배열 단, 내부 요소들은 정수로만 채워지면 정수형이된다 그래서, "정수 + 문자열" 연산시, 형변환을 해줘야한다. ㄴ str(정수 만들기 리스트 = [1, 2, 3, 4, 5, 6, ...] 리스트 = [ [1, 2, 3, ...], [4, 5, 6, ...], ...] 리스트 = list() 2. 리스트 슬라이딩 list1[n : n + elementNum] 즉 리스트를 elementNum 수만큼 가져오는것 3. 리스트 연산 list1 + list2 list2 * n # 리스트가 n번만큼 반복되어 새롭게 붙여짐 len(list1) # 리스트 길이 4. 리스트 요소 리스트 요소 변경 list1[index] = val 리스트 요소 삭제5. 리스트 메소드 del list1[index] >>..

1. 큰따옴표 3개로 양쪽을 둘러싸기 multiline = """ "asdcdefg hijk" """ 2. 문자열 연산 str1 + str2 str1 * n # str1이 n번만큼 len(str1) 응용 # multistring.py print("=" * 50) print("My Program") print("=" * 50) >> ================================================== My Program ================================================== 3. 문자열 인덱싱 #"0+" 부터 시작 #"-1"부터 (음수 인덱싱) 시작 #슬라이딩 (파싱) str1[n : n + len] #또는 str1[n :] 4. 문자열 포매팅 (%..

20540번: 연길이의 이상형 졸업을 앞둔 연길이는 크리스마스가 다가올수록 외로움을 느낀다. 그런 연길이를 위해 동우는 소개팅을 시켜주지는 않고 연길이의 이상향을 찾는 것을 도와주고자 한다. MBTI 신봉자인 연길이는 www.acmicpc.net 입력1.연길이의 MBTI 4글자가 대문자로 주어진다.___________________________________________________출력1.4글자의 반대 성향을 출력한다.___________________________________________________생각E -> IE NS FT PJ b ? b : a#define MAX_NUM using namespace std; char arr[4][2] = { {'E','I'}, {'S','N'}, {'..