Project: 🚩codefolio - 이미지 최적화, 성능 개선
· 약 3분
🎯목적
이미지 파일 압축 업로드 기능 구현, 최종 성능 개선에 대한 기록
목차
- 문제점 발견
- 두번째 솔루션 (이미지 압축 라이브러리 적용)
- 파일 사이즈 비교
- 얻어진 결과 (Chrome LightHouse 점수)
"Team Project" 태그로 연결된 27개 게시물개의 게시물이 있습니다.
부트캠프 팀 프로젝트 기록
모든 태그 보기Project: 🚩codefolio - 텍스트 에디터 변경
· 약 8분
🎯목적
Post, Edit post, Detail - 페이지 별 텍스트 에디터 변경
- 기존 : Toast UI Editor
- 변경 : UIW Markdown Editor
🥸 장-단점에 따른 결정
- Toast UI Editor : 이미지 업로드 기능이 있으나 번들 사이즈가 무겁고 SSR 지원이 안됨.
- UIW Markdown Editor : 마크다운 기본 내장, 번들사이즈 가볍고, 이미지 업로드 기능 없음
UIW Markdown Editor 툴바 커스텀하여 사진 업로드 및 삽입, 드래그 앤 드랍, 붙여넣기 기능 구현 기록
🚩 Project codefolio: MVP 중간발표
· 약 2분
Project: 🚩codefolio - toast ui Editor(codeSyntaxHighlightPlugin) 적용 중 에러 노트
· 약 2분
🎯목적
Next 개발 환경 devDependencies 이해하고 기록 남기기
🤢 오류 해결
- 모듈 설치 후 생기는 타입 에러, import not found
Project: 🚩codefolio - Toast UI Editor 사진 업로드
· 약 2분
🎯목적
에디터 기존의 문제점 개선 (사진 업로드 시 뷰어에서 이미지가 string 형식으로 출력되어짐)
개선 : image url과 file name으로 보여질 수 있도록
** 최종 프로젝트 기간 매우 바쁜 관계로 우선 중요 코드만 적어놓았음 **
Project: 🚩codefolio - recoil, supabase Auth
· 약 2분
🎯목적
Supabase Auth - 로그아웃, 로그인 상태(recoil)
Project: 🚩codefolio - DropDown, PostTitle / as-is to-be : 1
· 약 2분
🎯목적
- DropDown component 생성 > 개선
- PostTitle component 생성
Project: 🚩codefolio - ESlint, prettierrc 설정하기 / as-is to-be : 2
· 약 4분
🎯목적
코드 컨벤션 유지를 위해 ESLint와 prettier를 사용하여 초기세팅, 과정 기록
🤢 오류 해결 (as-is to-be)
- ESLint function declaration
- ESLint 적용시 단언문 (!) 경고 메세지
Project: 🚩codefolio - supabase API
· 약 1분
🤢 문제 내용
supabase 사용 시 필요한 키를 .env 에 입력했으나, 인식을 못하고 에러 발생..
Project: 🚩codefoliol - 라이브러리 선정
· 약 5분
🎯목적
프로젝트 - 라이브러리 결정사항 정리