name https://images.velog.io/tags/React.png

# React

리액트(React)는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. React는 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줍니다. 애플리케이션의 각 상태에 대한 간단한 뷰만 설계하세요. 그럼 React는 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 렌더링합니다.

17008개의 포스트
post-thumbnail

[ React ] 라이프 사이클 흐름

라이프 사이클 흐름

15분 전
·
0개의 댓글
post-thumbnail

코딩할 때 주의점 : React

내가 정리한 react 주의점

약 3시간 전
·
0개의 댓글

코드 스플리팅란

정의 ` 우리가 자바스크립트로 애플리케이션을 개발하게 되면, 기본적으로는 하나의 파일에 모든 로직들이 들어가게 됩니다. 그럼, 프로젝트의 규모가 커질수록 자바스크립트 파일 용량도 커지겠죠? 용량이 커지면, 인터넷이 느린 환경에서는 페이지 로딩속도도 느려질 것입니다.

약 3시간 전
·
0개의 댓글
post-thumbnail

[React] (4) 컴포넌트 상태 관리

프로퍼티의 특징: 컴포넌트 내부에서 값을 바꿀 수 없다.값을 바꾸려면 state를 사용한다.state: 값을 저장하거나 변경할 수 있느 객체. 주로 이벤트에 사용SetTimeout() 함수로 4초 뒤 state에 저장되어 있는 값을 변경생성자 안에 bind,setTim

약 3시간 전
·
0개의 댓글
post-thumbnail

11) tsx : 어려울게 / 나 : anyscript 할게

Algorithm Self Study, event bubbling, ant-design, rate by ant-design, Code Review, Daily Scrum, Algorithm Class, self Study

약 4시간 전
·
0개의 댓글
post-thumbnail

React State & props

state vs props state와 props(properties)는 자바스크립트에서 사용되는 객체이다. state와 props는 모두 렌더링 결과물에 영향을 주는 데이터를 갖는다. state와 props의 가장 큰 차이로는 state는 컴포넌트 안에서만 관리되는

약 4시간 전
·
0개의 댓글

TIL: 2022-05-23 React

특정 요소에 addEventLisster로 이벤트를 추가했으면, componentWillUnmount() 에서 removeEventListener 처리를 해줘야 한다.useEffect()함수형 컴포넌트에서 사용하는 리액트 훅라이프 사이클 함수 중 conponenetDi

약 5시간 전
·
0개의 댓글
post-thumbnail

0522 TIL

핵심 코드리뷰 스타일 파일은 소문자로 시작할것 리액트 쿼리 사용법 명확하게 체크 if 깊이는 깊게 가져가지 말 것 케밥케이스 (kebab-case) 라는것도 있다는 정도만 알아두길 하위 컴포넌트 한 뎁스 정도만 내려줄때는 props로 내려주는게 좋다 inline

약 11시간 전
·
0개의 댓글
post-thumbnail

리액트 시작 전 기초

책 '실전 리액트 프로그래밍'의 1장을 읽고 학습 목적으로 정리한 내용입니다.

약 12시간 전
·
0개의 댓글
post-thumbnail

TIL: 클린 코드..? 틀린 코드 - 2. 검색어 추천 검색창 회고 (8)

틀리지 않는 코드시멘틱한 코드깔끔한 코드잘 동작하는 코드useQuery: useQuery 첫 번째 인자에 첫 번째 값은 꼭 string으로 작성함수로 작성 시 웹팩이 함수 a, 함수 b 이런 식으로 변경해주기 때문에반응형: 모바일 먼저, 작은 것 -> 큰 것으로모달:

약 13시간 전
·
0개의 댓글
post-thumbnail

[ API ] Youtube API 불러오기

React에서 Youtube API 데이터 불러오기 구글 클라우드 플랫폼 Google Cloud Platform > API 라이브러리 > YouTube Data API v3 > 사용 클릭 ! 사용자 인증정보 들어가기 키표시 옆 API 키 수정 클릭 ! Restfu

약 13시간 전
·
0개의 댓글

Array Component

배열 컴포넌트 사용시 key에 배열의 index는 사용하면 안된다.

약 13시간 전
·
0개의 댓글
post-thumbnail

NAVER 지도에서 경로 표시하기

NAVER API 사용시 지도에 경로 그리기

약 14시간 전
·
0개의 댓글

React-router vs Next-router

먼저 프론트엔드에서 많이 사용하는 프레임워크가 있다.Next 와 React 프레임워크이다.둘이 따로 사용하는 경우도 있지만, 둘을 같이 사용하는 것이 사용할 수 있는 기능면에서 이점이 있다.같이 사용할 때는 Next가 React를 감싸고 있다고 생각하면 된다.이때 둘이

약 14시간 전
·
0개의 댓글
post-thumbnail

[React] svg랑 친해지기

[React] svg

약 14시간 전
·
0개의 댓글
post-thumbnail

[5/23] 코드리뷰

새로운 프로젝트를 시작하면서 지난주 강의 때, 코드리뷰를 다시 리뷰해보는 시간을 가졌다. 1. return 안에서 3항 연산자 지양하자. 가독성 때문에! 이런 코드를 작성해야 할때, return 안에서 쓰지말고 밖으로 빼버리자. 또다른 예, 위와같은 경우 이렇

약 14시간 전
·
0개의 댓글
post-thumbnail

[리액트] 상개발자특 내 마음대로 이미지 잘라서 씀

이미지를 크롭하고 싶었던 하개발자의 스토리

약 15시간 전
·
1개의 댓글

JSX

JSX란? JSX(JavaScript eXtension)은 JavaScript의 확장 버전이다. HTML문법을 JavaScript 코드 안에 작성하며, React에서 HTML 코드를 작성할 때 JSX를 사용한다.

약 15시간 전
·
0개의 댓글
post-thumbnail

useEffect 의존성 배열

useEffect 의존성 배열

약 16시간 전
·
0개의 댓글