본문 바로가기

IT80

[자바스크립트]객체 문자열 변환 JSON stringify, parse JSON ( JavaScript Object Notation) - 자바스크립트의 객체 표기법을 제한하여 만든 문자 기반의 데이터 교환 포맷 - JSON은 객체, 배열, 숫자, 문자열, 불리언과 null을 직렬화하기 위한 구문 - JavaScript 구문에 기반을 두고 있지만 분명한 차이점 존재 즉, 어떤 JavaScript는 JSON이 아니다. JSON.stringify() - 인수로 전달받은 자바스크립트 객체 -> 문자열로 변환 ​ - Syntax JSON.stringify(value[, replacer[, space]]) value에 JSON 문자열로 변환할 자바스크립트 객체가 오면 된다. 반환 값으로 주어진 값과 대응하는 JSON 문자열이 온다. JSON.parse() - 인수로 전달받은 문자열 -.. 2021. 1. 6.
[자바스크립트] 버블링과 캡쳐링 캡처링 단계 – 이벤트가 하위 요소로 전파되는 단계 버블링 단계 – 이벤트가 상위 요소로 전파되는 단계 body * { margin: 10px; border: 1px solid blue; } FORM DIV P 가장 안쪽의 를 클릭하면 순서대로 다음과 같은 일이 벌어집니다. 에 할당된 onclick 핸들러가 동작합니다. 바깥의 에 할당된 핸들러가 동작합니다. 그 바깥의 에 할당된 핸들러가 동작합니다. document 객체를 만날 때까지, 각 요소에 할당된 onclick 핸들러가 동작합니다. ​ ​ 즉 p->div->form 순서로 창이 열린다. 이러한 흐름을 '이벤트 버블링'이라고 한다. (거의 모든 이벤트들은 버블링이 일어난다. focus()같은 이벤트를 제외하면.) ​ Introduction to e.. 2021. 1. 5.
[자바스크립트] 동적으로 아이콘 추가하기 해결방법 문제: [JavaScript] (해결) 동적으로 font awesome 아이콘 추가하기 나는 쇼핑목록 앱을 만들고있다. TO DO LIST처럼 쇼핑할 물건들을 적는 리스트이다. 현재 문제점 : appendChild, innerHTML 등을 이용하여 font awesome icon을 추가하려한다. 이런식으로. 다만 x 표시(빨간색 breathtaking-life.tistory.com Event binding on dynamically created elements? I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddli.. 2021. 1. 4.
[JavaScript] (해결) 동적으로 font awesome 아이콘 추가하기 나는 쇼핑목록 앱을 만들고있다. TO DO LIST처럼 쇼핑할 물건들을 적는 리스트이다. 현재 문제점 : appendChild, innerHTML 등을 이용하여 font awesome icon을 추가하려한다. 이런식으로. 다만 x 표시(빨간색 화살표로 강조한 부분) 대신에 나는 쓰레기통 아이콘을 사용할 것이다. fa fa-trash이다. fa-trash: Font Awesome Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript give.. 2021. 1. 4.
[JavaScript] 렌더링 트리(Critical Rendering Tree) 카테고리가 JavaScript에 국한된 건 아니지만, 이미 카테고리를 세부적으로 나누었기에 여기에 업로드! ​ 렌더링 트리 생성, 레이아웃 및 페인트 | Web | Google Developers TODO developers.google.com ​ *Critical Rendering Path ​ * Render Tree 형성은 DOM, CSSOM의 결합 * DOM Tree에서 - 일부 노드는 표시되지 않으며(예: 스크립트 태그, 메타 태그 등), 렌더링된 출력에 반영되지 않으므로 생략됩니다. - 일부 노드는 CSS를 통해 숨겨지며 렌더링 트리에서도 생략됩니다. 예를 들어,---위의 예시에서---span 노드의 경우 'display: none' 속성을 설정하는 명시적 규칙이 있기 때문에 렌더링 트리에서 누.. 2021. 1. 3.
복습용 간단 핵심 요약 C언어 정리 참고 _ 기초를 탄탄히 세워주는 c++ 프로그래밍 입문​*표준 입출력​- 데이터 입출력 함수​printf : 데이터 출력scanf : 데이터 입력​-> 이 함수들을 사용하기 위해 전처리문 #include 사용 필수​- 서식 문자​%d : for 10진수%lf, %f : for 실수 (주의 - float는 입출력 시 %f 사용 가능하지만 double은 다르다.)%c : for 문자*배열​-배열 사용 이유 : 학생 100명의 점수를 저장하려고 int형 변수 100개를 사용하면 큰 낭비다.100개가 아니라 1000개 혹은 10000개라면 어떻게 해야 할까?solution) 배열을 사용한다.​-배열이란?같은 타입의 변수 여러 개를 묶어 하나의 변수명으로 처리할 수 있도록 해주는 것1차원뿐만 아니라 2,3, .... 2021. 1. 3.

티스토리툴바