daisylee

타입스크립트란? - 자바스크립트에 타입을 부여한 언어 - 자바스크립트 파일과는 다르게, 컴파일(파일 변환)과정을 거쳐야 합니다. * 컴파일: 어떤 언어의 코드를 다른 언어로 변환하는 것, 그러한 역할을 하는 프로그램을 컴파일러라고 합니다. (컴파일러와 인터프리터의 차이는 이 영상으로 재밌게 익힐 수 있습니다.😎) 왜 타입스크립트를 쓰나요? 타입스크립트는 크게 두 가지 관점에서 자바스크립트로 코드 작성 시 발생하는 문제를 보완해주는 효과적인 언어입니다. 1. 에러를 사전에 방지 2. 코드 자동완성 및 가이드 활용 1. 에러를 사전에 방지합니다. 데이터 타입이 달라지면 반환되는 값도 달라질 수 있습니다. 즉 의도하지 않은 값이 생성될 수 있는데요. 아래에 두 숫자를 더하는 함수를 정의했습니다. 첫 번째 함수..

1. 라이브러리 설치 yarn add react-router-dom 또는 npm install react-router-dom (최신 버전보다 다운그레이드된 버전을 사용하고 싶은 경우: react-router-dom@5(5버전)과 같이 입력합니다. 2. import하기 3. App 감싸기 import와 App 감싸기는 index.js 파일에서 한 번에 하면 됩니다. react-router-dom이라는 라이브러리를 설치하고 거쳐야 할 단계를 정리하고, 나중에 다른 프로젝트에 적용할 때 더우 쉽게 찾을 수 있도록 썼습니다.😊 happy hacking 하세요!

프로젝트에 폰트를 적용하는 방법은 크게 2가지로, 1. 웹폰트를 적용하거나 2. ttf 형식의 파일을 다운로드 받아 프로젝트에 저장해서 사용하는 방법이 있습니다. 저도 처음에는 웹폰트를 적용했었는데요! 구글링을 하다보니 웹폰트 적용 방식으로 폰트를 서버-클라이언트 방식으로 폰트 파일을 받아오는데, 용량이 크고 사용자의 환경에 따라 로딩 속도가 느려지는 단점이 있다고 합니다. 따라서 ttf 형식의 폰트 파일을 다운로드 받아 저장해 사용해보려고 합니다. 1. 폰트 사이트에서 폰트를 고릅니다. 가장 유명하고 사용하기 쉬운 사이트는 구글 웹폰트와 눈누가 있습니다. 구글은 영어와 한국어 이외에도 다양한 국가의 언어를 지원하고, 눈누는 한글 폰트를 지원합니다. 언어별로 적용할 때 영어는 구글 웹폰트, 한국어는 눈누..

Module not found: Can't resolve 파일 경로 먼저 결론부터 말하자면, 파일 상단에 import 상대 경로를 잘못 정해준 경우가 많습니다. 따라서 해당 파일 경로의 모듈을 찾지 못했다는 에러가 발생할 때, 상대경로를 올바르게 정해줬는지 확인해볼 필요가 있겠습니다. 저는 개인 프로젝트 파일의 폴더 구조를 변경하고 코드들을 옮기는 작업 중에 위와 같은 에러를 발견했는데요! 아래에 저의 문제 상황과 해결 과정, 팁을 적어두었습니다.😊 그리고 아래 상대경로와 절대경로에 대해 정리된 글을 첨부했습니다! https://blog.naver.com/tipsware/221275416466 [용어] 절대 경로, 상대 경로, 작업 경로에 대하여 : C 언어 관련 전체 목차 http://blog.nave..

🤔궁금했던 것들 1. 객체의 프로퍼티 명에 따옴표를 언제는 붙이고, 언제는 안 붙이는지? 사용하지 않아도 되지만, property명(key) 에 띄어쓰기가 있는 경우에는 따옴표를 붙여야 한다고 합니다. (출처: 제로초님 블로그) (JavaScript) 객체(Object)와 배열(Array) 안녕하세요, 이번 시간에는 자바스크립트 객체(Object)에 대해 알아보겠습니다. 객체(Object) 객체란, 현실의 사물을 프로그래밍에 반영한 겁니다. 코드로 보는게 이해하기 쉽겠죠? 저를 프로그래밍 www.zerocho.com 😎알게된 것들 1. Array.map()함수는 세 가지의 arguments를 받을 수 있습니다. 첫 번째 argument: 처리할 현재 element 두 번째 argument: 처리할 현제 ..