React

React 스터디 시작!

state를 수정하고자 할 때는 직접 건드리지 않는다.

삼항연산자, map, 모달창

props 사용하기 저번에 만든 모달안의 '제목'을 우리가 썼던 글의 제목으로 바꾸고 싶다면? 언뜻 보면 이렇게 하면 될 것 처럼 보인다. 그러나 컴파일 에러 남 "title"이 없어요 App.js(부모 컴포넌트) 안의 Modal은 자식 컴포넌트 자식 컴포넌트는

input 사용하기

react bootstrap

import, export, src 속성에다 반복문 적용

Routing(라우팅): 페이지 나누기, react-router-dom 라이브러리 이용npm install react-router-dom 혹은 yarn react-router-dom 그 다음 index.js로 이동해서 라고 import 해준 다음, 이렇게 Browser

Link, History, Switch

url 파라미터

styled-components

컴포넌트의 lifecycle에 hook을 주는 방법

react에서 ajax 통신하기

github.io

context 사용방법

Tab UI 디자인하고 애니메이션 적용하기

redux를 왜 사용하는가?

다른 state 데이터도 redux로 만들고 싶다면 이 알림창 UI의 상태를 state로 저장해서 닫기 버튼을 누르면 사라지도록 만들자! 초기 state를 만들고 reducer를 하나 더 만들면 됨 ✨이때 combineReducers()를 써서 reducer 여러개를 한꺼번에 넘겨준다. ✨✨ reducer가 두 개 이상이면 store 데이터의 형식이 조...

lazy loading, react dev tools

Progrssive Web App

며칠째 node js + react + sql 연결에 곤란을 겪고 있던 차에 ㅜㅜ (CRUD라도 해보고 싶은데) 친구가 json-server라도 써보라며 던져주고 갔다. 물론 나는 처음 들어보는 문물이었기 때문에 기록용 게시물을 하나 남김! special thanks to 친절하게 예시까지 작성해준 내친구 jaenny❤👍 > json server는 아주...