전체 글69 3.4 React 기초 및 실습: composition(합성) (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. css는 깃허브 참고 https://github.com/katf101/React-The_Complete_Guide 1. composition(합성) 이란? 작은 빌딩 블럭으로부터 사용자 인터페이스를 구축하는 이런 접근 방법을 일반적으로 합성이라 한다. composition 을 하는 이유 코드 중복을 피할 수 있다. 컴.. 2022. 5. 25. 3.3 React 기초 및 실습: 컴포넌트 분할 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. css는 깃허브 참고 https://github.com/katf101/React-The_Complete_Guide 1. 컴포넌트 분할 컴포넌트를 분할하면 코드가 짧아져 가독성이 좋아지고 유지보수가 수월해진다. Date 컴포넌트 분할 ExpenseItem 컴포넌트의 date관련 상수와 div 태그를 잘라내고 Expens.. 2022. 5. 25. 3.2 React 기초 및 실습: Props전달하기 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. css는 깃허브 참고 https://github.com/katf101/React-The_Complete_Guide 1. Props 전달하기 Props란? 속성을 추가해서 사용자 지정 컴포넌트에 데이터를 전달할 수 있는 기능 Props는 컴포넌트 안에서 사용자 지정 컴포넌트에 설정되었을 수도 있는 모든 속성에 접근할 수.. 2022. 5. 25. 3.1 React 기초 및 실습: 동적 데이터 출력 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. css는 깃허브 참고 https://github.com/katf101/React-The_Complete_Guide 1. 동적으로 데이터 출력하기. 정적인 출력 코드와 동적인 출력 코드 비교 import "./ExpenseItem.css"; const ExpenseItem = () => { return ( March 2.. 2022. 5. 25. 3. React 기초 및 실습: JSX, Component, CSS (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. css는 깃허브 참고 https://github.com/katf101/React-The_Complete_Guide 1. JSX 란? 자바스크립트 XML을 의미한다. 리액트에서는 JSX 문법을 사용하는데, 우리가 리액트 환경에서 JSX 문법으로 코드를 작성하면 자동으로 브라우저에서 작동하는 코드로 변환 해준다는 정도로 .. 2022. 5. 25. 이전 1 ··· 10 11 12 13 14 다음
