목록프론트엔드(Front-end) (6)

인생은 속도가 아니라 방향이다

[HTML] form 태그에서 PUT, DELETE 방식으로 Submit 하기

REST방식으로 API를 설계할때 GET, POST말고도 수정 이나 삭제할경우는 PUT, DELETE를 써야하는데 form 태그 method에 아무리 PUT,DELETE 써봤자 GET방식으로 들어간다! DAMN 왜냐하면, HTML form태그가 GET,POST 방식밖에 지원안하기때문이다. 아래와 같이 input 태그를 추가해주고 보내보자. 아주 잘찾아간다! 1 2 3 Colored by Color Scripter cs 이런식으로 사용해보자!
프론트엔드(Front-end)/HTML 2020. 8. 6. 14:39
[jQuery] 제이쿼리 다중파일 value 가져오기

다중파일업로드할때 확장자명만 가져올때 file의 name을 가져와야겠죠. 아무리 value쳐도 안되길래 구글링했습니다. 아래는 HTML 코드구요, 1 2 자바스크립트 코드 6번째줄보시면 파일명을 가져오려면 .name을 써야합니다! 1 2 3 4 5 6 7 8 9 $('#btn_upload').click(function(){ var files=$('input[name="file_name"]')[0].files; for(var i= 0; i
프론트엔드(Front-end)/jQuery 2020. 2. 6. 17:55
[HTML] input 태그 특정 확장자만 선택받는 방법!

얼마전에 엑셀업로드를 하는데 파일선택창에서 엑셀파일만 업로드할수있도록 하고싶었다. - accept에 확장자명만 써주면된다. 여러확장자를 넣으려면 사이에 ',' 를 넣어준다. ex)
프론트엔드(Front-end)/HTML 2020. 2. 6. 16:54
[javascript] javascript에서 문자열 replaceAll 하는 법

javascript 문자열에서 전화번호입력하는게있었는데 사용자가 입력하고나서 자동으로 '-'을 빼고싶어졌다. 간단하게 만들어보자. function replaceStr(curStr){ curStr.split('빼고싶은문자').join(''); } 아주 간단하게 끝났다. 빼고싶은 문자로 split한다음 그안에 공백 join시켜준다.
프론트엔드(Front-end)/javascript 2020. 2. 6. 15:57
[jQuery] jQuery(제이쿼리) 최신버전 링크 항상 사용하기

내가편하도록 여기다 적어둔다. ㅋㅋㅋㅋ 위의 주소로 복붙하시면 jQuery최신버전 항상 적용됩니다. 적용이안된다면 스크립트 위치를 잘확인하세요. 위에서 아래로 읽어들입니다.
프론트엔드(Front-end)/jQuery 2020. 2. 3. 17:45
[javascript]-F12(개발자모드) 디버깅 방법

여태까지 이걸몰랐다니....프로젝트내에서 자바스크립트를 짜고 버튼동작이안눌리면 항상 어디가 오류인지는 모르고 헤맸다. 작업하고있는 페이지로가서 F12(개발자모드) -> Soruces 한번 눌러주면 디버깅체크하면서 어디가 오류가나는지 쉽게알수있다. 옆에 줄수눌러서 BreakPoint지정하고 오류가나는 빨간줄에 가서 볼수있다. 사수분이 네트워크쪽으로가면 비동기통신으로 데이터전달하는것도 볼수있다는데 나중에 알아보고 포스팅 하도록하겠다.
프론트엔드(Front-end)/javascript 2020. 1. 23. 14:54
Prev 1 Next