FE PARADISE

CI/CD 개발 단계를 자동화하여 코드 통합시 생기는 문제 Integration Hell을 해결하기 위한 솔루션이다. CI CI는 Continuous Intergration 즉, 지속적인 통합이라는 뜻이다. 코드의 수정이나 새로운 기능추가가 repository에 주기적으로 빌드, 테스트 후에 merge 되는 것을 의미한다. 코드 변경사항을 주기적으로 merge해야한다. 한명의 개발자가 아닌 여러명의 개발자가 같은 프로젝트를 진행할 경우 주기적으로 merge 하지 않으면 나중에서야 코드를 merge하려할때 발생한 코드간의 충돌을 해결하기가 힘들다. 나도 한번 겪어봤던터라 git에 코드를 주기적으로 merge하는 습관을 들였다. 😅 이러한 충돌을 막기위해서 기능 개발시 작은단위로 쪼개어 역할을 분담해 개발하..

TDD 개발을 마치고 예상치 못한 버그가 발생하거나 UI가 깨지는 등의 문제가 발생하는 경우가 많다. 복잡하게 짜여진 코드 속에서 문제의 원인을 항상 빠르게 찾기란 쉽지 않다. 이를 위해 사용하는 것이 바로 TDD Test-driven Development 이다. 개발 전에 테스트 코드를 작성하는 방식을 말한다. 테스트 코드 작성 -> 테스트 -> (결과: 실패) -> 테스트 통과가 가능한 코드 작성 -> 테스트 -> (결과: 테스트 통과) -> 리팩토링 위와 같은 순서를 거쳐서 TDD를 수행하게 된다. 테스트 통과가 가능할 정도로만 코드를 수정하여 다시 테스트를 하고 테스트가 통과될때까지 반복해서 수정하는 것이다. 테스트를 통과하게 되면 그 이후에 코드를 리팩토링한다. Testing 내가 짠 코드가 함..

Node.js Global object 에 대하여 module module은 하나의 파일 혹은 여러 파일이나 폴더가 될 수도 있다. core modules node.js에 내장되어 있는 모듈이다. require을 이용해서 쉽게 불러와 사용할 수 있다. const http = require('http'); // http 서버를 구축 const fs = require('fs'); // 파일 시스템 const assert = require('assert'); // 테스트에 용이한 assertion 기능 포함 const path = require('path'); // 파일 경로와 관련된 기능 const process = require('process'); // 최근 node.js의 프로세스에 대한 정보와 제어기..

Warning: ReactDOM.render is no longer supported in React 18 해결하기 기존에 React v17로 개발을 하다가 새로운 사이트를 개발하게 되어서 React 18 버전으로 새롭게 create-react-app을 했다. React 18에서는 ReactDOM.render를 지원하지 않는다는 사실을 모른채 코드를 작성하고 다음과 같은 Warning을 받았다. 더보기 Warning: ReactDOM.render is no longer supported in React 18 !! 😳 놀란 나는 React 공식 사이트에서 react v18에 대해 알아보았다. 👇 참고 ) How to Upgrade to React 18 - 리액트 공식 사이트 Docs https://reac..