분류 전체보기 (996) 썸네일형 리스트형 [번역] React TDD 기초 원문 : https://www.freecodecamp.org/news/test-driven-development-tutorial-how-to-test-javascript-and-reactjs-app/ Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications Understanding test-driven development is an essential part of being a prolific software developer. Testing provides a solid platform for building reliable programs. This tutorial will show you all y.. IT 서비스 회사와 IT회사의 차이점. 네이버 VS LG CNS? LG CNS와 같은 IT 서비스 회사와 네카라배쿠와 같은 IT 회사의 차이점은 뭘까? IT 서비스 회사 간단하게 말하면 IT 서비스 회사는 "IT 용역 회사"다. LG CNS와 같은 곳은 한마디로 거대한 인력 회사로, 외부에서 프로젝트를 수주해 해당 프로젝트에 적합한 직원을 파견하는 방식으로 프로젝트를 진행한다. 이는 사내 프로젝트를 진행할 때도 유사하게 진행된다. 또한 자사를 대표할만한 소프트웨어 제품이 거의 없거나, 해당 제품이 있더라도 IT 용역을 지원하는 프로그램이다. 따라서 어떻게 보면 각 직원은 프리랜서와 비슷한 방식으로 일하게 된다. 대신 프리랜서와 다르게 월급이 따박따박 나온다. IT 회사 소위 네카라쿠배와 같은 회사는 한마디로 "자체 서비스 회사"다. 회사를 대표하는 소프트웨어가 있고(e.. [React] Context API를 활용한 전략 패턴 원문 : https://itnext.io/the-interface-mindset-how-to-build-flexible-maintainable-react-components-with-context-api-8b332d76f6b9 The Interface Mindset: How to Build Flexible, Maintainable React Components with Context API Thinking in interfaces can enhance the flexibility and maintainability of the code, despite appearing more complex at first glance. itnext.io React의 Context API는 Prop Drilling을 피.. [번역] 서버에서 Redux 사용하기 원문 : https://webbylab.com/blog/redux-on-backend/ How We Used Redux on Backend and Got Offline-First Mobile App as a Result | Webbylab we want to share our experience of building offline-first React-Native application, using Redux-like approach on our NodeJS backend server webbylab.com 서문 원문 저자는 React Native 앱을 개발하며 NodeJS 백엔드에서 Redux를 사용한 경험을 공유한다. 저자는 kafka나 activieMQ와 같은 도구 없이 event-sourcing a.. [Redux] 리덕스의 state, action, reducer 단방향 데이터 흐름 view는 action(이벤트; 앱에서 일어난 사건)를 트리거(by dispatch)하여 액션을 state에 전달한다 dispatch는 이벤트 트리거다 state는 reducer(이벤트 리스너; 관심 있는 사건(action type)에만 응답함)를 이용해 새로운 상태를 만든다 state는 프리젠테이션 관심사가 아닌 애플리케이션 별로 고유한 (전역) 상태이다. state가 변경되면 view가 업데이트 된다. selector로 view 트리 외부에 존재하는 전역 상태 트리(state)를 연결한다. 왜 Reducer인가 Array.reduce()는 배열안에 있는 값을 단일 값으로 축소(reduce)한다. Redux Reducer는 시간 순서대로 발생하는 일련의 액션을 단일 값으로 축소(re.. 리액트 디자인 패턴 : uncontrolled component pattern TL;DR uncontrolled component는 컴포넌트의 관심사를 달성하기 위해 스스로 내부 상태를 관리하는 컴포넌트입니다. 컴포넌트에 상태 관리 책임을 넘기고 편해지는 방법을 알아봅시다. 원문 번역입니다 : https://jjenzz.com/component-control-freak Are You a Component Control Freak? It's tempting to always control the components we implement but we can sometimes simplify things if we use the uncontrolled pattern. jjenzz.com 우리는 종종 컴포넌트의 상태를 직접 제어하려 합니다. 리액트 튜토리얼(React’s own intr.. [번역] Headless UI Component란 무엇인가? 원문 : https://www.merrickchristensen.com/articles/headless-user-interface-components/ Merrick Christensen Using Webflow with Netlify Configure Netlify to send particular routes to Webflow so that you can selectively serve pages that are designed and hosted on Webflow. 2 Minute Read » JSON Lisp Learn about how programming languages work as we design & implemen www.merrickchristensen.com 요약 headele.. [React, framer-motion] 언마운트 대상 DOM 요소에 애니메이션 적용하기 with AnimatePresence 아래와 같은 360도 캐러셀을 개발하려면, 자바스크립트를 사용해아 한다. HTML 삽입 미리보기할 수 없는 소스 주로 react-slick을 사용할 것이다. 이러한 완성형 라이브러리들의 단점은 다음과 같다. UI 기능이 필요할 때마다 하나하나 깔다보면 라이브러리 갯수가 많아진다 masonry calendar carousel date-picker 등등... 스타일 커스터마이징이 어렵다. JS는 몇줄 안되는데 파일 하나가 CSS 조정하는데 다 쓰인다. (ex: MUI) 본인의 경우 해당 링크의 캐러셀과 유사하지만, 가운데로 오면 크기도 바뀌고, 컴포넌트도 바뀌는 캐러샐을 구현할 일이 있었다. 이런 캐러셀을 React-Slick만으로 구현하는건 쉽지 않을 것이다. 또한 이런 라이브러리들에 강제로 컴포넌트를 끼.. 이전 1 ··· 47 48 49 50 51 52 53 ··· 125 다음 목록 더보기
