tenny.log

들어가며 개발 완료한 프로젝트의 리팩토링과 QA 수정을 진행 중인데, 리액트에서 로컬 mp4 파일을 import 하니 에러가 발생하였다. 도대체 왜! 참고링크 Webpack 3 locates .mp4 file but video is not playable Webpack 3 locates .mp4 file but video is not playable Clone this project on GitHub I've created an animation in Adobe's new Animate CC and exported it as an .mp4 file In my webpack.config.js fil... stackoverflow.com 에러 메세지 ERROR in ./src/rf/static/sample...

React 2021. 2. 19. 21:54

들어가며 프론트 TDD 관련해서 학습 중인데, 진행 중인 프로젝트에서 style을 다뤄야했다. 이래저래 삽질을 많이 했는데(^^) 그 과정을 간략하게 기록하고자 한다. 참고: 현재 jest + enzyme 의 조합을 사용 중임 1. jest-styled-components 활용하려 했으나, https://github.com/styled-components/jest-styled-components styled-components/jest-styled-components 🔧 💅 Jest utilities for Styled Components. Contribute to styled-components/jest-styled-components development by creating an account on..

React 2021. 2. 14. 23:32

들어가며 회사에서 React를 사용하여 React를 공부하기 시작한지 벌써 5개월. 클래스형 컴포넌트로 state와 props의 연속으로 개발을 하다가 React Hook과 Context를 접하기 시작하며 신세계(!)를 접했었다. 그러나 Context에 대한 더 구체적이고 정확한 개념이 필요할 것 같아 Context 관련해서 정리를 해봐야겠다고 생각했다. 참고 링크: React 공식 문서(Context) Context – React A JavaScript library for building user interfaces ko.reactjs.org Why Context? 일반적인 React 애플리케이션에서는 데이터는 위에서 아래로(부모 -> 자식) props를 통해 전달되는데, 이러한 과정이 여러번 여러 ..

React 2021. 1. 3. 12:44