React 2022년 개정판 - 4. 컴포넌트만들기

[@타조우리]

6년전 영상들 보다가 최신 영상들을 보니 아직까지도 1억개를 좋아하셨네요 ㅋㅋㅋ

[@표표-m2o]

설명또한 사용자가 편안하게 이해하기 쉽게 알려주셔서 감사합니다

[@antares-kor]

리액트의 본질이 사용자 정의 태그를 만드는거라는 말에 너무 공감합니다! hook을 만든것도 좀 더 코드를 선언적으로 짤 수 있어서 좋은거같구요!

[@ysl8461]

올해도 감사합니다!

[@뚜꾸리-b8s]

강의 시작하자마자 아..틀기잘했다 이 생각 듦 최고에요

[@typark5644]

폭발적으로 배울수 있어서 좋네요~

[@SJ-ew6xo]

리액트 엄두가 안 났는데 .이렇게 알게 되어서 너무 기쁘네요~ 항상 감사드립니다.

[@김성은-m2l]

리액트는 사용자 정의 태그를 만드는 기술이다.
사용자 정의 태그는 componen다.
감사합니다 ㅎ

[@scottshinKR]

리엑트의 본질을 알게해줘서 감사합니다.

[@012_merry]

따라해보세요😊 React(리액트)는 사용자 정의 태그를 만드는 기술이다.

[@nvestor6441]

강의 너무 좋습니다!!

[@gracey5607]

수업이 점점 재밌어지시네요ㅋㅋㅋㅋ역시 수업 짬바가 점점 쌓이시나봐요ㅋㅋㅋㅋㅋ

[@hopOnTheTeapot]

와 드디어 개정판이.... 이전것이 너무 예전 스타일이어서 안봤는데 이제 입문하시는 분들에게 좋겠군요

[@TheBeofas]

리액트는 사용자 정의 태그를 만드는 기술이다!

[@jeong1780]

좋은 수업 감사합니다 선생님!
다른 사람의 컴포넌트를 가져와 쓸 수 있다고 하셨는데, redux, motion 등 유명한 리액트 라이브러리도 결국 그럼 다른 사람들이 만든 리액트 사용자정의태그에 불과한 걸까요?
감사합니다.

[@hjpark6396]

언제나 감사합니다

[@_shhh_948]

아 진짜 너무 좋아요

[@gihun3645]

생활코딩 리액크책샀는데 구형?인거 같아서 속상했는데, 새로운 버전이 나왔군요. 리액트로 무지성으로 블로그 만들랴고 했는데 너무 좋습니다....

[@user-oortcloud]

감사합니다!

[@coiossus4060]

폭발은 예술이다..

[@kimgoogle169]

맨 처음에 헬로 리액트 쳤을 땐 바로 반영이 됐는데 그 이후에 강의처럼 내용을 업데이트 하고 저장하니 홈페이지에 반영이 되질 않길래 빌드 풀더 만드는 과정을 빼고 다시 하니까 됐어요 왜 그럴까요? 다른 분들은 빌드 하고 하셔도 잘 되시는거같은데..

[@샨메이-x5v]

저도그러네요 .. 혹시 해결하셨을까요?

[@malcomk]

function 하고 나서 return 뒤에 컴포넌트들을 가르쳐주신대로 하고 저장을 하면 자동으로 괄호랑 ;가 찍히면서 저장되어서 알려주시는거처럼 실행이 안되는거 같습니다. 버전이 바뀌어서 그런걸까요? 수동으로 수정하고 저장해도 계속 vs code에서 자동수정으로 괄호랑 ; 이거를 입력해버리네요..

[@minggging]

이고잉님처럼 코드가 실시간으로 수정 되게 하려면 어떻게 설정해야 하나요...?

[@BluMood]

강의 잘 듣고 있습니다ㅎ
다름이 아니라 실행할 때마다 빌드하고 빌드한 것을 실행해주어야하나요?
변경사항이 빌드할 필요 없이 바로 반영되는 방법은 없을까요?

[@coohde]

빌드는 배포할 때 한번만 하시면 되고요. 저장 할 때 마다 자동으로 반영됩니다.

[@BluMood]

@@coohde 감사합니다!

[@내가기린그림]

@@coohde 저는 저장해도 다시 빌드하지 않으면 변경사항이 반영이 안되는데 왜그러는걸까요? ㅠㅠ

[@mannalcoding]

@@내가기린그림 저두요 ㅠㅠ 어떤게 문제일까요 ㅠㅠ

[@정신병자-e1g]

다들 방법 찾았나요

[@hobis0b]

혹시 vite는 안쓰시나요?

[@감성리듬]

생활코딩님 ㅠㅠ 웹 브라우저에 안나오는 이유가 뭔가요?

[@럭키투미]

a태그의 href 에서 "" 안에 /는 뭘 뜻하는건지 아시는분~~ 전 보통 연결할곳 없으면 임시로 #만 넣었거든요. ㅜㅜ 하....

[@smh51403]

[정리]
// Header.js
function Header() {
return (

WEB

)
}
export default Header;
// Nav.js
function Nav() {
return (
...
)
}
export default Nav;
// Article.js - 생략
// App.js
import Header from './Header';
import Nav from './Nav';
import Article from './Article';
function App() {
return (





);
}
export default App;

[@김태경-l6d]

1:17

[@박범준-d1x]

리액트는 문화다

[@박범준-d1x]

리액트 조이고

[@민스스-e9s]

감사합니다!