https://naver.me/xM8mdHkp [인간관계문제] ‘내가 그렇게 챙겼건만....’ 사람들에게 원망하는 마음이 듭니다... 어렸을 적부터 사랑을 갈망하며 자라서 모든 사람에게 목적 없이 베풀기를 좋아했습니다. 내성적인 성격이라 사람을 좋아하면서도 사람을 사귀는 방법을 모르니 유형적으로도 무형 contents.premium.naver.com https://post.naver.com/viewer/postView.naver?volumeNo=35534426&memberNo=41817687

function getFileExtension(fileName) { let fileLegnth = fileName.length; // 가장 마지막의 . 의 위치 let lastDot = fileName.lastIndexOf('.'); // .의 다음 위치부터 파일 총 길이까지 let fileExtension = fileName.substring(lastDot + 1 , fileLegnth).toLowercase(); return fileExtension; } .lastIndexOf() 문자열 위치를 찾습니다. indexOf() 와 반대로 뒤에서부터 시작하여 찾아줌 .substring() 특정 문자열을 잘라내어 반환한다. substring(start, end) 시작위치에서 종료 위치까지 문자열을 자른다. ..

비전공자를 위한 이해할 수 있는 IT지식 저자 최원영 출판 티더블유아이지 - 이거 왜 안 돼요 - 저번에 어떤 담당자분은 해주셨는데?! '이건 백엔드 개발자에게 문의하셔야 해요~' '제 쪽 수정이 아니라 이건 관리자 페이지에서 설정해주셔야 해요~' 내 포지션은 당연히 기획 디자인과의 협업이 많다. 둘 사이 커뮤니케이션 역할도 하며 가장 큰 소통은 [안되는 이유] 말해주기 일단 화면에 보이는 영역은 내 담당으로 오류사항이나 문의사항도 일단 들고 오지만~~~ ...그 수정은 저도 할 수 없는걸요 (예를 들어 관리자 페이지에서 업로드라던가 백단 영역) 그렇기에 책에서 알려주는 상황이 공감이 되었다. 개발을 모르는 사람들에게는 어떠한 점이 어려울까 협업 담당자들과 커뮤니케이션을 한다면 어떤 관점으로 봐야 할까 ..

✅ 참고 텍스트와 배경 색상에 겹치는 부분이 반전되는 효과가 있어 찾아보았다. 웹 페이지에 적용하면 세련된 느낌을 주기도 하더라구여 📌 css mix-blend-mode: difference; 간단하게 css로 보여질 수 있었다. css 속성중 mix-blend-mode 를 이용한 효과 포토샵에서 레이어를 이용해 요소들을 효과를 주는 거는 역할과 비슷하게 생각하면 된다. 📌 참고 이외 다른 여러 속성스타일도 있으니 참고 https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode mix-blend-mode - CSS: Cascading Style Sheets | MDN The mix-blend-mode CSS property sets how an el..

지적대화를 위한 넓고 얕은 지식 1 저자 채사장 아무튼, 술 저자 김혼비 트로피컬 나이트 저자 조예은

티스토리 로그인이 종종 안되고 페이지 접속 했을 때 400에러가 날 때가 있다. 요며칠 계속 티스토리 접속 할 때마다 발생하는 오류라 찾아보니 cookie 때문에 발생하는 오류라고 한다. 오류 해결방법으로 ✔ 브라우저 인터넷 사용기록 삭제 인터넷 사용기록 삭제로 모든 쿠키를 제거하는 방법 그러나깔끔하게 지우고 시작하면 좋긴한데내 인터넷 사용기록과 함께 자동 로그인들도 풀려 다시 모든 사이트에 번거롭게 들어가야하는 불편함이 있다. 불편하여 찾아본 다른 방법으로 빠르게 티스토리 관련 내용만 지우는 방법이 있다. ✔ 티스토리 관련 내용만 삭제하기 chrome://settings/content/all?searchSubpage=tistory 위 주소로 들어가 티스토리 데이터만 삭제해주면 다시 원활하게 페이지 이용..

swiper 슬라이드에 마우스를 올렸을 때 슬라이드 동작을 일시적으로 정지하고 싶은 경우 See the Pen swiper 2 - autoplay stop on hover by jaeheekim (@jaehee) on CodePen. $('.swiper').hover(function() { swiper.autoplay.stop(); }, function(){ swiper.autoplay.start(); }); swiper.autoplay.stop() swiper.autoplay.start() 두 개 속성을 이용하여 마우스가 올려졌을 때는 슬라이드 stop() 그 외는 다시 start로 적용되게끔 한다. 이때 슬라이드 동작이 멈출 때 기준은 하나 slider 기준 하나의 슬라이드 처음과 끝이 모두 시작과 ..

Intro 페이지 리뉴얼을 담당으로 진행하였다. 오픈 후에는 구글 웹페이지 속도 측정 도구를 이용하여 페이지 성능을 검증해보았다. 검증 결과를 토대로 개선이 필요한 사항들을 파악과 해결 후 기록 Google Page Speed Insights 데스크톱 및 모바일에서 웹페이지 사이트 성능을 테스트하기 위한 도구 📌 문제점 이미지 로드가 오래걸린다는 문제가 확인되었다. 현재 문제가 되는 이미지는 png 파일형식으로 크기도 꽤 큰 편이였다. 불필요한 파일 소스들이 많다는 점도 문제가 되었다. ✔ 개선사항 체크하기 문제를 개선하기 위해 jpg, png 이미지들을 .webp 이미지로 교체하기로 하였다. .webp란 이미지 품질은 그대로 유지하면서도 다른 파일형식과 비교하여 더 낮춰서 저장할 수 있다. 이에 적극적..