Rianshin

웹 브라우저의 HTML문서 렌더링 과정 1. 불러오기 로더(Loader)가 서버로부터 전달 받는 리소스 스트림을 읽는 과정. 읽으면서 어떤 파일인지, 데이터인지 파일을 다운로드할 것인지 등을 결정한다. 2. 파싱 (Phasing) 웹 엔진이 가지고 있는 HTML/XML 파서가 문서를 파싱해서 DOM Tree를 만든다. 3. 렌더링 트리 만들기 DOM Tree는 내용을 저장하는 트리로 자바스크립트에서 접근하는 DOM객체를 쓸 때 이용하는 것이고 별도로 그리기 위한 트리가 만들어져야 하는데 그것이 렌더링 트리다. (그릴 때 필요없는 head, title, body태그등이 없음 + display:none 처럼 DOM에는 있지만 화면에서는 걸러내야할 것들을 걸러냄) 4. CSS 결정 CSS는 선택자에 따라서 적..

API의 response 및 request에서 JSON형태로 사용할때가 자주 있다. 이때, 정렬을 통하여 보다 key값을 찾기 쉽게 정렬을 할수가 있는데, 다음과 같이 하면된다. let beforeObj = { "b": 2, "a": 4, "d": 56, "1": 1 } let afterObj = {}; //Solution 1 Object.keys(beforeObj).sort().forEach(function(key) { afterObj[key] = beforeObj[key]; }); //Solution 2 Object.keys(beforeObj).sort().forEach( key => { afterObj[key] = beforeObj[key]; }); console.log(afterObj) 위의 실행..

1. JSON 을 보기 편하게 해주는 사이트 이사이트에서는 JSON을 트리형태로 보기 편하게 해주며, JSON형태가 맞는지 틀린지 판별도 해준다. http://jsonviewer.stack.hu/ Online JSON Viewer jsonviewer.stack.hu http://json.parser.online.fr/ Json Parser Online json.parser.online.fr 2 javascript 를 보기 편하게 해주는 사이트 블러그나 문서 정리시에 도움이 많이되는 사이트로 javascript 에 이쁜 스타일을 입혀준다. https://beautifier.io/ Online JavaScript beautifier Beautify JavaScript, JSON, React.js, HTML,..

MsTeams 연동하여 일정을 생성하는 예제는 다음과 같다. const options = { authProvider, }; const client = Client.init(options); const event = { subject: 'Let\'s go for lunch', //생성할 일정 타이틀 body: { contentType: 'HTML', content: 'Does noon work for you?' }, start: { // 시작시간 dateTime: '2017-04-15T12:00:00', timeZone: 'Pacific Standard Time' // 한국시간으로 할때 : Korea Standard Time }, end: { //종료시간 dateTime: '2017-04-15T14:00:..

getByteLength: function(string) { if (string == null || string.length == 0) { return 0; } let size = 0; for (let idx in string.length) { size += this.charByteSize(string.charAt(idx)); } return size; } charByteSize: function(ch) { if (ch == null || ch.length == 0) { return 0; } let charCode = ch.charCodeAt(0); if (charCode

자주 사용하는 함수중하나인 sort를 이용하여 내림차순, 오름차순 으로 정렬을 하는 방법은 다음과 같이 하면 된다. 날짜를 비교하기위하여 String 을 Date로 형변환을 해야 비교가 가능해진다. var arr = [ {date :""}, {date :"2022-10-14 19:00"}, {date :"2022-10-15 10:00"}, {date : "2022-10-13 10:00"} ]; console.log(arr) let test = arr.sort((a, b) => new Date(a.date) - new Date(b.date)) console.log(test) test = arr.sort((a, b) => new Date(b.date) - new Date(a.date)) 소스 참고 : htt..

#console.assert(expression, object) Log level: Error Writes an error to the console when expression evaluates to false. const x = 5; const y = 3; const reason = 'x is expected to be less than y'; console.assert(x < y, {x, y, reason}); #console.clear() Clears the console. console.clear(); If Preserve Log is enabled, console.clear() is disabled. Alternatively, you can Clear the Console by clicking..

HTML 삽입 미리보기할 수 없는 소스 //소문자 => 대문자 var str = "abcd" console.log(str.toUpperCase()) //대문자 => 소문자 var str2 = "ABCD" console.log(str2.toLowerCase())