profile
개발 로그

react에서 styled components 사용시 input tag에서 focus를 잃어버리는 문제

react에서 styled components를 적용하기 시작하였습니다. styled components를 input tag에 적용하여 사용하던 도중 input의 onChange()함수에서 state를 변경하였습니다. 하지만 컴포넌트에서 매 입력시마다 input에서의 focus를 잃어버리는 일이 발생하였는데요. 그 원인과 해결에 대하여 기록합니다. ...

2020년 1월 15일
·
2개의 댓글

자바스크립트의 얕은 복사(shallow copy)

react에서는 각 컴포넌트의 리렌더링을 최적화하기 위해 자바스크립트의 얕은 복사를 활용합니다. 얕은 복사로 렌더링할지 말지를 빠르게 결정하는 것입니다. 자바스크립트의 얕은 복사에 대하여 간단하게 적어봅니다. 1. Primitive type, Objects 자바스크립트의 타입은 크게 2가지가 있습니다. Primitive type과 Object가 그...

2020년 1월 15일
·
0개의 댓글

create-react-app에서 react가 실행되는 기본 흐름(?)

리액트(react) 공부를 시작하면서 create-react-app이라는 것을 알게되었습니다. 리액트에 필요한 환경설정들을 간편하게 구축해주고 리액트 프로그램을 간단하게 돌려볼 수 있다고만 알고 있었는데... 공부하다가 가만히 생각해보니... 리액트는 js로 구성되어 있고 웹 브라우저는 그것을 요청해서 가져오는 것인데... '그럼 내가 지금 보고...

2020년 1월 9일
·
0개의 댓글

ant design 의 Upload 컴포넌트로 파일과 string 데이터 업로드하기

react를 배우면서 겪은 내용들을 로그해봅니다. 프론트는 React(with axios)로 작성하였고 백앤드는 node.js, express를 사용하여 API 서버로 구성하였습니다. 자세한 코드들은 생략합니다. 1. React에서 컴포넌트 작성 1.1 우선 React에서 ant design의 Dragger 컴포넌트를 작성합니다.

2020년 1월 8일
·
0개의 댓글