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

# React

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

18789개의 포스트
post-thumbnail

[프로젝트] Watcha Classic # Main Page(2)

Main Page의 component 정하기 Main Page에서 반복되는 UI를 가지는 요소들을 모두 component로 만들면 재사용의 이점과 함께 유지보수도 편리하다. 실제 Watch Pedia 사이트에는 여러개의 테마를 가지고 목록을 구성하고 있지만 이번 프로

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

[프로젝트] Watcha Classic # Main Page(1)

프론트 개발자가 3명이라 각각 하나의 페이지를 담당하기로 했다. 나는 메인 페이지를 구현한다.

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

[프로젝트] Watcha Classic # 우선순위 정하기

2주라는 짧은 시간동안 하나의 서비스를 완성해야 하는 상황에서 가장 빨리 해야하는 것은 우선순위를 정하여 필수로 구현할 기능과 추가로 구현할 기능을 나누는 것이다.

약 2시간 전
·
0개의 댓글

# React

DB없이 반영구적 저장 가능local.Storage.getItem('이름')저장하기local.Storage.removeItem('이름')삭제할수 있음수정하는 문법은 없음.X문자만 저장할 수 있음!하지만 JSON으로 바꾸면 가능함작명.name해도 꺼내 쓸수 없음.

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

[프로젝트] Watcha Classic #Daily Standup Meeting

📌 매일 아침 10시 팀원들끼리 모여서 30분 동안 프로젝트 진행 상황을 공유한다.

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

Redux 시작하기...

도구 : 상태관리 , 어플리케이션의 복잡성을 낮춘다.특징 : 하나의 상태를 갖는다 ( 상태란 객체 )state = {} reducer 를 통해 데이터를 수정한다 ? getState란 것을 통해 데이터를 수정한다 ? 데이터를 외부에서 직접적으로 제어할 수 없도록 !!

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

[프로젝트] Watcha Classic #협업 툴

프론트와 백의 언어는 다르다. 프로젝트를 바라보는 시각도 다르다. 그 다름의 차이를 좁혀주는 협업 툴 3가지를 소개한다.

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

[프로젝트] Watcha Classic

SNS와 평점 데이터를 활용한 클래식 영화 백과사전 사이트

약 3시간 전
·
0개의 댓글

useCallback / useMemo

useCallback은 특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용합니다. React 공식 문서에서는 useCallback을 다음과 같이 말하고 있습니다. 메모제이션된 함수를 반한하는 하는 함수입니다. > 인라인 콜백과 그것의 의존성 값의 배열을 전달하세요. useCallback은 콜백의 메모이제이션된 버전을 반환할 것입니다. 그 메모이제이션...

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

팀 프로젝트 - 등번호 관리 모달 구현중

등번호 변경 기능을 만들어야 한다현재 피그마에는 이런식으로 올라와있다일단 등번호 설정 이라는 큰 모달을 만들었다저 선수 모양은 아직 디자인이 나오지않아서 로고로 대체했다이제 여기서 조금 어려움을 겪었다나는 모달을 하나 더 만들어서 저 조그만 등번호 교체하는 모달을 2중

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

[React Hook Form] <캐럿마켓 클론코딩> 챌린지 - 2주 차 코딩

캐럿마켓 챌린지 2주 차 코딩

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

Babel은 트랜스파일러(transpiler)일까? 컴파일러(compiler)일까?

transpiler vs compiler vs transcompiler

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

전역 변수 window 접근과 Next.js

프로젝트를 하면서 window의 접근 가능 여부의 차이로 Next.js의 특징을 이해하고 실습할 수 있었다

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

[React] Javascript Basics Before Learning react

"JavaScript Basics Before You Learn React" 를 보고 정리한 글입니다!

약 16시간 전
·
0개의 댓글

[React] Swiper reference

Swiper 공식 문서https&#x3A;//swiperjs.com/get-startedSwiper CSS 적용https&#x3A;//joyful-development.tistory.com/35Swiper 사용법https&#x3A;//shadesign.tistory.c

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

[TIL] React Hooks -2편-

React Hooks 2편

약 17시간 전
·
0개의 댓글

[React] React의 생명 주기 (Life cycle)

📝 React를 사용하는 데 있어 꼭 알아야할 개념인 라이프사이클에 대해서 설명해보려고 한다!mount : 페이지에 장착됨update : 업데이트 됨 = 재렌더링 (ex. state가 변동될 때)unmount : 필요없으면 제거됨 (ex. 페이지를 벗어나면 해당 컴포

약 18시간 전
·
0개의 댓글

[React] 화면 크기 reference

https&#x3A;//velog.io/@eunddodi/React-모바일-웹-앱-100vh-실제-화면-크기로-맞추기

약 18시간 전
·
0개의 댓글

사용자 입력 리스닝

사용자가 입력한 값을 실시간으로 보여주는 기능을 구현해보겠습니다.함수를 선언하고 사용자의 입력을 받는 곳에 onChange를 통해 해당 함수를 넣으면textinput에 타이핑할 때마다 TODO함수가 실행됩니다.자바스크립트에서 어떤 dom요소에 이벤트 리스너를 추가하고자

약 18시간 전
·
0개의 댓글

Styled Components

Styled Components는 CSS in JS 라는 개념이 대두되면서 나온 라이브러리CSS in JS 라이브러리를 사용하면 CSS도 쉽게 Javascript 안에 넣어줄 수 있으므로, HTML + JS + CSS까지 묶어서 하나의 JS파일 안에서 컴포넌트 단위로

약 19시간 전
·
0개의 댓글