[React] 나중에 보면 부끄러울 수 있는 리액트(React) 정리 2

나.부.리 2 React 정리…. 오늘은 Redux 중심 Spread Operator 정보의 업데이트가 이루어질 때 React 에서 setState 를 할 때, 기존 정보가 새 정보로 업데이트 됨 ... 연산자를 사용해 원래 배열을 유지하면서 다른 요소를 추가할 수 있음 var colors = ['red', 'yellow', 'blue'] // var newColors = ['red', 'yellow', 'blue', 'green'] 와 같음 var newColors = [...colors, 'green'] 함수 인자로 사용할 때 필요한 parameter 의 개수가 정해지지 않...

더보기

[React] 나중에 보면 부끄러울 수 있는 리액트(React) 정리 1

나.부.리 1 React 정리…. React Design Pattern React 의 Component 는 상태, DOM, 이벤트 등 다양한 것들을 관리하는 역할을 함 React 에는 여러 Design Pattern이 있음 Design Pattern? 재사용성과 유지보수성을 높이기 위해 사용 하나의 Component 에서 Data의 Fetch 와 Render 를 같이 표현하면 코드의 중복이 생길 수 있음 따라서, Data를 가져오는 부분 과 가져온 데이터를 뿌리는 부분 을 나눠줄 필요가 있음 Container vs. Presentational Stateful vs. Statele...

더보기

[React] React에서 render가 두 번씩 돼요!

React Component Render Twice React component render twice react 에서 render 가 될 때 마다 console 로 찍는 코드를 작성 중… render() { console.log("render!"); ... 띠용? 렌더링이 두 번씩 되어 출력됨 찾아보니 App.js 에 React.StrictMode 가 있어서 그렇다고 함 // <React.StrictMode></React.StrictMode> 요거.. ReactDOM.render( <React.StrictMode> <Ap...

더보기

[React] React Class Component(클래스형 컴포넌트), Functional Component(함수형 컴포넌트) 3편

React Class Component, Functional Component 리액트.. 클래스형 컴포넌트와 함수형 컴포넌트 알아보기 인프런 생활코딩 강의를 참고했습니다! (인프런 강의 링크) 1편 보기… 2편 보기… Functional 컴포넌트가 class 컴포넌트와 대등할 수 있게 된 계기 state 를 사용할 수 있게 됨 (useState 이용) life cycle 을 사용할 수 있게 됨 리액트의 Life Cycle class 컴포넌트 컴포넌트가 생성이 되면 getDefaultProps(), getInitialState() 라는 메소드를 호출 그 후, componentWil...

더보기

[React] React Class Component(클래스형 컴포넌트), Functional Component(함수형 컴포넌트) 2편

React Class Component, Functional Component 리액트.. 클래스형 컴포넌트와 함수형 컴포넌트 알아보기 인프런 생활코딩 강의를 참고했습니다! (인프런 강의 링크) 1편 보기… state, props 컴포넌트를 사용하는 쪽은 컴포넌트가 제공하는 props 를 통해서 컴포넌트를 이용 컴포넌트를 만드는 쪽은 내부적으로 state 라는, props 와 구분되는 데이터를 통해 내부적으로 작업 props 는 class 와 functional 모두 사용 가능 state 는 class 에서만 사용이 가능했지만, hook 을 통해 functional 에서도 사용이 가능해짐...

더보기

[React] React Class Component(클래스형 컴포넌트), Functional Component(함수형 컴포넌트) 1편

React Class Component, Functional Component 리액트.. 클래스형 컴포넌트와 함수형 컴포넌트 알아보기 인프런 생활코딩 강의를 참고했습니다! (인프런 강의 링크) 클래스형 컴포넌트 리액트의 기능을 최대로 끌어올릴 수 있음 클래스 문법을 알아야하고, 조금 복잡함 대부분의 리액트 자료들이 클래스 방법으로 되어있음 class ClassComp extends React.Component { render() { return ( <div className="container"> <h2>class style component...

더보기

[Java/SQL] java.sql.SQLDataException: Data too long for column

Error: java.sql.SQLDataException: Data too long for column java.sql.SQLDataException: Data too long for column 로그 ### Error updating database. Cause: java.sql.SQLDataException: (conn=175356) Data too long for column 'xxx' at row 2 ### Cause: java.sql.SQLDataException: (conn=175356) Data too long for column 'xxx' at row 2 ; (conn=175356) Data ...

더보기

[Xcode/CocoaPods] Library not found for - IFirebaseCore

Error: Library not found for - IFirebaseCore Library not found for - IFirebaseCore 로그 Library not found for - IFirebaseCore 발생 원인 개발자분이 넘겨주신 소스를 그대로 받아서 실행시켰는데, IFirebaseCore를 찾지 못해서 발생 해당 Library가 설치된 경로 및 캐시 문제로 인해 발생 해결 방법 프로젝트 폴더에 있는 Pods 폴더와 .xcworkspace 파일, Podfile.lock 파일을 삭제 Pod install 을 다시 진행 # 사용한 Podfile target '...

더보기