차근차근 915

[Vue.js] Vue.js란 (1)

더보기 일단 나는..개발공백이 4년이 있는 백엔드 개발자이다. 서버나 디비를 만들고 운영도 했었지만 백엔드는 스프링이었고 화면단은 jsp였다. 공백기 동안 vue.js를 배웠는데..경험해봤는데.. 배운 그대로 비주얼 스튜디오를 설치하고 뷰티파이를 통해서만 개발을 해야 한다고 생각했었다. 다시 일을 하게 되었는데 jsp안에 vue가 있는 것을 보았다.. 왜 이 생각을 못했지..하는 생각과 동시에 내 공백이 너무 길었구나 하는 생각이 들었다.. 잠깐 찾아보니..jsp에서 vue를 쓰는 것조차 트랜드가 아니라고 말하고 있는 것 같다. 언제 따라 잡을 수 있을까.. vue.js 에 대해 정리를 하고 싶었는데. 이 블로그에 글을 쓸 때 자바스크립트 메뉴를 선택해야 하는건지 vue.js메뉴를 따로 만들어야 하는건지..

History API

if(typeof(history.pushState) == 'function'){ history.replaceState({}, null, location.pathname); } 새로나온 것도 아닌데..이제서야 처음봤다... - typeof 연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환합니다. 페이지를 리로드하지 않고 페이지 주소만 변경할 때 사용합니다. 앞서 말했듯이 html5 지원 브라우저에서만 사용 가능하기 때문에, 지원하지 않거나 ie10 미만 버전에서는 열심히 에러를 뿜어줄 것이다. 실제 페이지를 로드하는 것은 아니기 때문에 실제 문서 존재 여부는 중요하지 않다. 물론 새로고침 하면 페이지를 찾을 수 없다고 에러가 뿜뿜! 뒤로가기를 하면 원래 문서가 뜰 것입니다.(예제페이지) ajax..

화면 맨 위로 이동 + a태그에 js연결할 때 화면 맨 위로 이동x

원래 HTML 코딩할 때 주던 방식은 맨 위로 간단히 이렇게 했었다. 그러나, 저렇게 써 주면 접근성 오류는 물론이고 웹표준 프로그램 돌리면 링크 오류 뜬다.... 이 경우 주소의 제일 뒤에 #이 붙는다. http:/어쩌고../# < 이런식으로 이 # 기호는 추후 파라미터오류가 나는 경우가 있어서 비추!! 방법1 ] 맨 위로 위와 같이 하면 동작 잘된다. 그러나 위 방법으로 쓰는 것은 태그에 #기호를 쓰기 때문에 웹표준 오류다. 만약 이미지로 top 버튼을 준다면 아래와 같이 해보자 방법2 ] TOP div가 아니라 span이나 td 등을 사용해도 되고 cursor:pointer 는 마우스 커서를 손가락 모양으로 변경해 주는 스크립트 onclick 이벤트에 window.scrollTo 를 사용해서 (x,..

[Javascript] PC, MOBILE 구분하기 (Navigator 사용)

https://thingsthis.tistory.com/162 [Javascript] PC, MOBILE 구분하기 (Navigator 사용) 최근 개발 중 PC, MOBILE 을 구분하여 처리하는 로직에서 오류가 발생하였습니다. 결제 모듈을 호출하는 부분에서 PC 모듈을 호출해야 하지만 MOBILE 모듈을 호출하여 발생한 문제였습니다. 지금까지 thingsthis.tistory.com Win16 : 16비트 윈도위기반 컴퓨터 Win32 : 32비트 윈도위기반 컴퓨터 Win64 : 64비트 윈도위기반 컴퓨터 MacIntel : 인텔CPU 를 가진 매킨토시 컴퓨터 Mac : 매킨토시컴퓨터 var filter = "win16|win32|win64|mac|macintel"; var vWebType = ""; i..

replaceAll (?i)

프로젝트를 보던 중 replaceAll 를 사용할 때 (?i)가 적혀있는 것을 보았다... 무슨 뜻일까 replaceFirst() / replaceAll() 메소드(함수)로 문자열을 치환할 때, 대소문자 구분없이 바꾸려면 정규식의 앞 부분에 (?i) 라는 옵션을 넣어주면 됩니다. 물음표+소문자i(아이)입니다. // 정규표현식으로 제거 String.replaceAll("]*)?(\\s)*(/)?>",""); // 한줄로 할려면 아래 추가 String.replaceAll("("\r|\n| ",""); => .replaceAll("]*)?(\\s)*(/)?>","").replaceAll("\r|\n| ","") 출처: https://kooremo.tistory.com/entry/자바-정규식으로-html태그-제..

[HTML] meta / og태그

meta태그란 ? HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다 HTML 요소는 , , , , 과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다. 1.meta 요소가 제공하는 메타데이터 유형(4) 1) name 특성을 지정하면 전체 페이지에 적용되는 "문서 레벨 메타데이터"를 제공합니다. : name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다. 2) http-equiv 특성을 지정하면 유사한 이름의 HTTP 헤더가 제공하는 정보와 동일한 "프래그마 지시문"이 됩니다. : 프래그마 지시문을 정의합니다. 특성의 ..

Missing 'tools.jar'

C:\Program Files\Java\jre1.8.0_261\lib에 tools.jar이 없다. 다운받아서 저 위치에 넣어두고 이클립스 새로 켠다. tools.jar download로 검색해서 www.java2s.com/Code/Jar/t/Downloadtools180jar.htm 여기서 다운 받았다. 이클립스를 다시 시작해도 컴퓨터를 재부팅해도 사라지지 않았다. 그래서 환경변수 추가함. 환경변수 설정하고 재부팅해도 사라지지 않았다. 있는데 왜 ?? 파일이름을 바꿨더니 됐다.ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 더보기 방법1 1 2 3 4 5. 6 이렇게 설정까지했는데 이렇게 똑같은게 두개 생겨서 다른 방법 찾음

차근차근/Spring 2020.12.09

MySQL FULLTEXT 검색

FULLTEXT 을 사용한 이유 row1 | [java,linux,database,ajax,r,sql,reactjs] (순서없음) row2 | [java,javascript,django,c#,c++,database,ajax,r,sql,reactjs] (순서없음) row3 | [c] (순서없음) row4 | [c++] (순서없음) 검색어 [java , c , c++] ( 순서 없음 , 개수 정해지지 않음 , list로 vue에서 보냄 )이게 모두 포함된 row를 모두 찾기 검색어가 몇개가 될지 모르는 상황에서 검색어를 ,(콤마)로 구분하여 하나씩 for문을 돌리는 것 보다 다른 방법을 찾아야 겠다고 생각함. 검색의 조건이 텍스트 포함 여부만 있는 것이 아니라 기간 검색 , 여러 칼럼에 대한 텍스트 검색이 ..

차근차근/Spring 2020.02.18

새로 서비스 준비를 하면서..

예전에 개발하던 것을 .. 묵혀 두었다가다시 오픈 준비를 하고 있다. 실행만 한 번 해보려고 한다. 1.mysql 이 외부 접속이 안되길래 우선 사용하는 계정에 모든 권한을 줬다.root권한으로 mysql접속 후에 grant all privileges on DB명* to 내계정@"%" identified by '비밀번호' with grant option;flush privileges;. 2.톰캣 서버 올리기cd /usr/local/apache-tomcat-7.0.69/bin./shutdown.sh -> 중지./startup.sh -> 실행 ps -ef | grep tomcat 하면 실행중인 톰캣 볼 수 있다 3.톰캣 포트가 안 열려있는 경우 방화벽에 추가iptables -I INPUT 1 -p tcp -..

차근차근/Linux 2018.05.24
반응형