본문 바로가기

개발일기/프론트언어3

[javascript/jquery] object 들어있는 array 배열 원소 삭제 하는 방법 - splice/ 객체 배열 원소 삭제 하는 방법(야매 개념) 예를 들어 아래와 같은 오브젝트가 값으로 들어있는 배열이 있다고 가정했을때 a = [ { 'a':'1', 'b': '1', 'c':'1' }, { 'a':'2', 'b': '2', 'c':'2' }, { 'a':'3', 'b': '3', 'c':'3' } ... ]; 두번째 항인 { 'a':'2', 'b': '2', 'c':'2' }를 지우고 a = [{ 'a':'1', 'b': '1', 'c':'1' }, { 'a':'3', 'b': '3', 'c':'3' } ... ]; 이렇게 만들고 싶다면 function activeSplice (arr, some , arg ) { const itemToFind = arr.find(function(item) {return item[arg] === some}) con.. 2021. 2. 1.
[HTML5] HTML기본용어 및 미디어 활용(1) 비슷한 사이트로 http://dummyimage.com/도 있습니다. (2)에서는 입력양식 태그를 주로 다루는 방향으로.... 그리고 더 자세한설명을 원하시는분들은 예제사이트와 책을 참고하시기를 2019. 7. 4.
[HTML5] 브라우저에서 HTML이 처리되는 과정 그림 한큐로 설명 아래는 자세히... 브라우저에서 네트워크를 처리하는 컴포넌트가 서버와 통신을 통해서 데이터를 가져옵니다. 이렇게 가져온 HTML 데이터는 분석 과정을 거치게 되는데, 이 과정을 파싱이라하고, 이결과를 화면에 그려주는 작업을 렌더링 이라고 합니다. 웹 브라우저에서 UI 백엔드는 운영체제간의 통신을 담당합니다. - DOM트리를 구성한다는것 : HTML데이터를 메모리로 이과정은 마크업 언어로 만들어진 문자열을 브라우저가 메모리에서 다루기 위해서 HTML 파서로 파싱하고 결과를 로딩 한다는 것. 메모리에 만들어진 객체를 document라고 하고, 완성된 구조를 DOM이라고 함. DOM트리 예시는 그림에... (HTML은 구조를 가지는 데이터이므로 메모리에서는 이 구조를 표현하는 데 적합한 트리.. 2019. 7. 4.