728x90 728x90 Frontend54 Next.js 사용하는 이유 Next.js 사용하는 이유 Next.js란 NextJS는 대규모의 양산형 React 앱을 더 편리하게 구축할 수 있도록 많은 기능을 제공하는 React 프레임워크이다. 하지만 대규모의 React 프로젝트를 구축하려면 보통 라우팅에 필요한 라이브러리나 인증에 필요한 라이브러리들을추가해야 한다. NextJS는 React를 기반으로 하는 프레임워크로 라이브러리보다 더 크고 기능이 많다. 또한 코드를 작성하는 방법이나 파일을 구성하는 방법에 관한 명확한 규칙과 지침이 있다. 이를 이용해서 대규모 React 앱을 편리하게 구축할 수 있다. Next.js의 주요 기능 1. 서버사이드 렌더링 NextJS에서 추가된 가장 중요한 기능은 서버 사이드 렌더링을 내장하고 있다는 것이다. React만 이용해서 만든 일반적인.. 2023. 3. 3. 리액트에 typescript 설치 하기 리액트 앱에서 typescript 설치하기 Create React App Docs에 ‘Adding TypeScript 문서를 볼 수 있다. https://create-react-app.dev/docs/adding-typescript/ 여기에서 리액트 프로젝트를 만들 때 타입스크립트 기반 프로젝트로 생성하는 방법과 기존 프로젝트에 타입스크립트를 추가하는 방법이 설명되어 있다. 타입스크립트 기반 프로젝트로 생성하는 방법 npx create-react-app my-app --template typescript or yarn create react-app my-app --template typescript 기존 프로젝트에 타입스크립트를 추가하는 방법 npm install --save typescript @typ.. 2023. 3. 2. 타입스크립트의 타입 종류 타입스크립트의 타입 종류 Primitives 자바스크립트에서 사용하는 기본형(Primitives) 타입으로는 숫자형, 문자열, 부울(Boolean)형이 있다. 만약 ‘age’라는 변수를 만들어 사용자의 나이를 저장한다면, 여기에는 명확히 숫자만 저장해야 한다고 표시하고 싶을 것이다. let age : number; age = 20; 변수 이름 뒤에 콜론을 붙이고 그 뒤에 타입을 표시해 해당 변수에 저장할 자료형 지정하면 된다. 마찬가지로 ‘userName’이라는 변수에 문자열 타입을 지정할 수 있다. let userName: string = "Myname"; 타입스크립트에서는 ‘number’와 ‘string’ 표기가 소문자로 시작되는데 ‘Number’ 나 ‘String’으로 쓰게 되면 자바스크립트의 Nu.. 2023. 3. 1. 타입스크립트를 사용하는 이유와 설치 방법 타입스크립트를 사용하는 이유와 설치 방법 타입스크립트란 타입스크립트는 자바스크립트를 기반으로 하되 보다 더 확장된 프로그래밍 언어인 superset 언어이다. 자바스크립트의 기본적인 문법들과 if 문, for 반복문, 객체 사용법 등을 그대로 사용한다. 타입스크립트는 자바스크립트 문법에 몇 가지 기능을 추가한 것이고 자바스크립트 라이브러리가 아니기 때문에 자바스크립트의 기존 기능을 기반으로 새로운 기능을 만들거나 기능을 확장하지 않는다. 가장 중요한 건 정적 타입(statically Typed)의 특징을 갖는다는 것이고 ‘타입스크립트’라는 이름도 여기에서 유래했다. 정적 타입 기능이 추가된 이유는 자바스크립트가 원래 동적 타입(dynamically typed) 언어이기 때문이다. function add(.. 2023. 2. 28. 이전 1 2 3 4 5 6 7 8 ··· 14 다음 728x90 728x90
