본문 바로가기

IT/Javascript4

[node.js] multer에서 한글 깨짐 해결 오랜만에 node.js로 개발하는데 파일업로드관련 라이브러리인 multer를 하게 되었습니다. 잊어 버렸던 사용법을 머릿속에서 하나하나 되짚어보면서 즐겁게 코딩을 하고 있었는데 문제가 터졌습니다. 파일 업로드 하는 웹브라우저에서 업로드 할 한글파일을 선택하고 업로드하면 백엔드에서 multer로 업로드된 파일의 정보를 확인했는데 파일명이 왠지 불안했습니다. 불안은 사실로 들어났습니다. 한글 파일 이름이 깨져서 저장이 되었습니다. 만약에 여러분도 여기 까지 왔다면 UTF8, EUC-KR등 인코딩과 디코딩에 대한 자료를 열심히 검색 하셨을 겁니다. 해결책? 걱정하지마세요 해결책 찾았습니다. 다음 코드를 확인하세요! router.post("/file", upload.single('doc'), async (req.. 2023. 1. 13.
Javascript 문법 모음 천천히 알아가는 Javascript 한 단계 한 단계 지식을 쌓아 봅시다. 윈도우 스크롤 자연스럽게 이동하기 window.scroll({ top: 0, left: 0, behavior: "smooth" }); 2022. 11. 16.
div - border 색 입히기 망각의 곡선을 믿어 보기 위해 잊어버렸지만 다시 기억 해 보고자 글을 작성합니다. 이번에는 데이터 오류가 있는 부분에 영역을 표시하기 위한 기능을 위해 div border에 색을 입혀보려고 합니다. 실제 코드에서 영역은 다음과 같다. border 색 설정 및 기타 설정 여기에선 jquery를 이용하여 하고 싶지만 실제 적용이 잘 안되어 다음 코드로 이용하기로 했습니다. Div 영역을 잡기 위해선 ID도 있지만 저는 Class에 이름을 붙여서 찾았습니다. (코드 한줄을 만들기 위해 2시간을 투자했습니다.......) document.getElementsByClassName('body-q1')[0].style.border = "1px solid red" 2022. 11. 15.
[Javascript] 라디오 그룹에서 선택값 가져오기 및 넣기 망각의 곡선! 과학을 믿어 보고자 필요한데 생각이 안나는 Javascript 문법들을 정리 합니다. 이번에는 라디오 그룹에서 라이도 체크 값만 가져오는 걸 해보려고 합니다. 우선 제가 디자인한 기본 배경은 다음과 같습니다. input 컴포넌트의 name 을 같게 하였고 해당 내용의 체크된 값만 가져와야 하는 상황 입니다. 제가 이번에 가져오는 함수는는 jquery로 선택 하였습니다. 라디오 그룹에서 라디오 체크 값만 value 값 가져오기 //라디오 체크값 가져오기 //html document.querySelector('input[name="radioName"]:checked').value; //jquery $("input[name='radio-q1']:checked").val(); 다음 소스코드를 보고.. 2022. 11. 15.