React & React-native (11) 썸네일형 리스트형 <React> 클래스형과 함수형 컴포넌트의 차이? 클래스형과 함수형 컴포넌트의 차이가 무엇일까? 이 질문을 받았을때 제대로 답하지 못한게 부끄러워서 급하게 정리하게 되었다. 사용하면서도 제대로 알지 못하는게 조금 부끄러웠다... 공식문서에서는 React 16.8.0 버전부터 Hook을 지원해 함수형 컴포넌트를 사용하길 권장하지만 옛날에 만들어진 리액트 관련 라이브러리의 경우 Hooks 지원이 안되는 경우도 있고 react-native 관련 라우터 라이브러리인 react-native-navigation 의 경우 클래스형 컴포넌트가 필요할 수 도 있다. 바로 고!! 클래스형 컴포넌트란? import React, { Component } from 'react'; class Hello extends Component { render() { const { col.. <Error Log>alert 창을 띄울 때 오류 발생 / useState() 값을 넘겨줄 때 잘못 생각한 점 / render Error 간단하게 사용자 입력을 받고 alert 창을 띄워주는 앱을 만들었는데 오류가 났다. function addGoalHandler(enteredGoalText) { console.log("함수는 들어옴"); if (enteredGoalText == " ") { emptyAlert(); } else { // isEmpty = true; props.onAddGoal(enteredGoalText); setEnteredGoalText(" "); } } 내가 의도한 것은 컴포넌트의 input창에 입력을 하고 버튼을 눌렀을 때 아무것도 입력이 없다면 alert창을 띄워 주는 것이었다. 만약 입력이 있다면 useState()로 값을 관리하고 빈칸으로 만들어 줄 의도로 만들었다. 그런데 오류가 발생했다ㅠ render 관련.. <4차 프로젝트 react-native > 개인 프로젝트 시작 및 기획 - #1 4차 프로젝트는 개인과제로 결정되었다! 그래서 react로 게시판이나 개인적으로 만들고 싶은게 있다면 만들어 보기로 했다. 어떤걸 만들지 고민하다가 아무래도 혼자하는데 볼륨이 작으면서도 알차보이는걸 만들려고 하다보니 React-native를 활용하기로 했다. 주제는 운동을 기록하는 앱을 만들기로했다. 최근 헬스를 시작하게 됐는데 주변에 운동하는 친구들이 운동을 어떤 동작을 얼마나 했는지 엑셀에 기입하는 것을 보고 핸드폰에 어플로 기록을 하면 더 편하지 않을까? 라고 생각해서 이렇게 정했다. 그래서 구현할 페이지는 1. 메인 로그인 페이지 2. 신규 유입 및 정보 공유를 위한 매거진 페이지 3. 나의 운동을 입력하는 페이지 4. 다른 사람들과 내가 한 운동을 공유하는 sns 페이지(좋아요 기능) 5. 마이.. 이전 1 2 다음
