리액트바오

document.body.childNodes NodeList(11) [text, div.test1, text, div.test1, text, span.span, text, div.test2, text, span.span, text] children과 childNodes의 차이 childNode는 태그노드, 텍스트노드를 모두 가리키며 children은 텍스트 노드를 제외한 태그를 가리킨다. 즉, children은 요소를 반환하며 childNodes는 text, 주석과 같은 모든 노드를 반환한다는 점이 다르다. children을 출력하게 되면 childNodes는 요소의 자식이 꼭 태그가 아니어도 다 품고 있다. document.body.children HTMLCollection(5) [div.test1, ..

Javascript 2022. 8. 23. 13:36

element와 node의 차이 Element와 Node 모두 JavaScript의 Object 객체를 상속받는 객체지만, 상속 체인의 관점으로 봤을 때 Node가 Element의 상위 개념이 된다. Node 노드는 시맨틱 태그, 예를 들어 등과 텍스트를 모두 아우르는 개념이다. Element Element는 Node객체를 상속받는 Element객체를 의미한다. Node객체의 ELEMENT_NODE를 의미하는 것이다. 노드에서는 포함되었던 텍스트 노드가 Element에는 포함되지 않는다. 태그들은 모두 Element지만 전체 document tree나 주석, 텍스트들은 html태그로 표현되지 않기에 Element에 속하지 않는다. 한마디로 Node는 Element의 상위 개념이다.

Javascript 2022. 8. 23. 13:12

강의를 듣고 배운 내용 정리 이번주 강의를 듣고 무엇을 학습하셨나요? 새로 알게 된 내용들이 어떤 것들이 있을까요? 소프트웨어 아키텍처란 소프트웨어 개발 관점에서 아키텍처는 소프트웨어의 전체적인 구조를 잡아주는 설계도이다. 아키텍처는 소프트웨어의 큰 그림을 보게 해준다. 좋은 아키텍처는 사람이 세부적인 코드를 일일이 다 보지 않아도, 일관된 코드 구조로 흐름을 쉽게 유추할 수 있도록 한다. 또한 개발을 하다 보면 코드를 어떻게 분리하고 모듈화할지, 객체를 어떻게 설계할지 고민하곤 하는데, 아키텍처는 이러한 고민에 뱡향을 제시해주는 일종의 지침이라고도 볼 수 있다. 몇몇 유명한 아키텍처들은 자주 사용되며 패턴화되기도 하는데, 한 번쯤 들어봤을 만한 레이어드 아키텍처, MVC 패턴 등이 바로 이렇게 패턴화된..

카테고리 없음 2022. 6. 17. 17:29

강의를 듣고 배운 내용 정리 이번주 강의를 듣고 무엇을 학습하셨나요? 새로 알게 된 내용들이 어떤 것들이 있을까요? 테스트의 개념 테스트는 소프트웨어를 테스트하는 작업이다. 소프트웨어에 숨겨진 버그는 없는지, 여러 명이 동시에 이용할 때에도 잘 견디는지 등의 문제들을 꼼꼼히 점검하는 일이다. 테스트를 거치지 않은 소프트웨어는 일반적으로 신뢰하기 어렵다. 실시간으로 언제 어디서 버그가 나올지 모르기 때문이다. 이때 테스트 코드를 잘 작성해 둔다면, 버그에 견고한 코드를 작성할 수 있다. 같은 팀 개발자는 테스트를 보는 것만으로도 프로젝트의 전체적인 기능과 구조를 파악할 수 있게 된다. 테스트의 종류 개발자가 가장 많이 마주하게 되는 테스트는 크게 세 가지로 아래와 같다. 유닛 테스트 유닛(Unit)이라는 ..

카테고리 없음 2022. 6. 17. 17:28

클라우드 클라우드,, 요즘 클라우드라는 말을 여기저기서 많이 듣는다. 클라우드 기반 서비스, 클라우드 기반 플랫폼, 클라우드 컴퓨팅 등등,, 대~충 어떤 느낌인지는 알지만 굉장히 모호하게 느껴지기 때문에 글로 정리해야겠다는 생각을 했다. 클라우드는 정확히 무엇이고, 어디에 어떻게 활용하는걸까? 클라우드란? 클라우드 컴퓨팅이란 인터넷을 기초로 한 컴퓨팅을 말한다. 즉, 인터넷상의 가상화 서버에 프로그램을 두고 필요할때마다 컴퓨터나 스마트폰 등에 불러와 사용하는 서비스이다. 클라우드(Cloud)는 인터넷 통신망 어딘가에서 구름에 싸여 보이지 않는 컴퓨팅 자원(CPU, 메모리, 디스크 등)을 언제든지 가져다 쓸 수 있다. 구름에 싸여 있다는 것은 그 내부를 알지 않아도 얼마든지 내가 원하는 것을 꺼내어 사용할..

카테고리 없음 2022. 6. 15. 13:36

CDP는 차세대 마케팅 기술로 널리 알려진 CDP(고객 데이터 플랫폼)는 단절된 고객 데이터 시스템을 해결할 수 있는 솔루션이다. CDP는 적시 적절한 고객에게 알맞은 참여를 제공하고 마케팅부터 영업, 서비스에 이르는 모든 고객마다 개인 맞춤화하는데 핵심적인 역할을 한다. 고객 데이터가 단절되어 있다면 고객 데이터가 단절 되어 있다면 고객이 누구인지, 무엇을 하고 있는지, 무엇을 원하는지 이해하기 어렵다. 기업에서 데이터 기반의 인사이트 없이 핵심 비즈니스 의사결정을 내리는 데에는 한계가 있고 효과도 적다. 각 고객 데이터의 카테고리를 사용하여 신규/기존 고객에 대한 참여를 향상시킬 수는 있지만 고객 데이터를 유용하게 활용하기 위해서는 데이터가 연결되고 통합되고 액세스가 가능해야 한다. CDP에서 지원하..

카테고리 없음 2022. 6. 8. 16:25

강의를 듣고 배운 내용 정리 이번주 강의를 듣고 무엇을 학습하셨나요? 새로 알게 된 내용들이 어떤 것들이 있을까요? 학습한 내용을 바탕으로 내 프로젝트에 피드백 해보기 프로젝트에서 어느 영억을 어떻게 바꿀 수 있을까요? 이번 주 공유된 아티클을 읽고 한 생각 정리

카테고리 없음 2022. 5. 27. 23:48

A/B 테스팅이란 디지털 마케팅에서 두 가지 이상의 시안 중 최적 안을 선정하기 위해 시험하는 방법이다. A 안과 새로 개선된 B 안을 각각 랜덤으로 보여준 후, A와 B 중 선호도가 높게 나오는 쪽을 파악하고 그쪽을 사용한다. A/B 테스팅은 단순히 선호도 조사이기 때문에 쉽고 직관적나, 사용자가 어떤 부분을 왜 선호하는지와 같은 심층 조사는 할 수 없으므로 따로 조사가 필요하다. 보통은 회원 가입율, 재방문율, 구매전환율 등의 지표를 본다. 주로 웹사이트의 마케팅과 관련하여 많이 쓰이나 디자인, 상품 배치, 인터페이스 등을 개선하기 위해서 사용하기도 하며, 웹사이트가 아닌 모바일 앱, 게임 등의 분야에서도 활용된다. A/B 테스팅이 필요한 이유 이것(사이트, 디자인, 상품배치, 인터페이스)이 최선의 ..

카테고리 없음 2022. 5. 25. 17:07