전체 글1224 쿠버네티스 보호되어 있는 글 입니다. 2024. 9. 15. 👒내 포트폴리오 웹사이트 만들기👒 : CICD 구축 믕믕👒 CICD 구축 👒뀨업에 적용했던 거 그대로 한다🍋🟩 .github 푸시 권한 해결refusing to allow a Personal Access Token to create or update workflow `.github/workflows/deploy.yaml` without `workflow` scope 현재 사용 중인 Personal Access Token(PAT)이 GitHub에서 워크플로우 파일(예: .github/workflows/deploy.yaml)을 업데이트할 수 있는 권한(workflow scope)을 가지고 있지 않기 때문에 발생 GitHub Actions 워크플로우를 추가하거나 업데이트하려면 토큰에 workflow 권한이 필요합니다.1. Personal Access.. 2024. 9. 14. 💛카부커넥션💛 : 카부캠 첫? 프로젝트 정리 보호되어 있는 글 입니다. 2024. 9. 14. 🧼SOPT!!!!!!🧼 지원서 연습장 3트 보호되어 있는 글 입니다. 2024. 9. 13. ⛈️vite🪁 알아보기 나야나나야나⛈️vite🪁 ViteVite, 차세대 프런트엔드 개발 툴ko.vitejs.dev [Vue + Vite] 근데 Vite는 뭔가요?Vue 3로 오면서 Vue 프로젝트를 만들면 Vite 기반으로 빌드설정이 이루어지게 된다. Vite는 기존의 Vue CLI를 대체하기 위한 툴이다. Vite를 이용하여 Vue 프로젝트의 스캐폴딩을 만든다라고 보면 된다.analogcode.tistory.comVite는 모던 프론트엔드 도구 : 번들러파일들을 빠르게 변환하고 모듈을 관리해 주는 역할 Webpack 업그레이드 버전!주요 두 가지 기능Dev Server : 개발 환경에서 HMR과 같은 기능을 제공하는 개발용 서버 기능Build : Production 배포를 위한 소스코드 번들링 기능주요 특징빠른 개발 서.. 2024. 9. 13. 👒내 포트폴리오 웹사이트 만들기👒 : 개발환경 세팅 모두 다 퇴근해버리고..야근반 👒 개발환경 세팅https://github.com/Goldchae/GoldchaePortfolio GitHub - Goldchae/GoldchaePortfolio: 내 포트폴리오 웹사이트내 포트폴리오 웹사이트. Contribute to Goldchae/GoldchaePortfolio development by creating an account on GitHub.github.com프로젝트 디렉토리 생성 및 초기화npm init -yTypescript, React, Vite, Emotion TailwindCSS, Framer Motion, Three.js 설치npm install react react-domnpm install --save-dev typescript vi.. 2024. 9. 13. 👒내 포트폴리오 웹사이트 만들기👒 : 디자인 컨셉 👒 TODO- contact 넣기 - 자기 소개- 기술 스택- 액티비티-프로젝트👒 디자인래퍼런스 신입 개발자를 위한 프론트엔드 포트폴리오 웹사이트 모음 (+합격 포트폴리오 공유) | zero-base국내외 10개의 프론트엔드 포트폴리오 웹사이트 모음과 제작 가이드로 취뽀하기!zero-base.co.kr3D 모델을 중심 concept로블랙/화이트폰트- 학교안심 우주체- 학교안심 별빛하늘체 교육저작권지원센터교육저작권 안내자료 및 온라인상담, 폰트점검 프로그램 다운로드, 학교 안심폰트 다운로드copyright.keris.or.kr피그마! FigmaCreated with Figmawww.figma.com모델은 좀.,..바꿔야 하나이쁜 것 같은데 ㅠㅠ 2024. 9. 13. 👒내 포트폴리오 웹사이트 만들기👒 : 설계/기획 그래서~~카부캠 같은 팀 주리언니랑 세호오빠랑 하기로~~~👒 프론트 동향 2024 프론트엔드 기술스택 이야기오늘 해볼 이야기는 2024년 프론트엔드 기술 스택입니다. 프론트엔드는 지난 10여 년간 빠르게 기술이 발전하면서, 해마다 '올해의 기술 전망'을 바탕으로 한 '20XX 프론트엔드 기술스택' 과 같은velog.io출처👒 기술 스택 설계프론트 : npm + Node.js + vite + React + typeScript + next.js + emotions + Framer Motion + TailwindCSS+ Three.js + ESLint + prettier + jest배포(CI/CD) : github actions + ec2 + docker 패키지 관리 도구 : npm런타임 환경 : Nod.. 2024. 9. 12. 🟧 뀨엘 : AWS ec2 🟧 결제 및 비용 관리예산 생성힝 탄력적 ip 적용해놓고 있었더니 돈 나갔나 버ㄷ다....근데 나 새 계정인데 왜 무료 아님? 프리티어 어디감?🟧 IAM : AWS_ACCESS_KEY_ID 및 AWS_SECRET_ACCESS_KEY 발급사용자 권한 설정하기AmazonEC2FullAccess: EC2 인스턴스를 관리할 수 있도록 허용합니다. 이 권한을 통해 인스턴스를 시작, 중지, 종료 및 관리할 수 있음IAMReadOnlyAccess: 사용자가 필요로 하는 IAM 리소스의 구성을 조회할 수 있지만 변경은 할 수 없습니다. 이는 보안을 강화하는 데 도움깃허브 액션용 사용자 생성!🟧 EC2 : EC2_SSH_PRIVATE_KEY 발급키 발급~pem 파일 받기cat으로 문자열 키 확인 가능.ssh에 넣어.. 2024. 9. 12. 📊 뀨엘 : CI/CD (github actions) 로컬 저장소 체크git remote -v오리진 패치해오기git fetch origin브랜치 보기git branch -r오리진 브랜치 가져오기git pull origin 브랜치이름📊 github actions개념- Workflow자동화된 전체 프로세스. 하나 이상의 Job으로 구성되고, Event에 의해 예약되거나 트리거될 수 있는 자동화된 절차Workflow 파일은 Github Repository의 .github/workflows 폴더 아래에 YAML으로 작성 - EventWorkflow를 트리거(실행)하는 특정 활동이나 규칙 - JobJob은 여러 Step으로 구성되고, 단일 가상 환경에서 실행다른 Job에 의존 관계를 가질 수도 있고, 독립적으로 병렬로 실행될 수도있음 - StepJob 안에서 순차.. 2024. 9. 12. 이전 1 ··· 45 46 47 48 49 50 51 ··· 123 다음
