현재 Storybook을 사용하여 컴포넌트 문서화를 하고 있는데, 다른 팀원들에게 공유가 되어야 하는 상황이므로 간단하게 배포할 수는 없을까 하다가 chromatic이나 netlify를 사용하면 더 간단하게 배포가능하다고 하여 작업하였다. 스토리북 공식문서에도 chromatic을 사용한 배포 방법을 안내하고 있다. https://storybook.js.org/tutorials/intro-to-storybook/react/ko/deploy/ Storybook TutorialsLearn how to build and test UI components with Storybook. Our in-depth frontend guides are created by Storybook maintainers and p..

https://brunch.co.kr/@zitopd/8 비개발자를 위한 Cursor-figma-MCP 사용법기다리던 Figma MCP가 등장했는데....이거 어떻게 해요 | Cursor-talk-to-Figma-MCP가 등장했습니다. 많은 프로덕트 디자이너들이 플러그인 설치 과정에서 어려움을 겪고 있다는 피드백을 받았습니다. 특brunch.co.kr https://tiaz.dev/ai/3 MCP 서버 구축직접 나만의 MCP 서버를 구축하고, Docker와 SDK를 이용해 Claude나 Cursor에서 실행 가능한 AI 도구로 활용하는 과정을 정리합니다​.tiaz.dev https://tiaz.dev/ai/2 https://smithery.ai/ Smithery - Model Context Pr..

애뮬레이터에서 앱 실행하기

1. 플러터에 주목하는 이유 1. 높은 개발 효율플러터를 이용해 코드를 작성하면 안드로이드와 iOS 모바일 앱 모두 한 번에 개발할 수 있어서 효율적임. 이렇게 개발한 앱은 어떤 운영체제에서도 똑같은 사용자 인터페이스와 사용자 경험을 제공한다. 또한, 플러터의 핫 리로드 기능덕분에 개발자가 UI를 실시간으로 확인하고 수정하며 앱의 상태를 유지하면서 코드를 변경하는 등 생산성을 획기적으로 높일 수 있음. 2. 역동적이고 유연한 사용자 인터페이스플러터는 다양한 위젯을 제공하므로 사용자 맞춤형 앱을 쉽게 만들 수 있음. 위젯이란 사용자 인터페이스를 선언하고 구성하는 방법임. 위젯은 현재 구성과 상태에 따라 뷰에서 어떻게 보일지를 설명한다. 상태가 바뀌면 위젯은 설명을 다시 작성하고 프레임워크는 이전 설명과 ..

https://blog.naver.com/alice_k106/220882708567 [강좌] AWS EC2의 .pem 파일로 서버 인스턴스에 접속하기AWS의 EC2서비스에서 서버 인스턴스를 생성한 뒤 .pem의 확장자로 된 키 파일을 다운로드 받으면 이를...blog.naver.com

대부분의 경우에는 Resolve Conflicts 가 나도 깃허브에서 바로 파일 수정이 가능한데, 버튼이 비활성화 될 때가 있음. 이 경우에는 충돌 범위가 너무 커서 시스템이 충돌 범위를 헤아리기 힘들 때 발생하는 현상임 이 경우에 CLI 로도 해결할 수 있지만, 깃허브 데스크탑으로도 해결할 수 있음 이미 해결해버려서,, 해당 캡쳐를 올리기 어렵지만 경로라도 기록해놓음 merge하려는 브랜치로 변경해서 merge into current branch를 클릭한다. 충돌이 날 경우 아래의 버튼이 활성화됨 이 버튼을 클릭하고나면 충돌나는 파일들과, vscode로 편집할수있게 됨 충돌해결되면 다시 merge하면된다.

https://yarnpkg.com/cli/set/version

https://mong-blog.tistory.com/entry/%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EC%B5%9C%EC%A0%81%ED%99%94%EC%8B%9C%ED%82%A4%EB%8A%94-3%EA%B0%80%EC%A7%80-%EA%B8%B0%EB%B2%95-%EC%BD%94%EB%93%9C-%EC%95%95%EC%B6%95-%EA%B2%BD%EB%9F%89%ED%99%94-%EB%82%9C%EB%8F%85%ED%99%94

인스턴스 연결 후 docker , docker compose 설치 $ sudo apt-get update && \ sudo apt-get install -y apt-transport-https ca-certificates curl software-properties-common && \ curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - && \ sudo apt-key fingerprint 0EBFCD88 && \ sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" && \ s..

이제 인스턴스를 만들었으니 , 서버를 배포해보는 작업을 해본다.   인스턴스를 연결해서 원격 접속을 한다.  express서버를 실행시킬려면 node.js가 설치되어있어야한다.  sudo su 로 권한 변경 후 아래의 명령어로 node.js를 설치한다.$ sudo su$ apt-get update && /apt-get install -y ca-certificates curl gnupg && /mkdir -p /etc/apt/keyrings && /curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg && /NODE_MAJOR=20 &&..