개발이론5 [Trouble Shooting] Prettier에서 package.json을 자꾸 발목잡을 때 해결방법 + 어찌 해결했더니,,, 또 다른 경고가.. 사실, 본인은 ESlint와 Prettier를 부트캠프에서 "설치하면 좋은 툴" + "코드 일관성 및 유지보수성 확보"라는 소개를 바탕으로 설치했기 때문에 이전 글과 같이 깊이 알지는 못했다. 기본적인 설정이 끝나고 자잘한 실수나 예측되는 오류를 잡아주니 좋다고만 생각했다. 하지만 이를 설정하고 여러 코드를 작성해보니 신경써야 할 것들이 2배가 된 느낌이었다. 아주 자잘한 부분까지 일일이 저장하고 검사하니 여간 귀찮은게 아니었다. 그럼에도 불구하고 예측되는 오류를 잡아주니 좋다고 생각했지만.. 어떤 파일을 작성하고 나면 꼭 package.json을 붙잡고 늘어져서 해당 파일에 가서 save를 해야만 react dev 서버가 정상적으로 렌더링되니 이 부분을 꼭 고쳐야겠다는 생각이 들었다. # 분명,, 아무.. 2023. 4. 15. Code convention (eslint + prettier) 코드 컨벤션이란? 코드컨벤션은 프로그래밍에서 코드를 작성하는 일련의 규칙이나 모양을 말한다. 실질적으로 협업을 위해 코드를 만들 때 보편적으로 사용되고 있는 모양과 유사하게 코드를 구성함으로서 협업 시에 불필요한 리딩 오류를 줄이기 위한 노력들로 생각할 수 있다. 코드 컨벤션을 준수하고 있는가?에 대한 영역은 여러 현장과 상황에 따라 다르게 받아들여질 수 있으나, 크게 Code Quality와 Code Formatting로 구분하여 생각할 수 있다. Code Quality(코드 품질)는 코드의 성능, 가독성, 유지보수성을 종합적으로 평가하는 것을 말한다. 하지만 개발자가 코드를 작성하는 단계에서 이 모든 것을 스스로 종합하여 평가하는 것은 쉽지 않다. 따라서, 개발 과정에서 코드 품질에 신경을 쓴다 함은.. 2023. 4. 15. 모던 개발 프로세스와 CI/CD 파이프라인 (개요) 개발 프로세스란? 모든 소프트웨어 개발은 최종적으로 "배포(Deply)"를 목적으로 한다. 배포된 소프트웨어와 일련의 수익모델을 통해 수익을 창출해야 하기 때문이다. 개발 프로세스는 이러한 개발 및 유지보수의 목적으로 수행되는 활동을 절차적으로 정리한 모델을 말한다. 전통적 개발 프로세스 vs 모던 개발 프로세스 전통적인 개발 프로세스 모델로는 대표적으로 워터폴(Waterfall) 방식이 있다. 워터폴 방식은 예외적인 상황을 최소화하여 팀의 규모나 상황에 관계없이 정확한 결과물을 제공하는 것을 전제로 한다. 워터폴 방식은 이름에서도 알 수 있듯, 요구분석 => 설계 => 개발 => 테스트 => 유지보수의 선형적 모형을 갖고 있다. 워터폴 개발 방식은 실제 출시 기한을 정해놓고 프로세스가 진행되며, 실제 .. 2023. 4. 3. Optimization(최적화) 최적화는 다양한 맥락에서 세부적인 차이를 가진 단어이지만, 보편적으로 "가능한 적은 리소스를 소모하면서 빠르게 원하는 결과를 얻을 수 있도록 개선하는 것"을 의미한다. 최적화를 통해 얻을 수 있는 이점은 여러가지이지만 사용자 이탈률 감소, 사용자 전환률 증가, UX향상이 가장 눈에 띄는 이점이다. 최적화는 HTML 기본 구조에서부터 시작해서 React.js까지 개발에 사용되는 모든 프로세스에 적용될 수 있다. HTML에서의 최적화 1. DOM 트리를 가능한 한 가볍게 만들기 : 자식 요소가 많고, 트리의 복잡도가 높을수록 연산해야 할 요소가 많아진다. 2. 인라인 스타일 피하기 : 각 요소에 인라인 스타일을 넣을수록 렌더링에 불리하다. CSS에서의 최적화 1. 사용하지 않는 CSS 스타일 제거 : CSS.. 2023. 3. 30. TDD(Test-driven Development) : JS TDD 개발 방법론? 테스트 주도 개발 방법은, 기능 단위마다 테스트케이스를 먼저 작성하고 이를 수정하는 방향으로 코드를 짜는 개발방법론을 말한다. 테스트 주도 개발에서 사용하는 개발 순서는 다음과 같다. Write Failing Test: 실패하는 테스트 코드를 먼저 작성한다. Make Test Pass: 테스트 코드를 성공시키기 위한 실제 코드를 작성한다. Refactor: 중복 코드 제거, 일반화 등의 리팩토링을 수행한다. 테스트를 먼저 짜서 개발을 하게 될 경우 다음과 같은 이점을 갖는다. 1. 버그에 대응하는 간결한 코드를 짤 수 있다. 2. 개발 후 에러를 줄일 수 있다. 3. 단위 테스트를 끝낸 코드이기 때문에, 오류에 대한 리포트가 충분하고 향후 유지보수가 용이하다 느낀점,,, TDD 개발.. 2023. 3. 29. 이전 1 다음
