회사에서 기존에 내가 개발해서 배포하였던 lambda를 환경별로 분리하여 배포해야하는 요청을 받아서 각 환경에 맞게 분리하여서 배포하는 작업을 진행하였다. 생각보다 오래걸리지 않았고 금방 처리했다.
이번주에 회사에서 front-end 테스트코드에 관해서 여러가지 얘기를 했었고 그리고 어떤식으로 할지와 기본적인 템플릿등을 공유하면서 적용해보도록 하자는 얘기가 오고갔었다. 평소에 프론트엔드 테스트코드에 대한 궁금증이 많았는데 그런 주제로 대화할 수 있어서 너무 좋은 시간이였고 잘하시는 분들의 의견과 방식에 대해서 알수있어서 좋은 시간이였던것 같다. 앞으로 이번에 적용한 룰을 바탕으로 조금씩 작성해나가 보도록 해야겠다 !
프론트엔드 테스트코드 관련 대화를 나누다가 Storybook에 대한 이야기가 오고갔었다. 그래서 현재 서비스에 적용해서 사용해보고 싶었고, 할 수 있을지는 모르겠지만 내가 직접 적용해서 환경설정을 해보도록 하겠다고 말씀드렸다..!!ㅋㅋ 사실 이게 귀찮고 어려운 작업이지만 한 번 해놓으면 배울것도 많고 추가로 조금이라도 webpack에 대해서도 공부할 기회가 될 것 같아서 하기로했다. 하지만.... 쉽지 않다.
(3) 느낀점
우선 테스트 코드 관련해서 어떤 이유에서 필요성을 느끼고 왜 해야하는지에 대해서 대화를 다른 잘하시는분들의 의견을 들을수 있어서 너무 좋았고 나 역시도 매우 공감하였다. 지금은 초반이라 매우 느리고 익숙하지 않지만 계속해서 꾸준히 작성해 나간다면 그만큼 더욱더 편해지지 않을까 하는 생각이다. 열심히 작성해보도록 해야겠다.
Storybook설정을 회사에서 금요일 오후에 좀 해보다가 많이 막혔고, 집에와서도 개인 프로젝트에 적용해보고 있는데 많이 막히고있다. 이게 가장 큰 문제점이 뭐냐면 일단 vue버전 + node버전 + scss,css,style loader들 버전문제와 webpack버전도 맞춰야하고 또 회사에서는 vuetify까지 설정해야하기 때문에 정말 적용하는게 쉽지가 않다. 이게...흠 여러가지로 찾아보고 시도해봐야할게 많을것 같다. 그리고 webpack에 관해서도 공부가 필요할것같고 버전문제가 특히 제일 골치가 아플것같다.
(4) 다음주 계획
Storybook 적용 도전기..
Front-End Test Code에 관한 공부 및 적용
팀 프로젝트 관련 준비
(5) repo
Storybook 적용중인 개인 프로젝트 : https://github.com/dltmdrbtjd/account-book/tree/main/fe