학습 순서1. 간단한 개념 익히기https://youtu.be/EswVjHZMn74 2. 상용화된 MCP 서버 사용해보며 익숙해지기https://youtu.be/szUo30BOZlo 개발 시 유용해보이는 ToolContext 7: 코딩 시 AI가 오래된 정보를 제공하거나 존재하지 않는 API를 환각하는 문제를 해결합니다.참고: https://apidog.com/kr/blog/context7-mcp-server-kr/Microsoft Playright MCP 서버: 실제 브라우저를 제어할 수 있는 도구를 제공합니다.웹 개발 후, 브라우저 E2E 테스트 할 때 좋아보임Sequential Thinking: AI가 구조화된 사고 과정을 사용하여 문제를 해결하도록 돕습니다.Browser Tools MCP: 웹 ..

$ yarn workspaces ls $ yarn workspaces focus [workspace] --production​ yarn plugin import workspace-tools devdependencies 말고 production dependencies만 설치하고 싶었는데 yarn2 부터는 `yarn install --production`이 먹지 않는다. yarn1에서 제공하던 아래 명령어를 치면 아래처럼 `yarn workspaces focus`를 대신 쓰라고 나온다. (참고) $ yarn install --production YN0050: The --production option is deprecated on 'install'; use 'yarn workspaces focus' inst..

기존에 작업 중이던 프로젝트 코드를 로컬에서 구동하던 중 모듈 install 단계에서부터 에러가 발생되어 트러블 슈팅했던 내용을 정리해본다. 늘 그렇듯이 결론부터 말하자면 node-sass 버전이 설치된 node 버전과 상이한 버전이 설치되어 발생되는 이슈다. 해당 프로젝트의 경우 yarn도 사용했었으니 참고! 원인 내 PC에 설치된 node와 node-sass 모듈의 버전은 아래와 같았다. # 현재 노드 버전 - stable version은 현재 기준 16.13.1이다. node -v  ✔  09:27:05  v16.13.0 # 구버전 설치됨 npm list | grep node-sass  1 ✘  27s   09:24:23  ├── node-sass@4.14.1 아래 공식문서 내용 처럼..

문제 설명 LeetCode 35. Search Insert Position 찾는 대상이 있다면 해당 index를 리턴하고, 없다면 순서 상 들어갈 곳의 index를 리턴하세요. 알고리즘 복잡도는 O(log n)이어야 합니다. 제한사항 1

문제 설명 LeetCode 278. First Bad Version PM이 되어 첫 Bad Version을 찾아라. 불량 이후에 출시된 버전들은 모두 Bad로 체크된다. 버전의 개수와 Bad Version임을 알려주는 API(함수)가 주어질 때, 최초 Bad Version 인덱스를 출력하라. 제한사항 1 true Then 4 is the first bad version. Input: n = 1, bad = 1 Output: 1 문제 풀이 이진탐색으로 찾으면 된다. (BinarySearch) 응용해서 우리는 isBadVersion(version) 기준으로 체크하면 된다. 문제의 배열은 1부터 시작하나, 우리는 0부터 체크하는 것만 유의하자. left = 0, right = n-1 시작, 중간지점(i)설정 ..

라우팅 구현 중에, 경로에 따라 유동적으로 컴포넌트를 호출하여 보여줄 방법을 고민하다가 대표적인 성능 개선 기법인 코드분할(code splitting)방식을 응용하여 적용한 내용입니다. 코드 분할이란? 코드 분할은 여러분의 앱을 “지연 로딩” 하게 도와주고 앱 사용자에게 획기적인 성능 향상을 하게 합니다. 앱의 코드 양을 줄이지 않고도 사용자가 필요하지 않은 코드를 불러오지 않게 하며 앱의 초기화 로딩에 필요한 비용을 줄여줍니다. 목표 1. 목록에서 선택한 값(=ID)에 따라 path 설정하여 라우팅 2. 전달받은 route param(=ID) 기준으로 필요한 컴포넌트 lazy loading하여 렌더링 구현 우선 프로젝트 구조는 아래와 같습니다. path 경로에 따라 projects 폴더 하위의 경로에 ..