우기의 알 블로그 저자 한승욱이라고 합니다.
스스로 알을 깨고 나오는 새처럼
언젠가 알을 깨고 온전한 나 자신이 되었을 때, 그때를 기다리며 제 속에서 솟아 나오는 것을 글로써 표현하고자 합니다.
'개발 기술블로그'를 위주로 저 한승욱의 다양한 관심사, 생각, 철학 등을 포스팅합니다.
(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. form 실제 서비스에서는 form을 통해 유저에게 데이터를 받고 또 해당 데이터를 서버로 옮겨주는 일이 빈번하다. 이와 같은 부분을 공부하고자 한다. # pages/about.jsx import React from 'react'; class About extends React.Component { constructor(props) { super(props); this.state = { username: '' }; } myChangeHandler = evt => { this.setState({ username: evt.target.value }); }; doSave = () => { const { username..
(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. state props와는 다르게 다른 곳에서 변경을 하면 html dom을 re rendering 시킴(props도 리렌더링 함) state 안에 데이터 값을 입력해 놓고 dom에서 사용 class BusinessName extends React.Component { constructor(props) { super(props); this.state = { brand: '한승욱짱' }; } render() { // const { brand } = this.props; const { brand } = this.state; return ( {/* hello, {brand} */} hello, {brand} ); } 여..
(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. props props 는 컴포넌트에서 사용 할 데이터 중 변동되지 않는 데이터를 다룰 때 사용 parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때 사용 쉽게 말해서 컴포넌트를 호출할때 넣어주는 것 변경될 때 리렌더링 일어남 편의상 한 jsx 파일안에 2개의 클래스를 사용 import React from 'react'; class BusinessName extends React.Component { render() { const { brand } = this.props; // console.log(brand); return hello, {brand}; } } class Contact extends Re..
기술개발/React, Frontend 2021. 3. 10. 20:14
(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. form 실제 서비스에서는 form을 통해 유저에게 데이터를 받고 또 해당 데이터를 서버로 옮겨주는 일이 빈번하다. 이와 같은 부분을 공부하고자 한다. # pages/about.jsx import React from 'react'; class About extends React.Component { constructor(props) { super(props); this.state = { username: '' }; } myChangeHandler = evt => { this.setState({ username: evt.target.value }); }; doSave = () => { const { username..
기술개발/React, Frontend 2021. 3. 8. 15:02
(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. state props와는 다르게 다른 곳에서 변경을 하면 html dom을 re rendering 시킴(props도 리렌더링 함) state 안에 데이터 값을 입력해 놓고 dom에서 사용 class BusinessName extends React.Component { constructor(props) { super(props); this.state = { brand: '한승욱짱' }; } render() { // const { brand } = this.props; const { brand } = this.state; return ( {/* hello, {brand} */} hello, {brand} ); } 여..
기술개발/React, Frontend 2021. 3. 5. 12:09
(주의!!)본 글은 현재 시점에서는 레거시한 '클래스 컴포넌트'를 공부하며 작성한 글입니다. props props 는 컴포넌트에서 사용 할 데이터 중 변동되지 않는 데이터를 다룰 때 사용 parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때 사용 쉽게 말해서 컴포넌트를 호출할때 넣어주는 것 변경될 때 리렌더링 일어남 편의상 한 jsx 파일안에 2개의 클래스를 사용 import React from 'react'; class BusinessName extends React.Component { render() { const { brand } = this.props; // console.log(brand); return hello, {brand}; } } class Contact extends Re..