velopert / react-tutorial

벨로퍼트와 함께하는 모던 리액트 튜토리얼 문서
https://react.vlpt.us/
350 stars 101 forks source link

1. 리액트는 어쩌다가 만들어졌을까? · GitBook #45

Open utterances-bot opened 4 years ago

utterances-bot commented 4 years ago

1. 리액트는 어쩌다가 만들어졌을까? · GitBook

https://react.vlpt.us/basic/01-concept.html

ghost commented 4 years ago

한가지 질문드리고싶은게잇습니다. 자바스크립트 강의와 리엑트강의 말도 잘하시고 강의도 잘하시는데 항상 설명이 시간에 재촉되듯 조금부족하고 내용은 많이부족하지않나 하는생각이좀듭니다. 리엑트는 벨로퍼트님의 강의로 처음접햇고요 자바스크립트는 책으로 공부후 한차례 벨로퍼트님의 강의를 보앗습니다. 클로저나 프로토타입을통한 상속 프로퍼티등 자바스크립트라는 언어의 핵심적인 성질에대한 언급보다는 빠르게 이벤트처리를 할수잇는 기초적인 문법만 알려주시는 느낌이강하게들더라고요. 마치 리엑트를 배우기위한 기본적인 자바스크립트만 알려주시는것이지 자바스크립트의 바이블은 아니랄까요? 리엑트를 다른책에서 접해본적은 없지만 처음해보는 리엑트지만 뭔가 설명도조금 부족하고 시간에 쫒기듯 강의하시는거 같은느낌이 없지않아 있습니다.

리엑트책을 한권쓰셧던데 5분도안되는 시간에설명하신 jsx에대해서도

2장 JSX 2.1코드 이해하기 2.2JSX란? 2.3JSX의 장점 __2.3.1보기 쉽고 익숙하다 __2.3.2더욱 높은 활용도 2.4JSX 문법 2.4.1감싸인 요소 2.4.2자바스크립트 표현 2.4.3If 문 대신 조건부 연산자 2.4.4AND 연산자(&&)를 사용한 조건부 렌더링 2.4.5undefined를 렌더링하지 않기 2.4.6인라인 스타일링 2.4.7class 대신 className 2.4.8꼭 닫아야 하는 태그 __2.4.9주석 2.5ESLint와 Prettier 적용하기 2.5.1ESLint 2.5.2Prettier __2.6정리

이렇게나 많은 내용들이 잇더라고요., 패스트캠퍼스에서 제공하는 리엑트강의 8강까지 모두보면 저책을 다읽는것과 비슷한 수준의 레벨이 될수잇을까요? 아니면 정말 추리고 추린내용이지 저런 책들과비교햇을땐 한참 부족한 내용들일까요? 답변부탁드립니다.

haileychoi15 commented 4 years ago

@promisith 저 또한 이강의로 리액트를 처음 접했고 promisith 님의 말씀에 공감합니다. 제가 느끼기에 강사님의 강의력은 훌륭하나, 짧은 시간안에 실용적인 내용을 담고자해서 추리고 추린 내용인 것 같습니다. 저도 이강의로 리액트를 처음 접하고 어렵다고 느껴져서 여러 다른 강의와 공부법을 찾아봤습니다. 아래의 순서와 같이 공부하시면 조금 더 도움이 될 것 같아요!

  1. 생활 코딩 react
  2. 이 강의 1장 리액트 입문
  3. 리액트 홈페이지 문서 hook(https://ko.reactjs.org/docs/hooks-overview.html)
  4. 이 강의 2장
ghost commented 4 years ago

책 사봣는데 책이훨신 설명이 잘나와잇네요 이강의는 사실 책내용에 hooks 만때서 알려주는거같네요 바로 개발에 써먹을수잇게패캠강의는 왜다이런지 ㅋㅋ 공식문서는 번역문서라그런지 너무용어가어렵공 생활코딩은 너무기초적인거만 수박겉핥기로알려줘서요

sutt2000 commented 3 years ago

저도 패캠 그리고 책인데 같은 맘이에요 책 100점 강의 40점

wenodev commented 3 years ago

리액트는 어쩌다 만들어졌을까?

배경

sshusshu commented 3 years ago

웹 애플리케이션의 규모가 커지면, DOM 을 직접 건드리면서 작업을 하면 코드가 난잡해지기 쉬움

리액트는 어떠한 상태가 바뀌었을때, 처음부터 모든걸 새로 만들어서 보여주자는 아이디어에서 시작

속도와 성능 문제는 Virtual DOM으로 해결 Virtual DOM은 메모리에 가상으로 존재하는 DOM으로 (자바스크립트 객체) 변경 속도가 빠름

Virtual DOM과 브라우저 DOM을 비교하여 차이가 있는 곳을 감지 => 브라우저 DOM에 패치

InseokSeo306 commented 2 years ago

안녕하세요... 차근차근 잘 읽고있습니다. 한가지 궁금하게 있어서 이렇게...ㅎㅎㅎ 왼쪽 상단 "type to search" 에서 검색을 하는데요.. 예를 들어 app.js 라고 검색하면

33 RESULTS MATCHING "APP.JS"

이렇게 써있고 검색단어가 표시되는데요...

33 RESULTS MATCHING "APP.JS" 에서

33의 뜻(의미)을 잘 모르겠습니다.

다른 단어를 검색하면

매번 숫자가 바뀌는데...

전체에서 검색이 된것인지?(흐음..아닌거 같은데?...제가 잘 못센나? ㅎㅎㅎ)

답변 부탁드립니다. 꾸뻑~

SayisMe commented 1 year ago

virtual DOM에 대해서 확실하게 이해가 된 것 같습니다! 리액트 - virtual DOM 이렇게 한 쌍으로 생각하여 장점을 확실히 짚고 넘어가도록 하겠습니다..

osh6006 commented 1 year ago

다시 한번 더 복습 했습니다. 정말 재미있네용 ㅎㅎ

java-jaydev commented 3 months ago

@InseokSeo306 검색 결과 수입니다. 33 이라고 하면 33개의 결과가 나왔다는 뜻입니다.