# reactjs

51개의 포스트
post-thumbnail

WebRTC 구현하기(1:N SFU)

SFU(Media server)를 구현하여 만든 1:N WebRTC

약 8시간 전
·
0개의 댓글

요즘 React가 정말 재미있다

앞으로는 이곳에 리액트 관련 개념? 정리를 해보는 블로그로 꾸며볼 생각이다

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

WebRTC 구현하기(1:N P2P)

Node.js | ReactJS | Typescript를 이용한 1:N P2P WebRTC

2020년 12월 31일
·
0개의 댓글
post-thumbnail

WebRTC 구현하기(1:1 P2P)

Node.js | ReactJS | Typescript를 이용한 1:1 P2P WebRTC

2020년 12월 25일
·
0개의 댓글
post-thumbnail

React Study Note

너무 멋진 React 설치

2020년 11월 24일
·
0개의 댓글
post-thumbnail

리액트 프로젝트 오류 수정(Router)

오류코드 Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribut

2020년 11월 7일
·
0개의 댓글

[ReactJS] styled-components💅

styled-component 조건부 렌더링

2020년 10월 10일
·
0개의 댓글
post-thumbnail

리액트로 뭔가 만들어보기

리액트 공부 할겸 이걸 만들어 보았습니다. 1개월 정도 퇴근하고 짬짬이 모듈 만들고, 저거 만들고 했습니다. https://chrome.google.com/webstore/detail/cubelopment/gdkaknnheikgofcdmhddpejegpgmhb

2020년 10월 9일
·
0개의 댓글
post-thumbnail

TIL 54 | 객체 계산된 속성명

카카오 프렌즈샵 클론 코딩 프로젝트를 진행하고 있다. 메인의 전체 제품보기 탭에서 두가지 방법으로 Sorting 하는 모달창을 작업하는 중 배운 "객체 계산된 속성명으로 중복된 함수를 축약한 방법"을 기록한다.

2020년 9월 17일
·
0개의 댓글

ReactJS 20.09.15

class react component는 return을 가지지 않는다. function이 아니고 render method를 가지고 있기 때문이다.class component는 class이지만 react component로부터 확장되고 screen에 표시된다. 그걸 re

2020년 9월 15일
·
0개의 댓글

ReactJS 20.09.14

node.js / npm / npx : npm install npx -g / git<설치 확인 방법> node -vnpm -vnpx -v git --versionnpx create-react-app \_\_\_\_ 실행 vsc folder openTerminal

2020년 9월 14일
·
0개의 댓글

ElectronJS 제대로 시작하기

취업하고 4개월 안에 회사에서 제 실력을 검증하기위해 개인 공부를 잠시 미뤄뒀었는데 이제 어느정도(?) 개발 퍼포먼스도 인정받았으니 다시 개인 공부를 시작해봐야겠네요. 추후에 회사에도 Javascript, ReacJS도 전파할 예정입니다. ㅎㅎ 회사에서 주로 WPF,

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

React JS - 1일차

node jsnpmnpm -> npm install npx -g 를 통해 설치visual studio codegit -> git remote add origin my-github-repository urlcreate-react-app\-> 리액트 작업 환경 구축\->

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

[React에서 TypeScript사용하기] #5 Redux 프로처럼 사용하기

액션을 선언할 때 보통은 아래 코드와 같이 쓰죠. 따로 타입추론으로 인해서 각 액션의 타입으로 string이 부여되죠. 그런데 타입스크립트에서는 문자열 자체를 타입으로 만들어 줄 수 있습니다. 바로 const assertion을 통해서 말이죠.const assertio

2020년 7월 18일
·
0개의 댓글
post-thumbnail

[React에서 TypeScript사용하기] #4 Context API

velopert님의 벨로그 포스트를 보면서 이번 장에서는 타입스크립로 리액트의 Context API를 활용하는 방법에 대해서 알아보겠습니다. 프로젝트의 Hello, World!라고 할 수 있는 투두리스트를 만들어보면서 배워보죠.먼저, 타입스크립트가 적용된 리액트 프로젝

2020년 7월 17일
·
2개의 댓글
post-thumbnail

[React에서 TypeScript사용하기] #3 리액트 Hooks 사용하기

이번 시간에는 타입스크립트 환경에서 리액트 Hooks를 사용하는 방법에 대해서 알아보겠습니다.컴포넌트의 Hello, World라고 할 수 있는 카운터를 만들어보죠. src/CounteruseState()를 사용할 때 제네릭으로 타입 인수를 넘겨 state의 타입을 명시

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

[React에서 TypeScript사용하기] #2 리액트 컴포넌트 + TypeScript

CRA으로 타입스크립트 설정되어있는 리액트 프로젝트를 만들때 다음과 같이 명령어를 입력하면 됩니다. 쉽죠?프로젝트를 열어서 src 디렉토리에 App.tsx 파일을 봅시다. 자바스크립트 환경에서의 리액트 프로젝트와는 다르게 .tsx 확장자를 사용하죠? 타입스크립트를 사용

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

[React에서 TypeScript사용하기] #1 tsconfig.json

먼저 타입스크립트를 global로 설치합시다.그런 다음 다음 명령어를 입력하면 tsconfig.json 파일이 자동 생성됩니다.tsconfig.json 파일에서는 타입스크립트가 컴파일 될 때 필요한 옵션을 정합니다. 명령어를 알아봅시다.target : 컴파일된 코드가

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

📜 reactjs 공식 문서 읽기 - Main Concepts 1~4

지속적으로 참고하고 싶은 리액트의 철학적인 내용을 정리하는 것이 목표가장 간단한 React 예제 선천적으로 렌더링 로직은 다른 여러 로직들과 연결이 되어있다. (이벤트 관리, 시간에 따른 state 변화, 데이터 준비 상황 등) React는 이 사실을 포용하는 의미에서

2020년 6월 28일
·
0개의 댓글