전체 글139 [javascript] typeof, instanceof 설명 사용되는 것과 생성(instance)되는 것 사이에 차이가 있다. 생성까지 맞추려면 new Type(value); 형식으로 입력하는 것이 일치하게 하는 방법이다. 임의로 편하다고 대충 변수명 쓰고 value 를 넣는 방식은 지양하도록 하자 2021. 1. 26. [css] 구글 웹폰트 -> 로컬 폰트로 적용하는 방법 google-webfonts-helper.herokuapp.com/fonts/noto-sans-kr?subsets=latin 2021. 1. 25. React UI Component Setup Error 해결방법 해결 방법은 아주 간단했다. package.json 파일을 열고, "homepage": ".", 2021. 1. 22. [React] 10. React 상태 올리기 (React Lifting State Up) 상태 올리기의 원리는 간단합니다. 하위 Component에 props로 상위 Component의 함수를 전달해 주고, 하위 Component 에서는 그 함수를 호출하는 것입니다. 주의사항 가장 가까운 상위 Component로 전달한다. 무조건적으로 최상위 App Component로 올리지 않는다. 그러나, 되도록 하향식 데이터 흐름에 초점을 두고 작업하는 것이 좋다. 참고 : ko.reactjs.org/docs/state-and-lifecycle.html#the-data-flows-down State and Lifecycle – React A JavaScript library for building user interfaces ko.reactjs.org 상위 Component 함수로 prop가 전달되고 .. 2021. 1. 21. React Hook 개념 요약 요약 아래 코드를 한 줄 한 줄 살펴보고, 얼마나 이해했는지 체크해봅시다. 1: import React, { useState } from 'react'; 2: 3: function Example() { 4: const [count, setCount] = useState(0); 5: 6: return ( 7: 8: You clicked {count} times 9: setCount(count + 1)}> 10: Click me 11: 12: 13: ); 14: } 첫 번째 줄: useState Hook을 React에서 가져옵니다. 네 번째 줄: useState Hook을 이용하면 state 변수와 해당 state를 갱신할 수 있는 함수가 만들어집니다. 또한, useState의 인자의 값으로 0을 넘겨주면 .. 2021. 1. 20. [CSS] 단 하나의 중앙정렬? 원문: Adam Argyle, https://web.dev/centering-in-css/ 여러가지 테스트를 통해 5가지 중앙 정렬 방법 중 어떤 것이 가장 변화에 탄력적으로 대응하는지 확인해보자. CSS로 중앙 정렬하는 것은 농담과 조롱으로 가득찬 악명 높은 도전이다. 2020 CSS는 많이 발전했고 이제 우리는 이 농담을 순수하게 즐길 수 있다. 만약 비디오를 선호한다면 유튜브로 이 글을 볼 수도 있다. https://youtu.be/ncYzTvEMCyE 도전 중앙 정렬에는 사용 사례, 중앙 정렬을 해야 하는 요소의 수 등에 따라 달라지는 다양한 유형이 있다. 어떤 중앙 정렬 방법이 "우승"했는지 근거를 설명하기 위해 필자는 탄력성 고리(Resilience Ringer)를 만들었다. 이는 중앙 정렬 .. 2021. 1. 19. 이전 1 ··· 16 17 18 19 20 21 22 ··· 24 다음
