728x90 반응형 javascript3 [JQuery/css] 탭메뉴 만들기 (tab menu) 한화면에 탭 메뉴 완성영상 블로그 올릴려고 만들고, 처음으로 반디캠을 찍어봤는데 생각보다 간단히 잘되네요! 완성 파일은 밑에 올리도록 할게요! 탭 메뉴를 이용해서 다른 콘텐츠를 보여줄 수 있는 코드입니다. 제이커리를 이용해서 만들었어요. HTML 1 2 3 4 5 6 7 8 2020. 12. 29. 자바스크립트 이미지 파일 미리보기 여러개 만들기 자바스크립트를 이용해서 이미지 파일 업로드시 미리보기를 만들어봤어요. 만들었던 상황의 특징은 여러개의 이 있고 같은 형태로 반복되도록 만들었어요. 1개만 있다면, 아이디로 불어와 이미지를 보여지도록 할텐데, 같은 구조가 여러개라면 그게 불가능해서 그부분이 조금 고민스러웠어요! 우선 완성된 모습의 스샷 파일을 선택시에 input 다음에 미리보기 이미지가 오도록 했어요. HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 . . . // 계속 있을 수 있음 Colored by Color Scripter cs SCRIPT 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function setThumbnail(event) { var uploadWrap = event.target... 2020. 11. 26. 자바스크립트 문자열 자르기 slice(), substring(), substr() 비교 자바스크립트의 문자열을 자르는 함수들이 여러개 있는데 비슷하면서 조금씩 다르게 기능하고 있다. 그래서 각 함수의 작동방법을 비교해 보려고 합니다. slice() 1 문자열.slice(시작 인덱스, 종료 인덱스) cs slice() 함수는 파라미터로 시작인덱스와 종료 인덱스를 받아 값을 반환하는 함수이며, 두번째 인자인 종료 인덱스는 필수 값이 아닙니다. 특징 01. index 는 0부터 시작함 02. 문자열 길이를 뛰어넘는 숫자를 파라미터로 넣으면 빈 값을 반환함 03. 시작인덱스가 종료인덱스보다 크면 정상적으로 작동하지 않음 04. 음수도 사용가능하며, 뒤에서부터 시작하는 의미로 사용됨 ex) string.slice(3, -10) // 3번째 글자부터 뒤에서 10번째 글자까지 반환 substring().. 2020. 9. 2. 이전 1 다음 728x90 반응형
