목록분류 전체보기 (276)

mingg IT

[React] NX+ React 프로젝트에 Sentry 적용하기 + (Slack 연동)

보호되어 있는 글입니다.
FrontEnd 2023. 3. 23. 10:33
[디자인 패턴] 헤드퍼스트 디자인 패턴 4장 리뷰

4장 팩토리 메소드 패턴 디자인 원칙 추상화된 것에 의존하게 만들고 구상 클래스에 의존하지 않게 만든다. 팩토리 메소드 패턴 객체를 생성할 때 필요한 인터페이스를 만든다. 어떤 클래스의 인스턴스를 만들지는 서브클래스에서 결정한다. 팩토리 메소드 패턴을 사용하면 클래스 인스턴스 만드는 일을 서브클래스에게 맡기게 된다. 팩토리 메소드 패턴 이해하기 팩토리 메소드 패턴에서는 어떤 클래스의 인스턴스를 만들지는 서브클래스에서 결정한다. 추상 팩토리 패턴 구상 클래스에 의존하지 않고도 서로 연관되거나 의존적인 객체로 이루어진 제품군을 생산하는 인터페이스를 제공함 구상 클래스는 서브클래스에서 만듬. PizzaStore.java public abstract class PizzaStore { public Pizza or..
BackEnd 2023. 3. 20. 23:16
[DB] DB 마이그레이션 준비

보호되어 있는 글입니다.
BackEnd 2023. 3. 20. 10:04
[Refactoring] 리팩터링 4장 리뷰

리팩토링 4장 테스트 코드 예시와 중요성에 대해 설명하고있음. 지금까지 읽었던 장 중 가장 고민을 하게 만드는 챕터였음. 4.1 자가테스트 코드의 가치 테스트 코드의 중요성에 대해서 설명하고있음. 리팩토링 이전에 테스트 코드는 필수. 4.2 테스트 할 샘플 코드 수요, 가격 등을 예시로 들고 있음. 4.3 첫 번째 테스트 4.4 테스트 추가하기 테스트 케이스들이 서로 독립적으로 돌기위해 beforeEach를 사용하라고 적혀있음. 나도 이전에 cypress로 테스트 코드를 작성하고(beforeEach), 느리다는 피드백을 받아서 before를 사용했었음. (beforeEach에서 실제 API를 날리기 때문에 느렸던 부분에 충분히 공감했음.) https://mingg123.tistory.com/195 [Cy..
기타 2023. 3. 20. 00:39
[디자인 패턴] 헤드퍼스트 디자인 패턴 3장 리뷰

보호되어 있는 글입니다.
BackEnd 2023. 3. 15. 23:41
[Firebase Analytics] 이벤트 감지 예시

https://mingg123.tistory.com/194 [Firebase] React + Firebase Google Analytics 이용 약 이틀전에 React 프로젝트에 Google Analytics를 붙여놓았었는데 https://mingg123.tistory.com/192 [구글 애널리틱스] React 에 GA(구글 애널리틱스) 붙이기 구글 애널리틱스는 웹 사이트 방문자의 데이터를 수 mingg123.tistory.com 이전 포스팅에서 Firebase Analytics를 적용하는 법에 대해서 공유했다. 그렇다면 이제 어떤 이벤트들을 감지해서 대시보드에서 보여줄지를 함께 고민 해보도록 하겠다. (chatGPT 의 답변) 화면 보기 리액트는 SPA 방식이기 때문에, 페이지를 추적하려면 코드를 추..
FrontEnd 2023. 3. 15. 15:13
[디자인 패턴] 헤드퍼스트 디자인 패턴 2장 리뷰

보호되어 있는 글입니다.
BackEnd 2023. 3. 15. 00:32
[React] CRA react-app 17 버전으로 변경하기(+ts)

react 18이 나온 이후 npx create-react-app을 이용하여 초기 프로젝트를 생성하게 되면 react 18버전 기준으로 프로젝트가 생성된다. 나는 SSR(server side rendering)로 진행하고 싶지 않을 경우 17로 대부분 바꾸어서 진행을 한다. +typescript를 사용하는 경우 1. npx create-react-app my-app --template typescript 프로젝트를 세팅한다. 2. package.json 17로 변경해준다. "react": "^17.0.2", "react-dom": "^17.0.2", 3. index.ts render를 react-dom을 사용하도록 변경 해준다. (18은 react-client인가 그럴 거다..) import React ..
FrontEnd 2023. 3. 15. 00:27
이전 Prev 1 ··· 7 8 9 10 11 12 13 ··· 35 Next 다음