[JavaScript] 형변환 까먹지 말기
Date.
LEVEL UP/MEMO
jQuery UI 1.13 [한국어]
Date.
https://runebook.dev/ko/docs/jqueryui/-index-
jQuery UI 1.13 한국어
runebook.dev
이런 사이트가 있을거라고는 생각도 못했다..
검색하다가 얻어 걸렸당
Slider plugin background-attachment:fixed 동작 안할때
Date.
디자인 시안에 기능들이 많았고, 플러그인 없이 새로 짜기엔 시간이 부족해서
찾아봤다가 참조 사이트를 참고해서 아래 코드 적용해서 해결했다.
function parallax(selector){
var scrolled = $(window).scrollTop();
$(selector).css('background-position',"0 "+ (scrolled * 1) + 'px');
}
$(window).scroll(function(e){
parallax('.slider .item');
});
참조 :
vsc prettier 설정 (220419 수정)
Date.
scss만 사용 :
https://marketplace.visualstudio.com/items?itemName=sibiraj-s.vscode-scss-formatter
그동안 설정이 마음에 안드는게 좀 많았어 가지구
이것저것 수정해보다가
scss만 사용하는법도 찾아보고.. 했는데
유지보수할때 내가 메인으로 작업한 코드가 아닌 다른사람 코드 수정할일도 있어서
기존에 쓰던 prettier 사용으로 다시 바꾸고
vsc setting.json 에서 아래 코드만 추가해줬다
"[html]": { "editor.defaultFormatter": "vscode.html-language-features" },
더보기
공식사이트 :
https://prettier.io/index.html
설정 참조 :
https://staticclass.tistory.com/125
따옴표 해제 참조 :
https://analogcoding.tistory.com/164
잘쓰고 있었는데 갑자기 설정이 변경되어서 찾아봤당
input[type="file] 속성
Date.
https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input/file
- HTML: Hypertext Markup Language | MDN
file 유형의
요소에는 저장 장치의 파일을 하나 혹은 여러 개 선택할 수 있습니다. 그 후, 양식을 제출해 서버로 전송하거나, File API를 사용한 JavaScript 코드로 조작할 수 있습니다.
developer.mozilla.org
<input type="file" name="" multiple accept="image/png, image/jpeg, image/jpg">multiple
사용자가 파일 선택 창에서 복수의 파일을 선택할수 있게해준다
accept
특정파일만 업로드 가능하게 해준다
isNaN()
Date.
숫자만 입력된 아이디 회원가입 방지가 필요해서 찾아봤던 소스이다
보이는것처럼 숫자만 입력하면 false 나오는걸 활용해 소스적용했당
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/isNaN
isNaN() - JavaScript | MDN
isNaN() 함수는 어떤 값이 NaN인지 판별합니다. isNaN 함수는 몇몇 일반적이지 않은 규칙을 가지고 있으므로, ECMAScript 2015에서 추가한 Number.isNaN()으로 바꾸는 편이 좋을 수도 있습니다.
developer.mozilla.org
어제 오늘 새로 습득한 지식(location, 숫자 3자리마다 콤마 찍기, 단나누기)
Date.
1. location
https://developer.mozilla.org/ko/docs/Web/API/Location
Location - Web API | MDN
Location 인터페이스는 객체가 연결된 장소(URL)를 표현합니다.
developer.mozilla.org
2. 숫자 3자리마다 , 찍기
2-1) 다른방법
https://hianna.tistory.com/441
- 관련문서
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/toLocaleString
Array.prototype.toLocaleString() - JavaScript | MDN
toLocaleString() 메서드는 배열의 요소를 나타내는 문자열을 반환합니다. 요소는 toLocaleString 메서드를 사용하여 문자열로 변환되고 이 문자열은 locale 고유 문자열(가령 쉼표 “,”)에 의해 분리됩니
developer.mozilla.org
Number.prototype.toLocaleString() - JavaScript | MDN
The toLocaleString() method returns a string with a language-sensitive representation of this number.
developer.mozilla.org
3. css 단 나누기
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts
CSS 다단 레이아웃 사용 - CSS: Cascading Style Sheets | MDN
CSS 다단(multi-column) 레이아웃은 다단 텍스트 정의가 쉽도록 블록 레이아웃 모드를 확장합니다.
developer.mozilla.org
- 단 나누기 스타일
https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Multiple-column_Layout
다단 레이아웃 - Web 개발 학습하기 | MDN
CSS 다단 레이아웃 규격은 신문에서 볼 수 있듯이 콘텐츠를 단으로 배치하는 방법을 제공합니다. 이 문서는 그 기능을 어떻게 사용하는지 설명합니다.
developer.mozilla.org
읽어볼것
Date.
developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime
HTMLMediaElement.currentTime - Web APIs | MDN
HTMLMediaElement.currentTime The HTMLMediaElement interface's currentTime property specifies the current playback time in seconds. Changing the value of currentTime seeks the media to the new time.var currentTime = htmlMediaElement.currentTime; htmlMediaE
developer.mozilla.org
developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/duration
