Light Purple Pointer
Storybook chromatic 사용하여 배포하기
·
FRONTEND/기타
현재 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..
Cursor MCP 세팅 관련 블로그 글 모음
·
카테고리 없음
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..
플러터 프로젝트 시작
·
FRONTEND/Flutter
애뮬레이터에서 앱 실행하기
플러터를 사용하는 이유 및 개발환경 준비(윈도우)
·
FRONTEND/Flutter
1. 플러터에 주목하는 이유 1. 높은 개발 효율플러터를 이용해 코드를 작성하면 안드로이드와 iOS 모바일 앱 모두 한 번에 개발할 수 있어서 효율적임. 이렇게 개발한 앱은 어떤 운영체제에서도 똑같은 사용자 인터페이스와 사용자 경험을 제공한다. 또한, 플러터의 핫 리로드 기능덕분에 개발자가 UI를 실시간으로 확인하고 수정하며 앱의 상태를 유지하면서 코드를 변경하는 등 생산성을 획기적으로 높일 수 있음. 2. 역동적이고 유연한 사용자 인터페이스플러터는 다양한 위젯을 제공하므로 사용자 맞춤형 앱을 쉽게 만들 수 있음. 위젯이란 사용자 인터페이스를 선언하고 구성하는 방법임. 위젯은 현재 구성과 상태에 따라 뷰에서 어떻게 보일지를 설명한다. 상태가 바뀌면 위젯은 설명을 다시 작성하고 프레임워크는 이전 설명과 ..
AWS EC2의 .pem 파일로 서버 인스턴스에 접속하기
·
카테고리 없음
https://blog.naver.com/alice_k106/220882708567 [강좌] AWS EC2의 .pem 파일로 서버 인스턴스에 접속하기AWS의 EC2서비스에서 서버 인스턴스를 생성한 뒤 .pem의 확장자로 된 키 파일을 다운로드 받으면 이를...blog.naver.com
깃허브 Merge할 때 Resolve Conflicts 버튼이 비활성화돼서 바로 수정못할경우
·
GIT
대부분의 경우에는 Resolve Conflicts 가 나도 깃허브에서 바로 파일 수정이 가능한데, 버튼이 비활성화 될 때가 있음. 이 경우에는 충돌 범위가 너무 커서 시스템이 충돌 범위를 헤아리기 힘들 때 발생하는 현상임 이 경우에 CLI 로도 해결할 수 있지만, 깃허브 데스크탑으로도 해결할 수 있음 이미 해결해버려서,, 해당 캡쳐를 올리기 어렵지만 경로라도 기록해놓음 merge하려는 브랜치로 변경해서 merge into current branch를 클릭한다. 충돌이 날 경우 아래의 버튼이 활성화됨 이 버튼을 클릭하고나면 충돌나는 파일들과, vscode로 편집할수있게 됨 충돌해결되면 다시 merge하면된다.
yarn 버전 변경
·
STUDY
https://yarnpkg.com/cli/set/version
웹사이트 최적화 관련 블로그 포스팅
·
STUDY
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
AWS EC2에서 Docker를 활용해서 배포해보기
·
AWS
인스턴스 연결 후 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 서버를 EC2에 배포하기
·
AWS
이제 인스턴스를 만들었으니 , 서버를 배포해보는 작업을 해본다.   인스턴스를 연결해서 원격 접속을 한다.  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 &&..