https://yozm.wishket.com/magazine/detail/2919/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_yozm&utm_content=contents 내가 ‘차트 라이브러리’를 만들며 배운 것들 | 요즘IT“죄송하지만, 라이브러리에서 지원하지 않는 기능이라...” 프론트엔드 개발자라면 누구나 한 번쯤 이런 말을 해본 적이 있을 겁니다. 특히 데이터 시각화가 중요한 프로젝트를 진행할 때면 더yozm.wishket.com 작년에 사설 컴포넌트를 붙힌 라이브러리를 개발하였는데... 그때 느낀 생각들이랑 비슷한 것들이 기재되어 있어서 가지고 왔다.나는 비록 회사에 속해서 개발한 것이라 코드를 공개하지는 못하지만이 사람은 방법론..

과격하게 레거시를 쇄신하는 세 가지 방법과 그 사례안녕하세요. 일본 최대 규모의 음식 배달 서비스 Demaecan(出前館, 이하 데마에칸) 프로덕트를 담당하는 김영재라고 합니다. 어느덧 프로덕트를 쇄신한 지 2년 반이 되어가고 있...techblog.lycorp.co.jp 어제 내가 작성한 코드는 레거시이다.사용자가 한 명이라도 있는 시스템은 레거시이다. 그 한 명이 바로 당신이다.레거시를 고칠 바엔 다시 만드는 게 더 빠르다. -  -"과감하게" 레거시를 해소하는 방법인프라 단절하기코드 재작성하기(Recode)사양 경량화하기한마디로 새로 만드는 의미가 강해짐.DB 설계 등 부터 다시 뜯어서 만든다.. 기존의 레거시 서비스/시스템은 그대로 유지하되새로 컨버전할 시스템을 같은 로직이 아닌 별도 로직에서 새..

React 프로젝트를 개발하다보면, 배포 환경?에 따라 다르게 환경 변수를 셋팅해야하는 case가 발생한다. 예를 들면, 보통 API 주소를 환경 변수로 많이 셋팅해두고는 하는데.. 운영 API 주소와 개발 API 주소를 배포 환경에 따라 다르게 셋팅해두고 싶은 case가 딱 이에 해당한다. React :: 환경변수(.env) 셋팅하기 토큰이나 API 키 같은 것은 하드코딩으로 집어 넣으면 배포 시 개발자 도구에 모두 드러나기 때문에 최대한 숨겨서 코딩을 진행해야 한다. 이때 사용할 수 있는 방법 중 하나가 "환경변수" 이다. bornatnoon.tistory.com 우선 기초 셋팅 방법을 첨부해본다. (.env 파일을 하나만 쓰는 케이스) 케이스에 따른 .env 설정 방법 ※ 참고. 리액트 프로젝트 생..