본문 바로가기

전체49

React 프로젝트 Netlify로 배포하기 Create-react-app으로 React 프로젝트를 완성했다면? 완성한 프로젝트를 배포해볼 차례다.  아래의 링크로 들어가보면 https://create-react-app.dev/docs/deployment/ Deployment | Create React Appnpm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html, and requests to static paths like /static/js/main..js are served with the contents of t.. 2021. 11. 13.
타입스크립트 4.4 버전 - 뭐가 달라졌을까? (타입스크립트 4.4버전 변경사항) 타입스크립트 4.4 버전에서는 무엇이 달라졌을까? 🤔 해당 글은 타입스크립트 공식 사이트의 What's New를 참고로 작성된 글입니다. Alias된 조건문과 판별문의 제어 흐름 분석 다음은 타입스크립트 공식 사이트에 올라온 글에 있는 예시 코드이다. 타입체크문( typeof )을 사용해 타입이 string이라면 콘솔창에 arg를 대문자로 바꿔서 출력하도록 작성되어있다. 타입체크를 통해 arg가 string 타입일 경우 toUpperCase( )와 같은 메소드를 에러없이 사용할 수 있게 된다. 그리하여 대문자로 변경된 arg 값이 출력이 된다. 위와 달리 아래의 코드는 타입 체크를 argIsString이라는 변수에 할당해서 if 문에 넣게되면 위와는 달리 에러가 나오게 된다. 변수 argIsString에.. 2021. 10. 24.
Github Pages - 깃허브로 사이트 배포하기 ( Github Deploy ) 제목 그대로 오늘은 깃허브를 이용해 사이트를 배포하는 법을 설명하겠다😎이미 많은 개발자 블로그에 소개가 되어 있는 내용이지만 깃허브 UI도 조금씩 변화가 있기 때문에 예전 UI 기반의 글들을 보며 시도해보다가 헤매는 깃허브 입문자 분들을 위해 글을 쓰려한다. ( 사실 UI가 크게 달라지지는 않았지만... 😅) 코드 전체 GitHub에 push 하기여태까지 작성한 코드들을 GitHub Repository에 commit, push 해야한다. 아직 코드를 push하지 않았다면 다음 명령어를 순서대로 입력한다. git init git add * git commit -m "커밋할 메세지 이 부분에 작성하기" git push -u origin master 깃허브 페이지에서 설정해주기먼저 깃허브 페이지로 들어간다. .. 2021. 10. 20.
타입스크립트 타입의 종류 - 원시 타입 ( Primitive Types ) 타입스크립트의 베이직한 타입들 즉 원시타입은 간단하다. number number 타입은 말그대로 number만 할당할 수 있다. num 변수에 string 값을 할당할 경우 위와 같은 타입 에러가 발생한다. string string 타입은 'Hello'와 같은 string 값만 할당할 수 있다. boolean boolean 타입은 true 혹은 false 값만 할당할 수 있다. undefined undefined는 값이 있는지 없는지 아직 결정되지 않은 상태이다. 변수에 직접 undefined 타입을 주는 것은 좋지않다. 보통은 OR을 나타내는 ' | ' 기호를 사용한 유니언 타입을 이용해 타입을 정의한다. 변수의 타입이 number | undefined 이면 변수에 undefined 또는 number .. 2021. 10. 6.

티스토리툴바