웹개발13 [D3JS] 7. 데이터 준비하기 이 글은 https://youtu.be/2LhoCfjm8R4 강의를 정리하였습니다. 이번 강의에서는 html 표에서 데이터를 뽑는 방법, csv를 만들고 정리하는 방법, Github Gist를 이용해 데이터를 publish 하는 방법을 배웁니다. https://developer.mozilla.org/ko/docs/Web/CSS/color_value - CSS: Cascading Style Sheets | MDN CSS 자료형은 sRGB 색 공간의 한 색을 표현하며, 추가로 알파 채널 투명도 값도 가질 수 있어 자신이 가리키는 색상과 배경이 어떻게 합성되어야 하는지 지정할 수 있습니다. developer.mozilla.org css named color에 대해 들어보신 적이 있나요? 우리가 html에서 속.. 2021. 10. 21. [D3JS] 5. 얼굴 그리기 with Semantically meaningful JSX refactoring 이 글은 https://youtu.be/2LhoCfjm8R4 강의를 듣고 정리하였습니다. [Compartmentalizing Complexity] Compartmentalize는 "서로 영향을 주지 않도록 구분하다"라는 뜻입니다. https://vizhub.com/curran/be34ae5bb6ef438b9047b0c717d5315c?edit=files&file=index.js Smiley Face Part V Splitting React components into multiple files using ES6 modules. Bonus: React Fragments! vizhub.com 지난 강의에 이어 위의 코드를 리팩토링 해봅시다. 19~20 번째 라인은 not semantically meaning.. 2021. 10. 11. "나는 LINE 개발자입니다"를 읽고 집 근처 도서관에 가서 책을 구경하는데 "나는 LINE 개발자입니다"라는 책이 눈에 띄었다. 다른 회사 개발자들의 삶은 어떨까 궁금해서 냉큼 빌려왔다. 라인에서 일하는 개발자들이 어떻게 개발자가 되었는지부터 라인에 입사하게 된 이유, 라인에서는 어떻게 일하는지 등의 이야기들이 있었다. 무엇보다 좋았던 건 나라는 개인과 지금 다니는 회사 모두에게 유익한 내용이라는 점이었다. 개발자 개인에게 좋은 내용을 먼저 소개하고, 회사에 도움이 되는 내용을 그다음에 소개하겠다. 더 많이 성장하고 싶은 주니어 개발자의 공부 팁 1. 개발에 대한 흥미 잃지 않기 개발자로 일하고 계신 분들은 대부분 개발을 좋아하신다. 하지만 좋아하는 정도에서는 차이가 있다고 생각한다. 개발자 분들 중에도 쉬는 시간에도 개발을 하고 새로 출.. 2021. 9. 12. React에서 setInterval 제대로 쓰는 방법 React에서 setInterval을 사용하는 방법은 Vanila Javascript와는 다릅니다. 아래의 예시 코드를 보시죠. import { useState } from "react"; import "./styles.css"; export default function App() { const [number, setNumber] = useState(0); const loop = setInterval(() => { console.log("number", number); setNumber(number + 1); if (number === 10) clearInterval(loop); }, 1000); return number : {number}; } 10초를 센 뒤에 루프가 끝나는 코드로 동작할 것 같지만.. 2021. 7. 29. 이전 1 2 다음
