배운거 적용해보기3 웹에서 아이폰사진 확장자 .HEIC사진 파일 업로드하기 웹에서 아이폰 사진 업로드가 안되는데!!! 토이프로젝트를 만들며 만난 문제가있다. 아이폰에서는 사진 확장자가 .HEIC파일이라 업로드가 되지않는 것이다. 찾아보니 아직 브라우저에서는 .HEIC 파일을 읽지 못하고있어 .HEIC 파일을 업로드 못하게 하던가 업로드전에 사진을 변환해 주는 작업을 해야된는거 알게 되었다. 개인적으로 고민 하면 2가지 해결 방법이 나왔다 1. 업로드 하기전에 .heic파일을 업로드 하지 못하게 막는다 2. 업로드 하기전에 .heic를 브라우저가 읽을수 있는 파일로 바꿔준다 나는 해결 방법을 2번을 선택하였다. 선택한 이유는 지금 만들고있는 프로젝트의 타겟 유저들이 대부분 아이폰 유저이기 떄문에 .HEIC파을을 못올리게 막는다면 UX측면에서 접근성이 현저하게 떨어지게 된다고 생각.. 2021. 12. 25. 배열 메소드 map 사용시 쉼표가 반복되어 나오는 현상?? map 메소드를 사용할떄 , (쉼표)가 반복되어 나오는 상황이 생겼다, 리엑트만 이용할떄는 항상 쉼표없이 출력이 되었는데 순수 자바스크림만 활용해서 사용하는데 쉼표가 출력되는 현상이 있어 글로 남기고자한다. 의도치 않은 현상 const template = [축구, 농구 ,족구 ,배구] ($('#root') as HTMLUListElement).innerHTML = data .map(v) => { return `${v.name}`; }) 출력되는 화면 쉼표가 생기는 윈인 map 함수가 문자열 형태로 값을 리턴할 때는 (template literals로 결합한 내용도 문자열 형태로 리턴된다고 한다) 기본적으로 쉼표(,) 로 묶어서 리턴이 된다고 한다. 해결 해결 방법은 정말 간단하다 map함수 끝나는 뒷부분.. 2021. 11. 28. 코드 리팩토링 처음에는 코드를 작동되게만 했지만 갈수록 코드 양도 많아져 무슨 기능을 하는지 까먹을떄가 있다 그럴떄 코드들이 지저분하게 되어있어 한번에 파악하기가 쉽지 않았다. 최근에 코드 리팩토링에 대해 배우게 되어 나의 프로젝트에 적용하기로 하였다. 1. 회원가입 페이지 리펙토링 전 if문이 submit안에 반복적으로 들어간다. alert창은 ui이 적으로 별로이기 떄문에 회원가입중 누락된 부분은 하단에 *필수정보라고 나오게 바꾸고싶다 const onSubmit = useCallback( (e) => { e.preventDefault(); if (mem_id === "") { alert("이메일을 입력해주세요"); return; } const formIdData = new FormData(); formIdData... 2021. 11. 18. 이전 1 다음
