L'etude36 CSS 웹 폰트 적용 / 버블링과 캡처링 ✨ Routinery 프로젝트를 하다가 폰트 바꾸려다가 text-animation에 대해서 알게 되었다. react 에서 폰트 적용 방법 우선, css 파일을 하나 생성 해준다. 나는 폰트를 다운 받지 않고 웹폰트를 사용하였다. https://fonts.google.com/specimen/Nanum+Myeongjo?preview.text=Make%20your%20routine&preview.text_type=custom Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 이곳에 들어가보면 이렇게 링크를 사용하는 방법과 @import를 사용하는 방법이 있는데 나는 @import를.. 2022. 4. 20. React Router 오류 / TypeScript VFC FC 차이 프로젝트를 하던 중에 react-router-dom 5.2.0 버전이랑 6.3.0 버전이랑 Router 사용하는 방법이 달라서 Error: useRoutes() may be used only in the context of a component. 이런 에러가 났다. 찾아보니 버전이 업그레이드 되면서 사용 방법이 달라졌더라,, Route를 Routes로만 감싸서 사용을 했었는데 Route를 Routes로 감싸고 또 얘네를 Router로 감싸야지 에러가 해결되었다. 이런식으로 감싸줘야한다. 이번에 TypeScript를 처음 배워보면서 사용해보았는데 컴포넌트의 타입을 설정해주다가 React.VFC 그리고 React.FC 를 알게되었다. VFC와 FC는 각각 VoidFunctionComponent Functio.. 2022. 4. 8. var, let, const 차이 요즘 자바스크립트 강의를 듣고 있는데 예시 코드를 작성할때마다 어떤때에는 var를 쓰고 어떤때에는 let 혹은 const를 사용하길래 그 차이점이 무엇인지 궁금해서 찾아보았다. 작년에 코드숨에서 리액트 강의를 들을때 제일 처음으로 했던 것이 let을 제거해보는 과제였는데,,, 코드숨 강의도 다시 한번 찾아봐야겠다. 변수 선언으로 var가 제일 오래전부터 있었고 let, const는 ES6에서 추가 되었다. var - 변수를 선언하고(선언 단계와 초기화 단계가 동시에 진행된다), 선택적으로 초기화할 수 있다. - 문제점 선언된 변수들은 변수가 선언된 실행 콘텍스트(execution context) 안에서 만들어집니다. 선언되지 않은 변수들은 항상 전역변수 입니다. 함수 외부에서 선언한 변수도 모두 전역 변.. 2022. 3. 20. 비동기호출 시 useEffect 사용 프로젝트를 하다가 비동기호출을 사용해야됐었는데 이때 useEffect를 사용했다. useEffect에 대해서 잘 몰랐기 때문에 리액트 공식 문서를 참고했다. https://ko.reactjs.org/docs/hooks-effect.html Using the Effect Hook – React A JavaScript library for building user interfaces ko.reactjs.org 리액트에서는 비동기 호출 할 때 effect를 발생 시켜서 함수를 실행 할 수 있게끔 해준다. effect 혹은 side effect란 데이터를 가져오고, 구독 설정하고, 수동으로 React 컴포넌트의 DOM을 수정하는 것 useEffect가 하는 일은 무엇일까요? useEffect Hook을 이용하여.. 2022. 2. 4. 이전 1 ··· 4 5 6 7 8 9 다음
