홈

나도뷰 1 Vue? Vue 란 사용자 인터페이스를 만들기 위한 Progressive Framework MVVM 디자인 패턴 MVC(Model, View, Controller) 패턴의 변형으로, View 의 추상화를 만드는 것이 핵심인 패턴 Model App 에서 사용되는 데이터와 그 데이터를 처리하는 부분 비즈니스 로직과 유효성 검사, 데이터를 포함하는 App 의 도메인 모델 View 사용자에게 보여지는 구조, 레이아웃, 형태 등을 정의하는 UI 부분 애니메이션 같은 UI 로직을 포함하되 비즈니스 로직은 포함하지...

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

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

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

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

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 ...