[React/Node.js] Socket. io / SSE reference

socket.io 실시간 chat 구현 (react - Node.js)(1) https://roothyo.tistory.com/41?category=1033490(2) https://roothyo.tistory.com/42?category=103349

2022년 7월 8일
·
0개의 댓글
·

[React] styled-components props 적용

https://velog.io/@gym/React-React로-하단탭-만들기https://medium.com/@justiceotuya/how-to-add-classnames-to-styled-components-f1f88518ab51https&#x3A

2022년 7월 5일
·
0개의 댓글
·

[React] Swiper reference

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

2022년 7월 1일
·
0개의 댓글
·

[React] 화면 크기 reference

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

2022년 7월 1일
·
0개의 댓글
·

[React] 게시글 작성 - 이미지 업로드 reference

이미지 다중 업로드 \- css 참고 자료이미지 프리뷰https://velog.io/@gay0ung/리액트로-이미지-업로드-미리보기이미지 다중 프리뷰 예제이미지 프리뷰에서 삭제https://taehoblog.netlify.app/r

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

[React] 리액트 상태관리 - Redux

yarn add redux react-redux데이터 저장할 공간 store 생성reducer만이 store에 있는 data 수정 가능,어떤 식으로 수정을 해줘는 action으로 정의 됨redux 쓰는데 꼭 필요한 모듈은 기본 값, 얘는 원래 이런 데이터 값 가지고 있

2022년 6월 7일
·
0개의 댓글
·
post-thumbnail

[React] 리액트 상태관리 - ContextAPI

ContextAPI는 변경이 잦지 않고 크기가 크지 않은 data를 전역으로 사용하고 싶을 때 사용 효율이 좋은 React 상태관리 API이다.ContextAPI를 사용하기 위해서는 먼저 데이터를 저장할 공간 생성 필요Provider로 데이터 주입: Provider는

2022년 6월 7일
·
0개의 댓글
·

[Ch 3-3] 리액트 라이프사이클과 Hooks (WIL)

리액트에서 컴포넌트들은 클래스형 컴포넌트 혹은 함수형 컴포넌트로 표현컴포넌트는 UI를 만들고, 라이프사이클을 통해 화면에 나타나거나 사라지는 것과 같은 상황에서 특정 동작을 실행클래스형 컴포넌트 : 상태값(state)과 LifeCycle를 가짐, 메모리 자원을 함수형보

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

[Ch 3] React 입문주차 S.A.

JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어JavaScript의 자료형(타입)원시값: 언어의 최고 로우레벨에서 직접 표현되는 불변 데이터\-> Boolean, Null, Undefined, Number, BigInt, Str

2022년 5월 20일
·
0개의 댓글
·