# reactjs

231개의 포스트
post-thumbnail

[typescript error: react-hook-form] Type 'string' is not assignable to type 'boolean | undefined'.

password input에 required: "password를 입력하세요" 경고메시지를 띄우고 싶은데, required에 문자열은 못 쓰고 boolean값만 와야한다고 typescript한테 혼날 때

3일 전
·
0개의 댓글
·
post-thumbnail

[error] Warning: Each child in a list should have a unique "key" prop.

나 coin들에게 key를 줬어!! 분명 줬다구! key의 자리를 Link 태그로 옮기자.

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

[error] Warning: Invalid hook call. Hooks can only be called inside of the body of a function component....이유 원투쓰리

GlobalStyle 적용하려할 때 난 오류. styled-components 버전을 다운그레이드 해보자.

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[ReactJS] 2. styled-components 동작 원리

Tagged Template Literals 문법이 props에 기반한 동적인 스타일링이 가능하게 한다!

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[error] 'React' refers to a UMD global, but the current file is a module

불평많은 타입스크립트를 잠재우자.

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[ReactJS] 1. styled-components 사용 이유

1. styled-components 사용기 - 사용 이유

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

TailwindCSS + ReactJS 개발환경설정

ReactJS와 NestJS에서의 TailwindCSS 환경설정

2023년 1월 4일
·
0개의 댓글
·
post-thumbnail

nodeJS+react 프로젝트 시작하기

https://nodejs.org/en/ (안정적 버전 추천)npm install -g create-react-appcreate-react-app 리액트프로젝트폴더이름 npm install -g에서 -g옵션은 시스템 디렉터리에 패키지를 설치하는 것을 의미합니

2023년 1월 4일
·
0개의 댓글
·

[노마드코더 - ReactJS로 영화 웹 서비스 만들기] #2 The Basics of React

# 2.0 Introduction ReactJS는 UI를 interactive하게 만든다. 웹사이트에 interactivity(상호작용)을 만들어준다. # 2.1 Before React ReactJS를 설치하기 위해서는 두 개의 Javascript code를 impor

2023년 1월 3일
·
0개의 댓글
·

[노마드코더 - ReactJS로 영화 웹 서비스 만들기] #1 INTRODUCTION

니꼬쌤이 ReactJS가 지금까지 배운 최고의 도구라니. 기대된다!A1. 상위 1만개 회사의 약 44프로가 사용하고 있다. 에어비앤비, 인스타그램, 핀터레스트, 우버, 넷플릭스 등 거대한 웹사이트들고 ReactJS를 사용한다.A2. Facebook에서 만들었다. 그리고

2023년 1월 2일
·
0개의 댓글
·

useState

컴포넌트내 상태값을 관리하기 위한 Hook컴포넌트의 상태컴포넌트내에서 사용할 변수conststate, setState=useState('초기값');상태값 변경시 리턴받은 함수로 상태값 변경set함수를 이용하여 상태값을 변경하면 화면이 재 렌더링된다.

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

[ReactJS로 영화 웹 만들기 ]10. github page에 내가 만든 웹사이트 업로드하기

드디어 우당탕탕 영화 웹 만들기 완료!!

2022년 12월 21일
·
0개의 댓글
·

React, Hook의 규칙(Rules of hooks)이 말하고자 하는 것

리액트 Hook을 사용하기 위해서는 Hook의 규칙을 지켜야만 한다...왜 이런 규칙들이 있을까?

2022년 12월 17일
·
0개의 댓글
·
post-thumbnail

[ReactJS로 영화 웹 만들기 ]8. react-router-dom (최신 버전인 v6를 사용하자. -> v5, v6 둘 다 공부하자로 수정)

react-router-dom은 최신 버전을 사용하자. v5 byebye~ Switch도 byebye~ -> byebye 못 하는 것으로 수정

2022년 12월 16일
·
0개의 댓글
·
post-thumbnail

[ReactJS로 영화 웹 만들기 ]6.coin tracker 만들기

암호화폐 OPEN API를 가져와서 코인 시세를 나타내보자. 내가 가진 돈으로 비트 코인은 몇개 살 수 있을까? 구현 가능하다!

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

[ReactJS로 영화 웹 만들기 ]4.useEffect

state가 부분적으로 바뀔 때마다 컴포넌트 전체가 리렌더링되는 것을 방지하려면?

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

리액트 특징Virtual DOM1.1 DOM이란?DOM은 Document Object Model의 약자입니다.DOM은 HTML, XML문서에 접근하기 윈한 인터페이스입니다.DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM의 구조에 접근하여 문서의 구조,

2022년 12월 12일
·
0개의 댓글
·