javascript5 [Javascript] node.js에서 mybatis.. 어제 면접을 봤는데, node.js에서 DB연동을 할때 mybatis를 썼냐는 질문에 안쓰고 db별로 제공하는 모듈을 썼다고 하니 고개를 갸우뚱하셔서.. 그때 질문을 못하고 끝나고 와서 공부했다. es6에선 Template String이 지원되니 따로 모듈로 빼서 관리를 했는데.. 아직 이유는 모르겠지만 상황에 맞게 쓰면 되지않을까 싶다. 우선. mybatis모듈은 mybatis-mapper를 썼다. 사용법은 java에서 사용한것과 거의 비슷하다. npm install --save mybatis-mapper 아래 예제는 https://www.npmjs.com/package/mybatis-mapper SELECT name, category, price FROM fruits WHERE category = '.. 2019. 11. 9. [Javascript] 스코프, 호이스팅(Hoisting) 평소에 대충 알던, 정확히 설명을 못하는 주제들이 많다고 느껴서 개념부터 공부를 시작했다. 설명을 못하면 모르는 거다. [스코프] - 변수의 유효 범위. - 블록 스코프는 중괄호{}로 감싸진 범위 ->if, for, function의 {} - 함수 스코프는 function의 {} 범위 RHS, LHS 검색을 알면 이해하기 쉽다. (https://endus0713.tistory.com/17) - ES6의 let, const는 블록 스코프에서 유효하다. - var는 함수 스코프에서 유효하다. ----------------------------------------------------------------------------------------- var / let, const의 차이 차이를 공부하다보니,.. 2019. 10. 21. [Javascript] LHS,RHS 검색 스코프를 공부하다가, 먼저 이해해야 할 것 같아서 공부했다. RHS 검색은 변수의 값을 찾는 것 LHS 검색은 값을 대입할 변수 컨테이너를 찾는다. console.log(value); //value에 대한 RHS검색 value = "aa"; // LHS 검색을 통해 "aa"를 넣을 value를 찾는다. function test(param) { console.log(param); } test(2); 위 코드는 LHS, RHS를 모두 수행 1. test(...)함수를 호출할 때, RHS검색을 통해 함수를 찾는다. 2. test(param)을 호출 할때, param=2 를 수행하며 LHS검색. 3. console.log(param)을 실행할 때, console객체에 log함수가 있는지 RHS검색, param을.. 2019. 10. 21. 함수 표현식, 함수 선언식 무심코 쓰던건데, 알고 써야겠다 싶어서 찾아봤다 1. 함수 선언식 functionDec("arg1"); functionDec(aaa, bbb) { console.log("functionDec!!"); } 함수 선언식은 functionDef를 호출하는 부분보다 선언부가 아래에 있어도, 선언부분이 먼저 실행된다. 위처럼 순서가 아래에있어도 문제없이 실행됨 2. 함수 표현식 functionExp("arg1"); var functionExp = function(aaa, bbb) { console.log("functionExp !!"); } 함수 표현식은 선언부가 먼저 실행되지 않기 때문에, 위의 순서로는 에러가 발생한다. 사용 예: $('#clickEvent').click( function () { consol.. 2019. 4. 25. jquery 이미지 업로드시 미리보기 2년전 쯤 소스를 보다가 정리해야겠다싶어서 정리! FileReader를 사용해서 서버에 접근하지않고 이미지 미리보기가 가능했다. //미리보기 시작----------- $("#upload_file").change(function(){ //alert(this.value); //선택한 이미지 경로 표시 readURL(this); }); //미리보기 처리함수 function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); //파일을 읽기 위한 FileReader객체 생성 reader.onload = function (e) { //파일 읽어들이기를 성공했을때 호출되는 이벤트 핸들러 //이미지 Tag의 SRC속성.. 2019. 4. 25. 이전 1 다음