FE

페이지 이동 시 스크롤 위치 항상 위에 고정시키기

페이지 이동 시 해당페이지의 스크롤을 항상 상단으로 이동시키는 방법이다.아래에서 위로 움직이는 애니메이션이 있는 페이지였기에 스크롤 위치가 중요했는데, 이전 페이지의 스크롤 위치가 상단이 아니면 애니메이션이 깨지는 오류가 발생해 해당 방법으로 오류를 해결하였다.import { useLocation } from "react-router";import { useEffect } from "react";function ExamplePage() { const { location } = useLocation(); useEffect(() => { window.scrollTo(0, 0); }, [location]); *window.scrollTo- 문서의 지정한 위치로 스크롤더보기상황1. 아래에서 위로 뜨는 ..

[TypeScript] #1. TypeScript 왜 사용하나?

Type! TypeScript는 타입이 있기 때문에!!!!!TypeScript는 프로그래밍 언어인데 언어 이름에도 알 수 있듯이 TypeScript를 사용하는 이유는 바로 Type 때문이다. Type이란 자료형이라고 보면 되는데, 변수가 숫자인지, 문자열인지 등의 형태를 나타낸다.  오케이, 타입을 가지고 있는건 알겠는데, 그게 왜 장점이 되는건데?자바스크립트와 타입스크립트의 차이Javascript(동적언어)런타임에 타입 결정 / 오류 발견Java, Typescript(정적언어)컴파일 타임에 타입 결정 / 오류 발견 → 코드 작성시간은 길어지지만 안정적이고 빠르게 작업 진행 가능 위에서 간단하게 설명한 거처럼 타입스크립트는 컴파일 할 때 타입을 결정하고, 오류를 발견하며 자바스크립트는 런타임에 타입을 ..