완주를 향하여

substring 함수와 indexOf 함수로 문자열 자르기 addr = addr.split(',',1); split 함수로 문자열 자르기 - ','을 구분자로 문자열 split 후 배열로 반환 addr = addr.split(','); $("#addr").val(addr[0]); $("#addr_dtl").val(addr[1]); split으로 구분 후 배열의 첫번째 원소만 가져오기 $("#addr").val(addr.substring(0, addr.indexOf(','))); $("#addr_dtl").val(addr.substring(addr.indexOf(',') + 2));

람다식 ES6에서 도입된 화살표 함수 (람다식) //일반 함수 let fn_normal = function(x) console.log(x); //람다 함수 let fn_arrow = (y) => console.log(y); 주의점 함수 선언 시점에서 this 고정됨 함수를 호출할 객체가 없을 때 this는 스코프를 무시하고 전역변수를 가리키며 값이 고정될 수 있다.

Broadcast Channel API 동일 origin의 브라우저 context 간 통신을 하게 해주는 API이다. 탭, 윈도우, 프레임, iframe 그리고 Web worker 간에 통신이 가능하다는데 소켓 같기도 하고 신기하다. 코드를 보면 정말 방송 송출 - 구독 개념으로 만들어놨다. 탭끼리 같은 이벤트나 변수를 사용해야한다면 (같은 계정 간 자동로그아웃 등) 밑의 것들도 쓸 수 있다고 한다. Service Worker postMessage Sender const channel = new BroadcastChannel("example-channel"); const messageControl = document.querySelector("#message"); const broadcastMessage..

⚠️ 이슈 Emoji 저장 실패 오류 Emoji 저장 실패 오류 에러 현상 Incorrect string value: '\xF0\x9F\x93\xB201...' for column 'content' 에러 이유 윈도우 이모지(utf8mb4)와 DB(utf8)의 문자 인코딩 설정 상이 MySQL DB collation MariaDB에서 table을 생성할 때 c idleday.tistory.com ✅ 해결 In detail, this function first uses TextEncoder to convert content into a byte array with utf-8 encoding, then loops through this array, if it finds a byte whose first fiv..

formData는 xml로 전송하기 위한 특수한 형태의 객체라 한다. var checkArr = new Array(); var cnt = 0; for (var key of formData.keys()) { checkArr.push(key); } for (var value of formData.values()) { console.log(checkArr[cnt] + ":" + value); cnt++; } //key:value 형식으로 출력

for...in - JavaScript | MDN for...in문은 상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된 모든 열거 가능한 속성에 대해 반복합니다. (Symbol로 키가 지정된 속성은 무시합니다.) developer.mozilla.org for 루프문 for in length 가 필요없습니다. 객체의 각 속성 이름이 변수에 할당됩니다. const object = { a: 1, b: 2, c: 3 }; for (const property in object) { console.log(`${property}: ${object[property]}`); } // expected output: // "a: 1" // "b: 2" // "c: 3" 포인문은 배열이 아닌 객체를 위해 존..