[JS] 파일 크기를 깔끔하게 만들어주는 JQuery 코드 input으로 파일 정보를 추출하면 파일 사이즈가 "878562" 이런 식으로 숫자로만 추출되는 것을 확인할 수 있습니다.이때 이를 깔끔하게 만들어주는 함수나 코드를 그때그때 작성하기보다는 이렇게 탬플릿화 해서 적재적소에 사용하면 시간을 아끼고 효율적으로 일할 수 있기에 관련 코드를 공유합니다.이러한 코드들을 앞으로도 지속해서 공유하고 저 또한 재사용함으로써 모두 효율적으로 일하는 것이 목표입니다.그럼 다들 파팅! See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen. 2024. 12. 2. [JS] ZIP 파일 생성 > 암호화 > 다운로드를 알아보자 zip 파일을 만들고 암호화 처리를 하던 도중 관련 내용을 찾기 어렵고, 특히 국문 내용이 적어서 내용을 정리하게 되었습니다.zip 파일 암호화 처리를 위해 JSzip이나 fflate 등의 라이브러리도 알아봤으나 이 라이브러리들은 암호화가 안 되는 것 같아 찾고 찾다가 zip.js를 찾게 되어 진행할 수 있었습니다.zip 파일 생성 > 암호화 > 다운로드 코드: See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.전혀 꾸미지 않은 날것의 코드입니다.꾸며 놓으면 가져다 사용하시기 어려울 것 같아 있는 그대로의 코드니 편히 가져다 .. 2024. 11. 30. 크롬이 자꾸 멈출 때 (그래픽 가속 사용하지 않기) 저는 업무 용도로 갤럭시 북을 사용하고 있습니다.가볍고, 이쁘고, 성능도 그럭저럭 나와줘서 꽤 괜찮은 노트북인 것 같습니다.그런데 오픈 AI 사이트 같은 무거운 사이트를 방문하면 크롬이 멈추고 먹통이 되는 상황이 계속 발생하였습니다.피그마도 하고, 무거운 프로그램도 돌리는데 크롬이 안된다니! 이상해서 다양한 방법을 시도해 봤으나 해결을 못하다 드디어 원인을 알게 되어 해결법을 공유해 드립니다.해결 방법:크롬의 설정을 보면 "가능한 경우 그래픽 가속 사용"이라는 옵션이 있습니다.크롬 > 설정 > 시스템 > 가능한 경우 그래픽 가속 사용그래픽 카드 성능이 좋지 않을 경우 오히려 이 옵션이 독이 될 수 있더군요.해당 옵션을 꺼주니 무거운 사이트에 방문해도 크롬이 먹통이 되지 않았습니다."가능한 경우 그래픽 가.. 2024. 11. 29. 신지모루 폰 태블릿 자바라 거치대 집게형 리뷰 이런 작은 블로그에 혹시 오해를 하시는 분이 있을지는 모르겠지만, 광고는 아닙니다.주시면 열심히 해보겠습니다.저번에 갤럭시 탭 S9를 구매하고 태블릿에 끼워 스탠딩 형태로 사용하고 있었습니다.근데 저는 모니터를 앉은 눈높이보다 위에 위치시키기 때문에 모니터와 태블릿을 번갈아 보는 게 불편하더군요.(다들 목 건강을 위해 디스플레이는 최대한 높은 곳에 둡시다!)이미 폰 스탠딩 거치대가 있었지만, 폰은 폰대로 태블릿은 태블릿대로 보고 싶어서 추가로 거치대를 구매하였습니다.바닥에 무언가 있는 것을 좋아하지 않아서 이번 거치대는 책상 같은 곳에 집게로 고정할 수 있는 집게형으로 선택하게 되었습니다.실제 사용 모습:구성품과 상세 사진:구성품은 무척 심플합니다.거치대, 설명서 끝.설명서는 필요 없을 정도로 직관적이고.. 2024. 11. 27. console.log(0.1+0.2)의 답은 0.3이 아닙니다. 여러분 혹시 console.log(0.1 + 0.2);의 답에 대해서 0.3일 거라고 생각하신다면 아쉽게도 아닙니다.답은 0.30000000000000004입니다.뭔가 싶지요.제가 그랬거든요.결론부터 말씀드리면 이는 부동소수점(floating-point) 연산의 정밀도 한계 때문입니다.이 현상은 JS뿐만 아니라 대부분의 프로그래밍 언어에서 나타나며, 컴퓨터가 숫자를 이진법으로 표현하기 때문에 발생하는 문제입니다.부동소수점 연산의 특징이진 부동소수점 표기법 0.1과 0.2는 이진법에서 무한소수로 표현됩니다. 0.1은 0.000110011001100... (무한 반복) 0.2는 0.00110011001100... (무한 반복) 컴퓨터는 무한 반복 소수를 저장할 수 없으므로, 유한한 비트로 근사치를 저장합니다.. 2024. 11. 26. [CSS] reset.css란? reset.css 공유 처음 사이트 제작 시 주의 깊게 보시면 내가 설정하지 않은 CSS 속성들이 적용되어 있는 것을 확인하실 수 있습니다.이는 사이트에서 자체적으로 제공하는 기본 스타일(Default Styles) 때문입니다. 브라우저는 사용자 경험을 위해 HTML 요소에 기본적인 스타일(CSS)을 제공합니다.예를 들어, a 태그는 파란색 텍스트와 밑줄 효과가 있으며, h1, h2 같은 헤딩 태그는 크기와 굵기가 다르게 설정됩니다. 또한, 문단 간의 기본적인 margin이나 padding 역시 기본 스타일입니다.이러한 기본 스타일은 사이트 제작 시 대단히 불편하기 때문에 처음에 reset.css로 CSS를 초기화한 후 개발을 진행하게 됩니다.reset.css는 개발자마다 소소하게 다르며 아래 코드는 제가 사용하는 reset... 2024. 11. 25.
