728x90 자바스크립트11 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. 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. ajax 사용하기 선택된 체크박스를 서버로 보내기위해 ajax를 사용! var arr_no = new Array(); $("input[name='check_product[]']:checked").each(function () { arr_no.push($(this).val()); }); 위와 같이 배열을 선언하고 체크박스의 벨류를 배열에 넣었다. $.ajax({ url: '/admin/test/action/test.php', data: { arr: arr_no }, method: 'post', success : function(result){ var result2 = JSON.parse(result); alert(result2.msg); location.reload(); }, error:function(e){ console.. 2021. 9. 13. 반복문 사용안하고 체크박스 모두 체크하기 전체체크박스 html 각각체크박스 html 2021. 9. 13. 이전 1 2 다음
