[TIL] 23.08.31 Today I Learned / 첨부 사진 용량 제한, 포트폴리오 게시판 UI, textarea 줄바꿈 출력, 게시판 댓글 UI

요약: 첨부 사진 용량 제한, 포트폴리오 게시판 UI, textarea 줄바꿈 출력, 게시판 댓글 UI

일시: 23.08.31

장소: 더휴먼컴퓨터아트아카데미

배운 점:

첨부 사진 용량 제한

let file = e.target.files[0];
if (file.size > MAX_FILE_SIZE) {
   alert("파일 크기가 1MB를 초과합니다.");
   return;
   }

• 원래는 서버에서 첨부된 사진의 용량을 확인해서 확인 메시지를 전송하려고 했지만, 
• 클라이언트에서 제한하는 것이 더 쉽기 때문에 위와 같은 방법으로 구현함.

 

포트폴리오 게시판 UI

 

textarea 줄바꿈 출력

• pre 태그를 사용해서 입력된 그대로 출력함.

 

게시판 댓글 UI

부족한 점: