웹 개발의 기록들

이 블로그 내용은 useState가 아닌, this.state로 상태를 변경하게 됩니다. 두 로직 모두 이해하신 분이시라면, 어떤 걸로 하든 충분히 하실 수 있습니다. 1. state와 이벤트 핸들러를 가지고 있을 InputContainer.js 만들기 import React, { Component } from "react"; import InputComponent from "../components/InputComponent"; class InputContainer extends Component { constructor(props) { super(); this.state = { inputItems: [ { id: 0, title: "", one: "", two: "" } ], inputAddId: 1..

[ 이전 공부 내용 ] 더보기 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 1. Intro ( 프로젝트 생성 및 실행해보자 ) 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 02. Library와 Framework 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 03. pages 와 static pre rendering 2022.02.15 - [web/React.js] - [ Next.js 공부하기 ] 04. Routing / CSS Module / Style JSX Style.jsx를 하다보면, 그럼 전역으로 어떤 특정 태그의 스타일을 바꾸고 싶은데 어떻게 해 그럼? 이라고 생각한 사람도 있..

[ 이전 공부 내용 ] 더보기 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 1. Intro ( 프로젝트 생성 및 실행해보자 ) 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 02. Library와 Framework 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 03. pages 와 static pre rendering 1. Routing - Next.js에서는, react.js 처럼, react-router-dom을 설치하거나 하는 것을 할 필요가 없다. 굉장히 좋다^^ components 폴더에, navbar.tsx 파일을 생성해주고 아래와 같이 코드를 작성하자. import Link fr..

npx create-react-app '프로젝트 이름' --template typescript 이렇게 입력하면 React.js 환경에서 Typescript를 사용할 수가 있다.