포트폴리오 사이트 제작기 1탄: React SEO 최적화하기에서 발생한 문제와 그 해결 과정

1. SEO 최적화 코드가 배포시에 동작하지 않았던 문제SEO 최적화를 위한 코드는 다음과 같았습니다. import { defineConfig, loadEnv } from "vite";import react from "@vitejs/plugin-react";import prerender from "@prerenderer/rollup-plugin";import puppeteerRenderer from "@prerenderer/renderer-puppeteer";export default defineConfig(({ mode }) => { const env = loadEnv(mode, process.cwd(), ""); return { plugins: [ react(), prere..

• format_list_bulleted 프로젝트들
• · 2024. 6. 19.
• textsms

프로젝트 초기에 할 일

앞으로 경험이 쌓일수록 계속 업데이트될 글일 것 같아요...! 1. 기획서 작성 및 문서화 기반 만들기 + 팀문화 만들기 Notion 등을 통해 문서화할 수 있도록 만들어두기 코드 리뷰, 팀 규칙 등을 정하기 회의 시간 / 회고 시간 등을 정하기 2. 일정 관리 Jira, Notion, Zenhub 등을 사용하여 일정관리를 할 수 있도록 세팅하기 일정 단위를 어떻게 산정할 것인지 - 일주일 단위로 업무를 산정할 것인지 - 하루 단위로 업무를 산정할 것인지 3. 프로젝트 컨벤션 1) ESLint, Prettier 설정 2) 코드 컨벤션 이벤트 핸들러 함수명을 어떻게 지을 것인지 등... 3) 디렉토리 구조 (아키텍처) FSD, ... 서로가 진행했었던 프로젝트의 디렉토리 구조를 공유해보고, 맞춰나가기 클린..

• format_list_bulleted 프로젝트들
• · 2024. 4. 7.
• textsms

졸업작품 진행상황 - 2. 약 22.222% 정도 구현한 것 같은 느낌...?

지금까지 뭘 했는가 지난 토요일에는 현업에 계신 개발자분들과 함께 특정 주제에 대한 문제를 풀게 되는 항해 플러스가 시작되었습니다. 갔다오고 난 그날에 허리에 통증이 엄청나게 생겼었습니다. 걷기도 힘들 정도의 통증이 느껴지게 되었습니다. 너무 아파 공강 시간에 근처의 정형외과를 다녀오게 되었고 의사선생님께서는 척추측만증이라고 하셨습니다. 골반 모양에 의해 선천적으로 허리가 약할 수 밖에 없고, 등에서 허리로 이어지는 척추가 휘어서 그렇다고 이야기해주셨습니다. 원인을 알게 되었고 꾸준히 도수치료를 받아 절반 수준인 7~8도까지 줄여보도록 노력하자는 이야기를 듣게 되었습니다. 아무튼 통증으로 인해 졸업작품 진행이 조금 더뎌지게 되었습니다. 지금까지 진행 상황은 다음과 같습니다. 1. next-auth의 `C..

• format_list_bulleted 프로젝트들/졸업작품
• · 2024. 3. 14.
• textsms

졸업작품 진행상황 - 1

현재까지 진행 상황 공유 지금 졸업작품 프로세스를 생각해보면 3가지 입니다. 첫 번째는 VsCode Extension 개발이고, 두 번째는 Backend 개발이고, 마지막은 Frontend 개발입니다. 이 중 가장 중요한 것은 VsCode의 코드 타이핑 시, 시간을 어떻게 처리해야 하는가에 대한 부분입니다. 이 부분을 가장 많이 신경써야 했고, 앞으로도 신경써서 작성해야 할 부분입니다 1. VsCode에서 코드를 수정하고, 저장할 때 프로그래밍 시간을 측정하는 로직을 구현하고 있고, 구현 중에 있습니다. VsCode에서 저장을 눌렀을 때, 이벤트를 발생시키는 콜백함수를 등록하여 로직을 구현하려고 노력했습니다. 2. 나중에 수정될 가능성이 있지만 데이터베이스 스키마를 구상했습니다. 현재 DB 스키마는 2개..

• format_list_bulleted 프로젝트들/졸업작품
• · 2024. 3. 2.
• textsms

졸업 작품 프로젝트 주제 선정까지의 고뇌

고민의 연속 졸업 작품을 뭐할지에 대해 계속된 고민을 했었습니다. 저는 애초에 이번 졸업작품에 대해서는 팀을 꾸릴 생각이 전혀 없었습니다. 여러 이유가 있지만 팀으로 꾸리다보면 제가 하고 싶은 주제를 하는데 있어서 제약사항이 많기 때문입니다. 그리고 학생들끼리 모여서 프로젝트를 하다보면 배우는 점이 거의 없었습니다. 이러한 경험에 의거해서 여럿이서 하는 프로젝트에 대한 경험은 잘하는 분들과 하고 싶었습니다. (물론 잘하시는 분들이 절 원하진 않겠지만요...😢) 몇 일 동안 조금씩 고민을 해보고, 교수님과 이야기를 나눈 결과, 3가지 정도로 압축되어졌었습니다. R3F를 사용하여 웹 상에서 3D를 구현하는 서비스 최적화와 관련된 지표들을 분석 좋은 아이디어를 웹 서비스로 구현 첫번째는 제가 예전부터 봐두던 ..

• format_list_bulleted 프로젝트들/졸업작품
• · 2024. 2. 17.
• textsms