본문 바로가기

자바스크립트3

[도서 리뷰] 러닝 리액트(Learning React) (2판) 한빛미디어 활동을 위해서 책을 제공받아 작성된 서평입니다. 러닝 리액트(Learning React) - 최적의 리액트 코드를 작설하기 위한 모범 사례와 패턴 오라일리가 펴내는 책 표지에 등장하는 동물들은 대부분 멸종 위기이며, 우리 세계에서 중요한 동물이라고 한다. 그래서 표지를 더 오랫동안 보게되는 것 같다. 이번 OREILLY 표지 동물은 멧돼지다. 러닝 SQL에 이어서 이번에는 러닝 리액트 도서를 받아 리액트의 깊은 내용까지 이해할 수 있게 되었다. 최근 프론트엔드 개발자 모집공고를 보면 필수사항 또는 우대사항에 React.js가능자가 적혀있다. 그만큼 리액트는 중요한 기술 스택 중 하나이며, 현재 리액트를 배우고, 사용하는 입장에서 개념적으로 부족하다고 느꼈던 부분을 러닝 리액트를 통해 채워넣을 .. 2021. 7. 24.
[D3.js] DOM 요소 선택하기 D3를 사용하여 DOM 요소 선택하기 D3를 사용하면 HTML에서 DOM 요소를 조작할 수 있음 먼저 특정 요소 또는 요소 그룹을 선택한 뒤, 다양한 D3 메서드를 사용하여 해당요소를 조작해야함 D3.js 내 메소드를 사용하여 DOM 요소를 선택하는 방법 DOM 선택 DOM 요소의 참조 가져오기 d3.select(css-selector) 지정된 css-selector를 기반으로 HTML에서 일치하는 첫번째 요소를 반환 d3.selectAll(css-selector) 지정된 css-selector를 기반으로 HTML에서 일치하는 모든 요소를 반환 d3.select() 지정된 css-selector를 기반으로 HTML에서 일치하는 첫번째 요소를 반환 1번째 요소 2번째 요소 1번째 요소 2번째 요소 d3.s.. 2021. 6. 23.
[D3.js] D3(Data Driven Document)시작하기 D3.js 시작하기 - 최근 시각화쪽에 관심이 생겨 알아보던중 자바스크립트 D3를 이용하여 만들어진 여러 차트들을 보게되었는데 다양성과 퀄리티 자체가 나의 잠재적인 시각화 흥미를 불러일으켰다. 그래서 D3에 대해서 기초부터 하나씩 정리해보고자한다. D3 란? 데이터 기반 문서 D로 시작하는 단어가 3개라서 D3 Data Driven Document SVG, HTML, CSS를 사용하여 웹브라우저 상에서 동적, 시각화를 구현하기 위한 자바스크립트 라이브러리 D3 기능 웹 표준 사용 대화형 데이터 시각화를 생성하는 강력한 시각화 도구 최신 웹 표준인 SVG, HTML, CSS를 활용하여 데이터 시각화를 구성 데이터 기반 정적 데이터를 사용하거나, array, object, csv, json, xml 등과 같.. 2021. 6. 22.
반응형

티스토리툴바