전체 글566 [UI Component] Design Patterns - Mixin Mixin - Mixin: 상속 없이 객체나 클래스에 재사용 가능한 기능을 추가할 수 있는 객체 - 단독으로는 사용 불가 - Object.assign()을 이용하여 믹스인 (추가) 기능을 프로토타입에 추가 가능 - 믹스인 자체는 상속 가능 - Window 객체는 WindowOrWorkerGlobalScope와 WindowEventHandler의 믹스인으로 구성되어 있어서 setTimeout, setInterval, indexedDB, isSecureContext와 같은 프로퍼티 사용 가능 - 믹스인 자체를 직접적으로 사용 불가 - ES6 문법 이전 믹스인은 React에서 컴포넌트에 기능을 추가하기 위해 종송 사용했었음 하지만 믹스인이 복잡도를 증가시키고 재사용하기 어렵게 만든다고 해서 지금은 훅에 의해 .. 2023. 11. 1. [TS Design Patterns] 행동 패턴 - 책임 연쇄 Chain of Responsibility (Chain of Command) - 일련의 핸들러들의 체인을 따라 요청을 전달할 수 있게 해줌 - 각 핸들러는 요청을 받으면 요청을 처리할지 아니면 체인의 다음 핸들러로 전달하지 결정함 - 특정 행돌들을 핸들러라는 독립 실행형 객체들도 변환함 - 핸들러가 요청을 체인 아래로 더 이상 전달하지 않고 추가 처리를 사실상 중지하는 결정을 내릴 수 있음 - 다양한 방식으로 다양한 종류의 요청들을 처리할 것으로 예상되지만, 정확한 요청 유형들과 순서들을 미리 알 수 없는 경우에 사용 - 특정 순서로 여러 핸들러를 실행해야 할 때 사용 - filter, event chain과 같은 객체 체인과 함께 작동할 때 유용 - 예시 /** * The Handler interfac.. 2023. 11. 1. [언섹시 리서치 클럽 3기] Day 2 - The Journey Bootstrapping a SaaS to $10k MRR The Journey Bootstrapping a SaaS to $10k MRR 요약 - Background - 공학을 전공했지만 사업을 하고 싶었음 - 소프트웨어 개발자로 일하면서 틈틈이 아이디어를 실행함 - 프로젝트 중 하나인 틱톡 인플루언서는 기회주이적인 프로젝트로 약 5만 달러에 6개월 후 판매함 - IPO 알림을 위한 Airtable 뉴스레터 서비스에 관심이 생김 - The Idea - Airtable을 위해 구글 스프레시드시트 애드온인 API Connector와 비슷한 확장 프로그램 개발하기 시작함 - Development - 기능을 최대한 작게 유지 - MVP에서는 기본적으로 가입하고 API 세부 정보 입력하고, 일정에 따라 요청도 가능 - 우선 한 명의 고객이라도 확보하는 것이 우선임 - .. 2023. 10. 31. [UI Component] Design Patterns - Module Module - 코드를 재사용 가능하면서 작게 나눔 - 모듈 스코프 내에 변수를 선언하고 명시적으로 외부에 export 하지 않으면 해당 변수 접근 불가 -> 전역 스코프의 변수들과 이름이 충돌하는 문제 줄일 수 있음 - named export - 명시적으로 export한 값들만 외부에 노출됨 - import할 때 as 키워드를 통해 import한 값의 이름 변경 가능 - export 키워드를 사용한 선언들 중에 하나를 default export 할 수 있음 -> import할 때 중괄호 없이 바로 사용 가능, 자유롭게 이름 변경 가능 - *를 사용하여 모든 것들을 한번에 import하여 객체 형태로 사용 가능 - Dynamic import: 특정 조건에서만 특정 모듈 로드할 수 있음 - 모듈을 동적으로.. 2023. 10. 31. [언섹시 리서치 클럽 3기] Day 1 - How Flexiple went from $0 to $3M without code How Flexiple went from $0 to $3M without code 요약 - 개인적인 배경/회사 창업 동기 - 전자공학을 전공하고 금융 애널리스트로 활동을 시작했지만, 기대하는 열정과 노력이 일에 미치지 못함 - 이후 경영 학교를 가서 entrepreneurship에 입문함 - 사용한 코드 도구/최종 제품에서의 각각의 역할 - 초기에 구글 스프레드시트만 사용해서 10만 달러 수익을 냄 - 2개의 시트: 회사, 프리랜서 - 프리랜스와 회사 수동으로 매칭 - 자동화 시작 - Airtable, Zaiper - Webflow, Memberstack - Bubble - 초기 투자 - 복잡한 알고리즘을 통해 온보딩 및 추천 프로세스 자동화하는 도구 - 일부 기능을 제거하고 이해하기 쉽게 만듦 - 아이.. 2023. 10. 30. 이전 1 ··· 9 10 11 12 13 14 15 ··· 114 다음 반응형