본문 바로가기

728x90

리액트강의추천6

[한입 크기로 잘라 먹는 리액트] - 라이프사이클 강의 - Section 7 : 라이프사이클유데미 : https://www.udemy.com/course/winterlood-react-basic/인프런 : [2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 강의 | 이정환 Winterlood - 인프런이정환 Winterlood | 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, 리액트, 한 강의로www.inflearn.com 라이프사이클라이프사이클이란? * 라이프사이클 이란? 컴포넌트의 생성, 업데이트, 제거 과정을 관리하는 데 사용되는 메서드들의 집합이다. 생애주기를 뜻하는 단어이며 이 과정은 크게 .. 2024. 11. 28.

[한입 크기로 잘라 먹는 리액트] - 프로젝트 1 (카운터 앱) 강의 - Section 6 : 프로젝트 1. 카운터 앱유데미 : https://www.udemy.com/course/winterlood-react-basic/인프런 : https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%EB%A6%AC%EC%95%A1%ED%8A%B8 [2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 강의 | 이정환 Winterlood - 인프런이정환 Winterlood | 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, 리액트, 한 강의로www.inflearn.com 프로젝트1. 카운터 앱프로젝.. 2024. 11. 25.

[한입 크기로 잘라 먹는 리액트] - React.js 입문 2 강의 - Section 5 : React.js 입문유데미 : https://www.udemy.com/course/winterlood-react-basic/인프런 : [2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 강의 | 이정환 Winterlood - 인프런이정환 Winterlood | 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, 리액트, 한 강의로www.inflearn.com React.js 입문Props - 컴포넌트에 값 전달하기 * Props란? React 컴포넌트에서 부모 컴포넌트가 자식 컴포넌트로 전달하는 데이터이다. 읽기 전용이며 자.. 2024. 11. 22.

[한입 크기로 잘라 먹는 리액트] - Node.js 기초 강의 - Section 3 : Node.js 기초유데미 : https://www.udemy.com/course/winterlood-react-basic/인프런 : [2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 강의 | 이정환 Winterlood - 인프런이정환 Winterlood | 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, 리액트, 한 강의로www.inflearn.com Node.js 기초1. Node.js 소개 * Node.js는 '자바스크립트(JavaScript)'를 서버 측에서 실행할 수 있게 해주는 런타임 환경(실행 환경)이다.원래 .. 2024. 11. 1.

[React] ReactJS로 영화 웹 서비스 만들기 (STATE #1) * 노마드코더 강의 정리 글 입니다. ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React for Beginners nomadcoders.co STATE 1 - 이전 강의에 이어서 계속 - 버튼을 누르면 숫자가 카운트 되는 프로그램을 만드는 중 1. React.js (리렌더링 하는 방법) - 우리한테 어떤게 필요하고, 어떤걸 해야하는지 이해하기 위해 안 좋은 방법부터 시작 - 이렇게 코드를 짜고 실행하게 되면 실제로 counter의 값은 증가하지만 UI가 업데이트 되지 않아 0으로 보인다. (이유는 컴포넌트를 단 한 번만 렌더링 하고 있기 때문) - 동작을 살펴보면, 1. 어플리케이션 실행 ➔ 페이지 로드 2. countUp(), Container()는 함수이기 때문에.. 2024. 2. 22.

[React] ReactJS로 영화 웹 서비스 만들기 (The BASICS OF REACT) * 노마드코더 강의 정리 글 입니다. ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React for Beginners nomadcoders.co The BASICS OF REACT - 리액트 강의 시작 전 JS와 ReactJS를 비교해본다. 위와 같이 클릭 이벤트가 있는 카운트 프로그램을 만든다고 치자. JavaScript Total Clicks : 0 Click me ✔ HTML ➔ JS 순서 React 1 (createElement) - 쉬운방법이 있지만 리액트의 동작 방식을 이해하기 위해서 어려운 방법으로 코드 작성 - 지금 하는 방법을 암기할 필요는 없음 * React : UI를 만들 수 있게하는 엔진 * React-dom : 모든 react element들을 H.. 2024. 2. 21.

이전 1 다음

728x90

티스토리툴바