# 리액트스터디

deepthink

전반적인 내용은 공식문서에 있는 내용입니다.리액트 스터디를 하며, 단순한 (?) 문제를 아주 여러 방면으로 리팩토링 하는 것에 충격을 받았다. 당연하겠지만 어떤 문제건 코드로는 다양하게 나타낼 수 있구나. 아직은 어떤 코드가 베스트다! 하는 건 가려낼 수 없지

deepthink

3월 초부터 리액트 스터디를 하게 됐다.우연히 오픈카톡에 올라온 리액트 스터디 모집을 보게 됐는데, 알고보니 코어자바스크립트 저자인 정재남 님이 스터디를 모집하는 것이었다.1회독 해본 코어자바스크립트는 여전히 지나고 나면 까먹는 어려운 책이지만, 그래도 도움이 많이 됐

lisoh

타입스크립트는 자바스크립트를 기반으로 한 프로그래밍 언어야.

lisoh

#4.2,#4.3 - 인터페이스 , #4.4 추상클래스

lisoh

추상 클래스, 해시맵 딕셔너리 예제

lisoh

3.2 Polymorphism(12:32)

lisoh

call signatures,오버로딩(overloading)

lisoh

1.5 Why not JavaScript (11:47)

dudgk0216

이 api는 컴포넌트가 화면에 나타날때 호출됩니다. 주로 Dom을 사용해야되는 외부 라이브러리를 사용하거나, 해당 컴포넌트에서 필요로 하는 데이터를 요청하기 위해 axios,fetch등을 이용하여 ajax요청을 하거나, Dom의 속성을 읽거나 직접 변경하는 작업을 진행

dudgk0216

리액트에선 컴포넌트를 여러파일로 분리해서 저장합니다. 이 컴포넌트 들은 일반 자바스크립트가 아닌 JSX문법을 이용합니다. 이컴포넌트들을 각각 실행할경우, 굉장히 성능상으로 느려질것이기 때문에, WebPack을 사용하여 하나로 묶어 줍니다. JSX란? HTML 과 비슷

dudgk0216

간단히 말해 자바스크립트 UI 라이브러리 입니다.리액트를 사용해본 개발자들은 대부분 만족할수 있을만큼 리액트는 인기가 많습니다. 그렇다면 리액트를 사용하는 이유는 무엇일까요?먼저 대부분의 개발자들이 자바스크립트를 경험하시고 리액트를 사용하실거라고 생각합니다. 리액트는

jeonghun98

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 해당 학습 코드 25. Antd CSS Framework CSS Framework를 쓰는 이유? → 기능을 만드는데 더욱 집중하기 위해서 CSS Framework 종류 for React JS Material UI

jeonghun98

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의Library, Made by Facebookcomponents - module과 비슷하게 컴포넌트로 이뤄져 있어서 reusable이 뛰어남Virtual DOM원래 리액트 앱을 처음 실행 하기 위해선 webpack 이나

jeonghun98

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 7. BodyParser & PostMan & 회원 가입 기능 회원가입 기능 client ↔ server client - 크롬 브라우저 ex) git hub 회원가입 → 크롬 브라우저에서 server에서 받을 떄

letspl

웹프론트엔드 0/2블록체인 0/1Solidity, React서로 상의한 주제로 프로젝트를 만들어 공모전, 해커톤에 나가는 것을 목표로 합니다.회의를 통해 주제를 선정, 파트 배분 후 진행주 1회 오프라인 회의, Discord를 통한 지속적인 의견 나눔3개월 정도 진행할

dazzlynn

우선 외부 API를 호출하는 법을 알기 전에 동기 비동기에 대한 이해를 해보자.만약 작업들을 동기적으로 처리한다면, 한 작업이 끝날 때까지 기다렸다가 다른 작업을 시작한다. 하지만 비동기 방식은 동시에 여러 가지 요청을 처리할 수도 있고, 기다리는 과정에서 다른 함수도

dazzlynn

기존 웹은 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아 오고, 페이지를 로딩할 때마다 서버에서 리소스를 전달받아 해석한 뒤 화면에 보여 줬다. 하지만 요즘은 웹 상의 정보가 매우 많기 때문에 화면이 전환될 때마다 html을 계속 서버에 새로 요청하면 U

dazzlynn

전개 연산자와 배열의 내장 함수를 사용하면 간단하게 배열 혹은 객체를 복사하고 새로운 값을 덮어 쓸 수 있다. 하지만 객체의 구조가 복잡하고 깊어질수록 불변성을 유지하며 컴포넌트를 업데이트 하는 것이 매우 힘들어진다. 이런 경우 사용할 수 있는 라이브러리로 immer라

dazzlynn

10장에서 만들었던 todo-app에서 데이터가 폭증하면 앱이 느려지겠지? 성능 최적화 전에 실제로 랙(lag)을 경험할 수 있도록 많은 데이터를 렌더링해보자.App.js를 다음과 같이 수정해 데이터 2500개를 생성하는 함수를 통해 todos를 설정했다.주의useSt

dazzlynn

CRA로 todo-app 프로젝트 생성필요한 라이브러리 설치Prettier 설정