일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- git
- 성적프로그램
- Java
- 제약조건
- github
- group by
- Oracle SQL
- HTTP Status 500
- jQuery
- rownum
- CRUD
- distinct
- 답변형 게시판
- alias
- HTTP Status 404
- 과정평가형
- HTML
- ||
- tomcat
- 이클립스
- oracle
- sql developer
- 모조칼럼
- Bootstrap
- Oracle DB
- JavaScript
- 부트스트랩
- JSP
- SQL
- 한글 인코딩
목록프론트엔드 (38)
초급의 끄적거림
오류내용 Visual Stuido Code 터미널에서 vue create 명령어를 활용하여 프로젝트를 생성하는 과정에서 오류 발생 vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=1 35170)를 참조하십시오. 위치 줄:1 문자:1 + vue create vuedongsan + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 해결방법 vue cr..
encodeURIComponent란 URI로 데이터를 전달하기 위해서 문자열을 인코딩할 때 사용함 모든 문자를 인코딩하는 함수 용도 웹에서는 파라미터를 전송할 때 & 나 / 그리고 =와 같은 특정 문자들을 특정 기능으로 사용함. 그런데 파라미터에 해당 특수문자들이 들어가게 됐을 경우, 제대로 인식 하지 못하게 되는 불상사가 발생할 수도 있기 때문에 변환하는 작업이 필요함. >>> 이럴 때 사용하는 함수 예제 function uriBtn(link){ var transUri = encodeURIComponent(link); document.getElementById("beforeUri").innerHTML = link; document.getElementById("transUri").innerHTML = t..
img태그에 click 이벤트 걸기 1. 처음 시도 했던 방법 img 태그 내에 onclick 이벤트를 사용함 그러나 웹표준의 기본정의 상, 스크립트와 스타일은 html태그에서 분리를 하는 것이라는 것을 알게 됨 그래서 img 태그 내에 javascript: 를 붙이는 건 웹표준에 어긋 난다고 볼 수 있다. (a 태그도 마찬가지) 2. 때문에 시도하게 된 방법 $(function(){ $("#kakaoLogin").click(function(){ //사용하고자 하는 함수 fn_kakaoLogin('Kakao'); }); }); function fn_kakaoLogin(type){ alert("loginType : " + type); } 위에서 만든 함수를 실행했을 때 아래와 같은 알림창을 볼 수 있음
img 태그 사용 시, 해당 이미지에 마우스 오버하면 마우스 모양이 손가락 모양으로 img 태그에 아래와 같은 스타일을 적용해줌 style="cursor:pointer"
자바스크립트의 문자열 내에서 특수문자를 사용하고 싶을 때 이스케이프 시퀀스 사용 가능 사용 방법 \ (역슬래쉬)를 붙여서 사용 가능함. 시퀀스 의미 \0 널 문자 \b 백스페이스 \t 수평 탭 \n 줄바꿈 \v 수직 탭 \f 폼 피드 \r 캐리지 리턴 \" 큰 따옴표 \' 작은 따옴표 \\ 역슬래시
confirm '예/아니오' 를 선택하여 true/false를 구분하여 이벤트를 실행할 수 있음 예시 if(!confirm("확인 또는 취소를 눌러주세요.")){ alert("취소 되었습니다."); }else{ alert("확인 되었습니다."); }
문제사항 window.open() 으로 팝업을 띄웠을 때, 크롬에서는 스크롤바를 사용하여 화면 조절이 가능하지만 익스플로러 (IE)에서는 스크롤바가 발생하지 않음 해결방법 아래와 같은 옵션을 추가 해야하고 이 때 값은 yes 와 1 둘 다 사용 가능함 scrollbars=yes scrollbars=1 실전예제 주의 :: scrollbar 에서 s를 빼먹지 않도록!! //IE에서 스크롤바 노출X window.open(tistory.html, 'popup1', 'width=500, height=300'); //IE에서 스크롤바 노출O window.open(tistory.html, 'popup1', 'width=500, height=300, scrollbars=1');
IE는 곧 마이크로소프트사에서 지원 종료를 하면서 역사의 뒤안길로 사라지게 되었으나 국내에서는 아직까지 IE의 사용이 지속 되는 곳이 있다. 때문에 IE에서도 사용이 가능하도록 개발이 되어야 하는데 toElement의 경우 IE9나 크롬에서는 지원이 되지만 IE8에서는 지원이 되지 않아서 차선책이 필요하다. toElement의 기능 마우스가 현재 가리키는 요소 확인 차선책 event.toElement > event.target event.target