본문 바로가기
  • 컴공생의 공부 일기
  • 공부보단 일기에 가까운 것 같은
  • 블로그

Club|Project/포트폴리오 웹사이트 만들기!10

👒내 포트폴리오 웹사이트 만들기👒 : Meta Tag , OG(오픈그래프) 웹사이트의 링크를 공유했을 때 미리보기 이미지와 설명 설정HTML 문서의  섹션에 메타 태그를 추가Open Graph (OG) 메타 태그Open Graph 메타 태그는 페이스북을 포함한 대부분의 소셜 미디어 플랫폼에서 사용하며, 웹 페이지의 정보를 구조화된 방식으로 제공페이지 제목, 설명, 이미지 등을 지정 가능meta property="og:title" content="..."> -> 콘텐츠 제목meta property="og:url" content="..."> -> 웹페이지 URLmeta property="og:type" content="..."> -> 웹페이지 타입(blog, website 등)meta property="og:image" content="..."> -> 표시되는 이미지meta pro.. 2024. 10. 3.
👒내 포트폴리오 웹사이트 만들기👒 : 구현-Framer Motion 보호되어 있는 글 입니다. 2024. 9. 24.
👒내 포트폴리오 웹사이트 만들기👒 : 배포랑 싸우기 와랄라랄라 glb 그래 lfs로 100MB 넘는 거 올렸더니 자꾸 500b짜리 포인터 파일만 올라가는 것 같아서lfs 사용 취소하려다가 다 꼬이고 그냥 밀고 클론 다시 받고 그냥 glb 확장자 추적 피하기 꼼수로 gltf로 파일 바꿔서 올렸잖아근데 왜glb오류가 또 나는 거지!!!!!!이제 쓰지도않는다고......ec2 내부에서 뭔가 문제가 생겼나숨참고 ec2 다이브 배포 과정에서 .gltf 파일이 올바르게 EC2 서버에 업로드되고 복사되었는지 확인SSH로 서버에 접속,    /model3d/nasa_moon.gltf 파일이 실제로 그 경로에 있는지 확인 서버에 배포된 파일에 대한 파일 권한이 제대로 설정되어 있는지 확인 - 만약 권한이 부족하면 웹 서버가 해당 파일에 접근하지 못할 가능성Public 정.. 2024. 9. 24.
👒내 포트폴리오 웹사이트 만들기👒 : 들어갈 내용 정리하기 👒 TODO- contact 넣기- 자기 소개- 기술 스택- 액티비티-프로젝트"착즙 시작" 참고 :수많은 단체에서 쓴 노션 자기소개 ( 이독, 신촌, 카부캠, 1d1s ....지원서 ( 구글, 솝트123, 우테코, 카부캠, 네부캠,...pr 사이트 ( 블로그, 깃허브, 링크드인, 인스타...👒 메인 페이지 (사진)Jung Eun Chaecelina.jung2003 Ewha Womens universityComputer science & engineeringundergraduate Seoul2022-2026 이메일, 링크드인, 인스타, 위치 버튼 이후 도입 이 포트폴리오 웹사이트는 프론트엔드/클라우드/인공지능 공부 겸 진행되는 1인 프로젝트입니다!   👒 자기 소개   Hi there! ✨현재 이.. 2024. 9. 18.
👒내 포트폴리오 웹사이트 만들기👒 : 3D 모델 넣기(three.js) 즐추즐추 아래 은하수를 넣을 생각이당 Need some space? - Download Free 3D model by Loïc Norgeot - SketchfabThis model is the result of further programming experiments (C++) on my path to recreating space objects. If you’re curious, here are a few clues about its creation : I initially scattered the stars in a disk-like fashion, and gave them a tangential initsketchfab.comthree.js를 사용한당 Three.js – JavaScript 3D L.. 2024. 9. 16.
👒내 포트폴리오 웹사이트 만들기👒 : 도메인 사서 연결하기 해커톤에서 디자인 보여준 뒤로 카부캠에서도...솔브닥에 배경 올라간 후 친구들에게도...그림 칭찬을 많이 받고 있다..둘 중에 뭐가 낫지?👒 도메인 사기 음,,, 뭘 사야 잘 샀다고 소문이 나지뀨업 때는 다른 도메인 사이트에서 샀는데 싼 척 하더니 갑자기 결제창에서 비싸지는 바람에...그냥 유명한 가비아에서 구매하겠어흠...엄마랑 태영이랑 이야기하고 한 결과..👒 연결하기aws route 53를 이용해서 연결한다호스팅 영역을 생성한다레코드를 생성해서 내 인스턴스 ip와 연결한다My가비아 → 구입도메인의 관리 탭에서네임서버에 Route 53에서 지정한 NS 서버 4개를 입력한다👒 완성http://goldchae-portfolio.info Vite + React + TS goldchae-portfoli.. 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.
👒내 포트폴리오 웹사이트 만들기👒 : 개발환경 세팅 모두 다 퇴근해버리고..야근반  👒 개발환경 세팅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.

티스토리툴바