티스토리

코딩하는 집사

검색하기

블로그 홈

코딩하는 집사

cattaku.tistory.com/m

cattaku 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

React 프로젝트 설정 1. 프로젝트 폴더 생성 2. vscode에서 해당 폴더를 열고 터미널에서 리액트 설치 https://create-react-app.dev/docs/adding-typescript/ npx create-react-app . --template typescript // '.'은 현재위치에 설치 한다는 의미, '.' 대신 리액트를 설치할 폴더명을 써도 된다. // --template typescript를 할 경우 타입스크립트로 리액트 프로젝트가 생성된다. - nextjs 환경으로 설치할 경우 npx create next-app --typescript // 타입스크립틑 사용하지 않을 경우 -- 옵션 제외 3. babel 패키지 설치 npm install --save-dev @babel/core @babel/c.. 공감수 0 댓글수 0 2022. 10. 21.
[React] React로 Tab 메뉴 구현하기 nextjs 환경에서 styled-components 를 활용해서 구현하였다. 확장자는 jsx 가 아닌 tsx 이다. 큰 차이는 없음~ 나중에 시간나면 애니매이션 효과를 추가하면 좋을 것 같다. import { NextPage } from 'next'; import Page_FriendA1 from './friendA1'; import Page_FriendA2 from './friendA2'; import Page_FriendA3 from './friendA3'; import styled from 'styled-components'; import { useState } from 'react'; const Page_FriendIndex: NextPage = () => { const menuTitle = [.. 공감수 1 댓글수 0 2022. 10. 20.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.