component 6

[Vue] 부모 자식 Component간에 데이터 주고 받기 (Props와 Emit 사용법)

- 지난 시간 안녕하세요. 지난 시간에는 Component를 만들고 변수와 메서드를 사용해봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/40 [Vue] Component 생성 및 변수 메서드 활용 - 지난 시간 안녕하세요. 지난 시간에는 Vue 기본 개념과 Project 구조에 대해 살펴봤습니다. 혹시 놓치고 오신 분들은 아래 링크를 통해 확인하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/39 [V any-ting.tistory.com - 개요 이번 시간에는 부모 Component와 자식 Component 간에 데이터 전달에 대해 알아보겠습니다. Props와 Emit이라는 기술에 대해 알아볼 예정입..

[React Class] 메모 앱 실습

- 지난 시간 안녕하세요. 지난 시간에는 Class Component Life Cycle(생명주기)에 대해서 알아봤습니다. 혹시 이해 못 하신 분들이나 놓치신 분들은, 아래 링크를 통해 지난 시간 글을 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/10 [React Class] Class Component Life Cycle(생명주기) - 지난 시간 지난 시간에는 하위(자식) -> 상위(부모) Comonent에게 값을 전달 방법에 대해서 알아봤습니다. 혹시 이해 못 하신 분들이나 놓치신 분들은, 아래 링크를 통해 지난 시간 글을 학습하고 any-ting.tistory.com - 개요 이번 시간에는 지난 시간까지 알아본 React 기술들을 활용해서 간단한 메모 앱을 만들어 보도..

[React Class] Class Component Life Cycle(생명주기)

- 지난 시간 지난 시간에는 하위(자식) -> 상위(부모) Comonent에게 값을 전달 방법에 대해서 알아봤습니다. 혹시 이해 못 하신 분들이나 놓치신 분들은, 아래 링크를 통해 지난 시간 글을 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/9 [React Class] 하위(자식) -> 상위(부모) Component 데이터 전달 - 지난 시간 지난 시간에는 Component Props와 State 사용 방법에 대해서 알아봤습니다. 혹시 놓치고 오신 분들은 하단 링크를 통해 지난 시간 글을 학습하고 오시는 걸 추천드립니다. :) any-ting.tistory.co any-ting.tistory.com - 개요 이 글에서는 React 생명주기, 즉 Class Component ..

[React Class] 하위(자식) -> 상위(부모) Component 데이터 전달

- 지난 시간 지난 시간에는 Component Props와 State 사용 방법에 대해서 알아봤습니다. 혹시 놓치고 오신 분들은 하단 링크를 통해 지난 시간 글을 학습하고 오시는 걸 추천드립니다. :) any-ting.tistory.com/8 [React Class] Component Props와 State 사용방법(데이터 전달) - 지난 시간 지난 시간에 React라는 기술에 대해서 간단하게 설명을 하고, 프로젝트 component를 활용하는 시간을 갖었습니다. 혹시 Component에 대한 개념에 익숙하지 않으시면 제가 올린 글을 한번 읽 any-ting.tistory.com - 개요 이번 시간에는 하위(자식) 컴포넌트에서 상위(부모) 컴포넌트에게 데이터를 전송하는 부분에 대해서 알아보겠습니다. 지난..

[React Class] Component Props와 State 사용방법(데이터 전달)

- 지난 시간 지난 시간에 React라는 기술에 대해서 간단하게 설명을 하고, 프로젝트 component를 활용하는 시간을 갖었습니다. 혹시 Component에 대한 개념에 익숙하지 않으시면 제가 올린 글을 한번 읽고 실습하시는 걸 추천드립니다. any-ting.tistory.com/6 [React Class] 기본개념 - 개요 React라는 기술은 모든 사람들이 한 번쯤은 들어봤을 기술이다. Front-End에서 3 대장이라고 할 수 있는 기술 중 하나입니다. React에서 가장 중요한 개념은 "Component"이며, Component를 해석하면 ' any-ting.tistory.com - 개요 이번 시간에는 Component 간에 데이터를 전달하는 방법에 대해서 알아보겠습니다. 즉, Props와 S..

[React Class] 기본개념

- 개요 React라는 기술은 모든 사람들이 한 번쯤은 들어봤을 기술이다. Front-End에서 3 대장이라고 할 수 있는 기술 중 하나입니다. React에서 가장 중요한 개념은 "Component"이며, Component를 해석하면 '(구성) 요소, 부품' 이라는 뜻이다. React는 UI Library이다. 즉! UI 부분만을 최대한 신경 쓰며, 최대한 효율적인 UI 개발을 하기 위해 만들어졌다. - Component 선언 React는 Component 단위로 화면을 구성한다. Component로 화면 Layout을 공통으로 사용할 수도 있고 Button과 같은 UI를 독립적인 Component UI로 만들어 사용할 수 있다. 예를 들어 공통 버튼을 만들어 여러 화면에서 사용을 해보겠습니다. Ex) ..