배경 설명 ReactQuill 텍스트 에디터에서 이미지 업로드 기능 구현 중. AdminEditor 컴포넌트 하위에 별도의 이미지 업로드 컴포넌트(ImageUploader) 존재. ImageUploader에서 이미지 Input 받아서, Quill 에디터가 있는 부모 컴포넌트(AdminEditor)에서 사용자 입력 중 커서가 있는 위치에 해당...
GitHub SihyeonHong/EasiestCV: CV 홈페이지 만들기 귀찮고 디자인도 신경쓰기 싫은 연구자들을 위해 레포 오른쪽 메뉴에 Deployments라는 메뉴 언제부터 있었던 건지 모르겠는데 최근에 생긴 거 맞겠죠 딱 100번 배포를 했다고 나와서 기념삼아 기록해봅니다 ...
chore: node 버전 업그레이드 및 gcs 타입 수정 by SihyeonHong · Pull Request #70 · SihyeonHong/EasiestCV 위 PR 링크에 내 코드와 연관된 자세한 설명 있음. 상황 GCS(Google Cloud Storage)에 업로드한 이미지 파일을 다운로드받는 downloadFile() 함수에서 Buf...
오늘자 PR에 여담 좀 추가했다 fix: Tabs 및 자식 레이아웃 수정 by SihyeonHong · Pull Request #53 · SihyeonHong/EasiestCV Bug Fix 번호 매긴 항목들은 모두 이어지는 내용. PublicHome 모바일 레이아웃 약간 변경 기존 코드: html CardContent className="f...
웹 접근성(Web Accessibility) 웹 접근성이란, 장애인이나 노약자 등 모든 사용자가 웹페이지를 불편 없이 사용할 수 있도록 설계하는 것. 웹 접근성 개선 시의 이점 범용성 증가: 장애인이나 노약자를 포함해 더 많은 사람들이 서비스를 이용할 수 있어서 결과적으로 서비스의 가치가 높아진다. SEO(검색엔진 최적화): 웹 표준과 접근성을 ...
내 답변 정리 commonJS와 ES Module은 자바스크립트에서 모듈을 불러오고 내보내는 두 가지 방식입니다. CommonJS는 자바스크립트 초창기부터 쓰던 방식인데, 동기적으로 모듈을 불러옵니다. require로 모듈을 동적으로 불러올 수 있기 때문에 정적 분석을 할 수 없어 트리 쉐이킹이 지원되지 않습니다. ES Module은 ES...
feat: 자동저장 및 되돌리기 기능 추가 by SihyeonHong · Pull Request #46 · SihyeonHong/EasiestCV 오늘 진짜 코딩하느라 배도 안 고픔 몇 시간 동안 앉아있었더라 재밌다 맨날 이런 것만 하고싶다... 맨날 이런 것만 하려면 이력서 포폴 면접준비를 해야 하는데 Features resolves #34 임...
feat: Public과 Admin의 폰트 크기 통일. home 레이아웃 수정. by SihyeonHong · Pull Request #42 · SihyeonHong/EasiestCV Features PublicHome 레이아웃 변경 기존: 이미지와 자기소개가 flex items-center로 가운데에 맞춰 정렬. 문제점: 자기소개 글이 길어...
문제 갑자기 모든 파일의 ; 마지막 부분에 Delete ␍eslintprettier/prettier 에러가 떴다. 원인 이 문제는 Windows에서 흔히 발생하는 줄바꿈 문자(line ending) 충돌 때문입니다. ␍는 캐리지 리턴(Carriage Return, CR) 문자를 나타내며, Windows는 CRLF(rn)를, Unix/Linux/Ma...
px: 절대적 단위 픽셀(px)은 절대적 단위입니다. 어떤 환경에서도 변하지 않는 고정된 단위입니다. em, rem, vw, vh : 상대적 단위 반면, em과 rem, 그리고 vw, vh는 모두 상대적 단위입니다. em과 rem em 단위는 현재 요소의 폰트 크기를 기준으로 상대적으로 크기를 정합니다. 예를 들어, 부모 요소의 폰트 크기가...
React-Quill 주요 클래스 구조 정리 React-Quill은 Quill.js를 React 환경에서 사용할 수 있게 해 주는 wrapper 라이브러리입니다. 기본적으로 에디터를 렌더링할 때, 내부적으로 다양한 HTML 구조와 클래스명이 자동으로 붙습니다. 이 클래스들을 이해하면 커스터마이징(스타일 조정, 동작 제어 등)이 쉬워집니다. 이 글에서는 그...
