본문 바로가기
728x90

개발자6

jenkins plugin install 젠킨스 플러그인 설치 젠킨스에 플러그인이 있다고 한다! 내가 원하는건 슬랙 노티피케이션.! 기존에는 try catch로 에러나면 slack보내게 해놨었다! 그리고 /var/log 경로에도 로그 쌓아놓게 했는데.. jenkins 는 로그도 확인할 수 있더라!! 아무튼 젠킨스로 바꾸면서 여기서 제공해주는 기능을 쓸 수 있다는 걸 알게 되었다. 설치는 엄청 간단했다. 클릭클릭만 하면 설치된다. 대시보드에 접속하면 좌측 메뉴에서 Jenkins 관리 > 플러그인 관리 클릭. slack찾아서 다운 받으면 된다. 바로 다운로드 진행 되는게 화면에서 나타난다. 기다리자~~ 맨 밑에 jenkins재시작 체크박스에 체크해주자! 자동으로 재시작이 됨. 기다리면 초기 화면으로 돌아온다!! 등록한 스케쥴 하나 선택해서 수정화면으로 가서 빌드 후 조.. 2021. 9. 17.
node.js 시작하기 생활코딩과 제로초님 강좌를 보고 정리하였다. 강좌 하나 끝나면 노션에 샤샤샥 적어놨었다. 복습 겸 하나씩 옮겨적어보려고 한다. node란? 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임. 자바스크립트 실행기라고 보면 된다. node는 런타임 자바스크립트 엔진은 v8 노드는 서버다? 서버의 역할도 수행할 수 있는 런타임이지 서버는 아니다! 노드로 자바스크립트로 작성된 서버를 실행가능한 것이다 -> 노드가 실행시켜서 서버 구동 시켜주는 것. 서버 실행을 위해 필요한 http, https 등의 모듈을 제공함. 노드는 싱글스레드? 나도 이 강의를 듣기 전까진 잘 몰랐다.. 스레드가 하나구나..했는데 아니었음!! 실제로 노드는 싱글스레드가 아님!! 스레드가 여러개 뜨는데 그 중 하나를 컨트롤 할 수 .. 2021. 9. 15.
jquery 특정영역으로 scroll하기 폼체크 할 때 특정 값이 비어있으면 입력해달라고 얼럿을 띄워주면서 해당 항목으로 이동하게끔 하려고 사용했다. $('select[name="test"]').offset().top 로만 이동 시키면 내가 보여주고자 하는 요소 밑부분부터 보여줌. 내가 원한 그림은 아니었다. 그래서 화면의 반만 더 올라가게함! 글솜씨가 없다ㅠ 이해가 안되면 개발자 도구 열고 웹 콘솔에 이런식으로 직접 실행해보면 이해가 될 것이다! 다음과 같이 작성하면 내가 원하는 요소가 중간 부분에 스크롤 되서 나타난다. $('html, body').animate({scrollTop : $('input[name="test"]').offset().top-$(window).height()/2}, 200); 마지막 200이란 숫자는 몇초동안 이동시.. 2021. 9. 15.
javascript, jquery 이미지 미리보기(preview image) 첨부파일 사이즈도 제한하면서 미리보기 구현! (멀티플 아니고 단일파일에 한해서다.) 미리보기 핵심은 굵게 표시한 부분이라고 보면 될것 같다. var maxSize = 10*1024*1024; //10mb $('input[name^="File"]').on("change", function () { var oObj = $(this); if (this.files && this.files[0]) { var fileSize = this.files[0].size; if (fileSize > maxSize) { alert(" 10MB 이내 파일을 업로드해주세요."); return false; } var reader = new FileReader(); reader.onload = function(e){ oObj.par.. 2021. 9. 15.
php로 반복문(for,foreach) 돌리기 다음과 같은 배열이 있을 때 foreach문 사용은 다음과 같다. $aRow =[1,2,3,4]; foreach ($aRow as $iKey => $sValue) { echo $iKey ; // 배열의 자릿수 0,1,2,3이 하나씩 출력된다. echo $sValue // 배열안에 값 1,2,3,4 가 하나씩 출력된다. } 일반적인 for문은 이렇게 사용한다. for($i =0; $i 2021. 9. 14.
session storage, local storage사용하기 session storage, local storage는 브라우저 내에 키-벨류 형식으로 저장할 수 있고 불러올 수도 있다! 저장은 다음과 같이 할 수 있다. var aSessionParam = { group: "테스트" , number: "1234" } sessionStorage.setItem("test_data", JSON.stringify(aSessionParam)); localStorage.setItem("test_data", JSON.stringify(aSessionParam)); 콘솔에서 테스트 해보면 아래와 같이 저장된 것을 확인할 수 있다. 확인 위치 개발자도구 옵션+커맨드+i > Application 탭에 좌측 storage>session storage,local storage 밑에서 확.. 2021. 9. 14.