javascript

개발일지/Node.js

SQL Injection 방지 - 권장방식에는 다 이유가 있지..

nodejs express 공부를 하고 있는데, 쿼리를 작성하던 중 문득 생각이 들었다. ` SELECT * FROM users WHERE user_id = ? ` mariadb 모듈에는 query 함수가 있는데, 첫 번째 인자로 쿼리 문자열 받고, 두 번째 인자로 쿼리의 플레이스홀더(? 부분)에 해당하는 부분을 배열 형태로 받는다. 세 번째 인자로 콜백함수를 받는다. 여기서 ${} 형태로 작성하면 가독성과 유지보수 측면에서 더 좋지 않나? 라는 생각이 들었다. ` SELECT * FROM users WHERE user_id = ${userId} ` 이런 식으로 작성하고 두 번째 인자를 생략하면 정상적으로 작동된다. 하지만 또 한편으로 드는 생각이 굳이 첫 번째 방식으로 작성하고 두 번째 인자로 배열을 ..

개발일지/웹개발

Ajax Get방식

Ajax는 서버에 데이터를 요청하는 한 방법 (JQuery 라이브러리를 통해서 사용할 수 있어서 JQuery를 임포트 해줘야 한다.) Get방식 기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "데이터를 요청할 URL", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해..

개발일지/JavaScript

JQuery 자주쓰는 문법

대상 지정하기 - $('#대상') id 값이 "대상" 인 것을 지정한다. input 박스의 값을 가져오기 - $('#대상').val() // 크롬 개발자도구 콘솔창에서 쳐보기 // id 값이 url인 곳을 가리키고, val()로 값을 가져온다. $('#url').val(); // 반대로 입력할때는? val() 괄호 안에 내용을 입력한다 $('#url').val('내용을 입력하자'); 숨기기 / 보이기 - $('#대상').hide() / $('#대상').show() // 크롬 개발자도구 콘솔창에 쳐보기 // id 값이 post-box인 곳을 가리키고, hide()로 안보이게 한다. $('#post-box').hide(); // show()로 보이게 한다. $('#post-box').show(); 태그 내 ..

개발일지/JavaScript

JQuery

JQuery 란 ? HTML의 요소들을 조작하는 편리한 Javascript를 미리 작성해둔 것들. 라이브러리 Javascript로도 모든 기능을 구현할 수 있지만, 코드가 복잡하고 브라우저 간 호환성 문제도 고려해야해서 JQuery라는 라이브러리가 등장하게 됨. (특별한 소프트웨어가 아님) ex) 둘다 같은 내용의 코드 일반코드 document.getElementById("element").style.display = "none"; JQuery $('#element').hide(); 사용하려면 ? JQuery를 사용하겠다는 내용의 코드를 써주어야함. 아래의 링크에서 관련 내용을 볼 수 있음. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery ..

개발일지/JavaScript

Javascript 기초문법연습

미세먼지(IDEX_MVL)의 값이 40 미만인 구 이름(MSRSTE_NM)과 값을 출력하라 (더보기 = 미세먼지정보리스트) 더보기 let mise_list = [ { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "중구", PM10: 22, PM25: 14, O3: 0.018, NO2: 0.015, CO: 0.4, SO2: 0.002, IDEX_NM: "좋음", IDEX_MVL: 31, ARPLT_MAIN: "O3", }, { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "종로구", PM10: 24, PM25: 18, O3: 0.013, NO2: 0.016, CO: 0.4, SO2: 0.003, IDEX_NM:..

개발일지/JavaScript

split(), 조건문, 반복문

a.split('x') : a를 x를 기준으로 나누어 리스트 값으로 돌려줌 let myemail = 'abcdefg@gmail.com' let result = myemail.split('@') // ['abcdefg','gmail.com'] result[0] // abcdefg result[1] // gmail.com let result2 = result[1].split('.') // ['gmail','com'] result2[0] // gmail result2[1] // com myemail.split('@')[1].split('.')[0] // gmail function 함수이름(필요한변수들) { 내릴 명령들을 순차적으로 작성 } (괜찮으면) -> 4 -> 3 -> 2체크하고 -> (괜찮으면) -> ..

개발일지/JavaScript

console.log, let, [ ], { }

console.log( 변수 ) console.log(변수) // 괄호 안의 값을 콘솔창에 출력해준다. console.log(변수1, 변수2) // 여러 변수를 한번에 출력도 가능 변수 선언 let let num = 20 // 지금부터 num 은 20 이다. 최초 선언 시 let을 사용하여 선언 num = 'bob' // 한번 선언했으면, 다시 선언하지 않고 값을 입력 사칙연산 let a = 1 let b = 2 a+b // 3 a/b //0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행 리스트 순서를 지켜서 가지..

E-room
'javascript' 태그의 글 목록