Project191 👒내 포트폴리오 웹사이트 만들기👒 : 설계/기획 그래서~~카부캠 같은 팀 주리언니랑 세호오빠랑 하기로~~~👒 프론트 동향 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. 🏃🏻2024년 제6회 K-디지털 트레이닝 해커톤🏃🏻 기획 2024년 K-디지털 트레이닝 해커톤K-디지털 트레이닝 해커톤 대회는 KDT 훈련생 또는 수료생의 역량을 발휘하고 창의적 융합 사고를 개발하기 위한 대회입니다.k-digitalhackathon.kr🏃🏻팀원 완성하기🏃🏻아이디어 정하기지정과제: 저출산·고령사회에 필요한 첨단·디지털 서비스 개발+ 달라붙기 기새ㅇ퉁ㅌㅇ티 되기 비즈니스 모델 business model 사업 아이디어를 가지고, 어느 시장에서, 누구에게, 어떤 가치를 어떤 방법으로 전달하고 어떻게 수익을 창출할 것인지에 대한 전반적인 방향과 방법을 정의한 것을 말합니다. 회의햇다!디자인 언니님이랑 같이 젭에서~~피그마에서 하이파이브도 되네..내일...6시기상을... 2024. 9. 2. 📊 뀨엘 : aws EC2 배포 아빠가 재밌다는 것 같아서 에일리언 보기로 함비명듣기와 의자진동을 경험📊 aws EC2chmod 400 ~/.ssh/QL-server-key-pair.pem 리눅스나 유닉스 시스템에서 파일의 권한을 설정하는 데 사용됩니다. 이 특정 명령어는 your-key.pem 파일을 오직 파일 소유자만 읽을 수 있게 설정 ssh -i ~/.ssh/QL-server-key-pair.pem ubuntu@{EC2 인스턴스의 퍼블릭 IPv4 DNS} ssh:ssh는 Secure Shell의 약자로, 네트워크 프로토콜 중 하나-i ~/.ssh/ㄹㄹㄹ.pem:-i 옵션은 인증에 사용할 개인 키 파일을 지정ubuntu@{EC2 인스턴스의 퍼블릭 IPv4 DNS}:ubuntu는 로그인할 EC2 인스턴스의 사용자 이름(Ubunt.. 2024. 9. 1. 📊 뀨엘 : 대면회의 / docker 학기 시작 전에 대면 한 번📊 대면회의!히언이 인턴 소은이 부캠으로 다 바빠서 좀 소홀하다가여기서도 지라 써서 체계를 잡기루!백로그 작성 / 스프린트 시작스택설계도도 만들기루 함희언이 시험 시작 전에 한 달 안에 무조건 끗!📊 docker# Node.js 공식 이미지를 베이스 이미지로 사용FROM node:18# 작업 디렉토리 설정WORKDIR /app# 의존성 파일 복사COPY package*.json ./# 프로젝트 의존성 설치RUN npm install# 전체 프로젝트 파일 복사COPY . .# 애플리케이션 빌드RUN npm run build# 애플리케이션 실행 포트 설정EXPOSE 3000# 애플리케이션 실행 명령CMD ["npm", "start"]도커파일 작성!이미지 빌드docker buil.. 2024. 8. 31. 🏃🏻2024년 제6회 K-디지털 트레이닝 해커톤🏃🏻 아이디어 보호되어 있는 글 입니다. 2024. 8. 29. 📊 이대백준랭작프로그램 [뀨업] - 정기 회의 진짜 한다 이제소은이는 백엔부트캠프하고히언이는 인턴 마지막주다📊TODO - F헤더- 100% 규격 맞추기 ⭕️- 밑줄 빼기 헤더- 100% 규격 맞추기 ⭕️- 수정 ⭕️ 메인 페이지- 100% 규격 맞추기 ⭕️- 오늘의 문제 플래티넘 추가하기- 찜하기 빼기 ⭕️- 문제 링크 달아놓기 티어별 페이지- 100% 규격 맞추기- 태그 이름 예쁘게 하기 - 언레이티드 추가 알고리즘별 페이지- 100% 규격 맞추기 티어별 알고리즘별 상세 페이지- 100% 규격 맞추기- 페이지네이션 적용 교내 랭킹 페이지 - 100% 규격 맞추기- 페이지네이션 적용 같이 풀어요 페이지 ⭕️- 삭제하기 ⭕️ !! 모바일 뷰 작업하기 8월 출시를 목표로 하기로 했다!!!!!!!!!!한번 오프 하고화잍ㅇ! 2024. 8. 5. 📊 이대백준랭작프로그램 [뀨업] - 정기회의 📊TODO- 백준 실시간 데이터 크롤링 : 파이썬 - 시간 비교용 코드 공유- 웹사이트 : 기능 수정 버전으로 업데이트- 모바일 / 등 반응형 작업 📊 회의배포 먼저 해보기 AWS : RDS- 데이터베이스 업데이트 방식 알아보기 간사한 쥐는 이거다ㅋㅋㅋㅋㅋㅋㅋㅋ큐ㅠㅠㅠㅠ연하희언이.귀엽.네 2024. 7. 7. 📊 이대백준랭작프로그램 [뀨업] - 프론트엔드 업데이트 1 ing 📊TODO- 백준 실시간 데이터 크롤링 동작 방법 알아보기- 웹사이트 : 기능 수정 버전으로 업데이트- 모바일 / 등 반응형 작업 📊 기능 수정 버전으로 업데이트헤더- 100% 규격 맞추기 ⭕️- 밑줄 빼기 헤더- 100% 규격 맞추기 ⭕️- 수정 ⭕️ 메인 페이지- 100% 규격 맞추기 ⭕️- 오늘의 문제 플래티넘 추가하기- 찜하기 빼기 ⭕️- 문제 링크 달아놓기 티어별 페이지- 100% 규격 맞추기- 태그 이름 예쁘게 하기 - 언레이티드 추가 알고리즘별 페이지- 100% 규격 맞추기 티어별 알고리즘별 상세 페이지- 100% 규격 맞추기- 페이지 넘기기 교내 랭킹 페이지 - 100% 규격 맞추기 같이 풀어요 페이지 ⭕️- 삭제하기 ⭕️왜...삭제했는데도 계속 뜨는 거냐? 2024. 6. 28. 이전 1 ··· 7 8 9 10 11 12 13 ··· 20 다음
