# reactjs

85개의 포스트
post-thumbnail

포트폴리오(개발 진행중)

포트폴리오 링크입니다.

2021년 10월 14일
·
0개의 댓글

React JS form data로 파일 업로드

1. ReactJS에서 이미지 파일 받아올 때에는 무조건 multer로 저장? 이상행동이 탐지된 경우 캡쳐 이미지를 서버에서 바로 저장하기 때문에 따로 클라이언트 단에서 파일 업로드를 구현할 필요는 없다고 생각했는데, cctv 썸네일을 업로드할 때 필요하다. multe

2021년 10월 6일
·
0개의 댓글

Flask 서버에서 ReactJS 클라이언트로 푸시알림 보내기

우선 reactjs에 firebase를 설치한다.react js App.js 측 코드public 폴더 아래에 firebase-messaging-sw.js 파일을 생성하여 서비스워커를 등록한다.이제 reactjs쪽 코드는 끝이 났다. flask 서버에서 처리를 해보자.우

2021년 10월 6일
·
0개의 댓글

[React] useState Hook

useState는 함수형 컴포넌트에서 사용된다.useState는 클래스형의 this.state, this.setState와 같다useState를 사용하는 방법은 아래와 같다이렇게한다면 출력 값은 Apple이 아닌 Banana로 바뀌어서 출력된다.

2021년 9월 26일
·
0개의 댓글

[React] 북마크 버튼 체크, 언체크 기능

Bookmark 버튼을 클릭하였을때 북마크가 체크되고 다시한번 눌렀을때 북마크가 해제되는 스타일링 이것을 하기 위해서는 삼항연산자와 북마크의 state를 저장할 useState를 사용한다 먼저 북마크 아이콘에대한 useState를 하고 그의 상태값을 false로 둔

2021년 9월 25일
·
0개의 댓글

React Hooks 훅

오늘은 React Hooks에 대해 알아 보려고 한다! 훅은 낚시 바늘의 훅처럼 컴포넌트에게 낚시 바늘을 걸듯이 훅을 거는 것이다! 컴포넌트의 Life Cycle 인생 중간중간에 내가 특정 명령을 내릴 수 있다 컴포넌트가 등장할때 OOO 해줘! 컴포넌트가 업데이트

2021년 9월 25일
·
0개의 댓글
post-thumbnail

[프로젝트 후기]사이퍼즈 아이템 세팅

프로젝트 링크깃허브 링크사이퍼즈는 내가 오픈 베타 부터 즐기기 시작했으니까거의 9년이나 한 게임이다...나는 예부터 선천적 아싸 기질 때문인지 롤이나 메이플 같은 소위 인싸들의 겜은 내 성에 맞지 않은 것이었다. 그런데 사이퍼즈란 게임은 인싸의 주류에서 벗어났지만 그렇

2021년 9월 20일
·
0개의 댓글
post-thumbnail

[React] Reconciliation이란? (+ virtual DOM, 리액트는 선언적)

리액트는 컴포넌트에서 prop이나 state가 변경될 때, 직전에 렌더링된 요소(element)와 새로 반환된 요소를 비교하여 실제 DOM을 업데이트 할지 말지 결정해야 한다. 이때 두 element가 일치하지 않으면 리액트는 새로운 요소로 DOM을 업데이트 하는데,

2021년 8월 29일
·
0개의 댓글

React의 Style 라이브러리에 대해

나는 Styled-component 대신 classNames라는 라이브러리와 node-sass모듈을 사용한다.(Next.js에서는 css/sass 모듈이 내장되어있다)그동안 접해본 다른 라이브러리와 최종적으로 node-sass를 사용하게 된이유에 대해 정리해 보려고 한

2021년 8월 24일
·
0개의 댓글
post-thumbnail

[ReactJS] Immutability

불변성: 값이나 상태를 변경할 수 없는 값을 의미상태를 변경하는데, 상태를 변경하지 않으면서 원하는 상태를 바꾼다는게 말이 어렵다...필요한 값을 변형해서 사용하고 싶다면 어떤 값의 사본을 만들어서 사용해야 한다.redux 예제를 공부하면서 느낀건데 다음과 같이 상태값

2021년 8월 24일
·
0개의 댓글
post-thumbnail

인스타그램 클론코딩 12일차 - FE

Profile - useParams & keyField

2021년 8월 8일
·
0개의 댓글
post-thumbnail

인스타그램 클론코딩 9일차 - FE

FE Setup & React Variables & Styled-Commponents

2021년 7월 31일
·
0개의 댓글
post-thumbnail

Apollo 1일차

Apollo with React and GraphQL

2021년 7월 19일
·
0개의 댓글
post-thumbnail

React Hooks 3일차

useEffect 2

2021년 7월 17일
·
0개의 댓글
post-thumbnail

React Hooks 2일차

useEffect 1

2021년 7월 16일
·
0개의 댓글
post-thumbnail

Reack Hooks 1일차

useState

2021년 7월 15일
·
0개의 댓글
post-thumbnail

ReactJS 마무리

마치며

2021년 7월 5일
·
0개의 댓글
post-thumbnail

CORS(Cross-origin resource sharing)

CORS 문제 해결

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