728x90 반응형 일지/JavaScript4 [JavaScript] var, let, const 차이점 프로그래머스 문제를 풀면서 var을 사용하는 사람도 있고 let를 사용하는 사람이 있어 var과 let 추가로 const의 변수 선언 방식의 차이점이 궁금하여 조사했다. # 변수 선언 방식 1. var - 중복 선언 가능 / 재할당 가능 var name = 'first'; console.log(name); // first var name = 'second'; console.log(name); // second var은 동일한 변수명으로 중복 선언이 가능하며, 마지막의 할당된 값이 변수에 저장된다. 위의 코드를 보면 에러가 발생하지 않고 다른 값이 출련된다. 이런 var의 특징은 간단한 테스트, 작은 프로젝트에서는 괜찮을 수 있겠으나, 코드량이 많아지는 프로젝트에서는 기존의 선언한 코드를 잊고 값을 재할당.. 2022. 11. 11. [JavaScript] 동기와 비동기 방식 이번에 진행하는 프로젝트에서 ajax를 사용하여 JavaScript에서의 동기과 비동기에 대한 내용을 조사했다. JS는 대부분 비동기식 절차 비동기 방식을 사용 시 데이터가 아직 도착하지 못했는데 화면에 출력하여 오류 발생할 수 있거나 데이터를 DB에 insert하는 동작을 수행 시 아직 데이터를 넘겨받지 못했는데 insert를 수행하여 데이터가 온전하게 insert되지 않을 수 있다. 그래서 다음과 같은 방법으로 동기절차 형식을 구현하여 사용한다. 1)콜백함수 사용 function getData(cb) { $.get('https://domain.com/products/1', function(res) { cb(res); }); } getData(function(tableData) { console.log.. 2022. 11. 2. include file와 include page의 차이 (10.06) 회사에서 체크아웃한 프로젝트를 동작하기 위해서 경로를 다시 설정해주고 서버를 올렸는데 모듈이 동작하지 않는다. 사수님의 PC에서도 만찬가지로 같은 현상이 나타났고 함께 해결하기 위해 코드를 분석했다. 문제는 include 부분에서 발견할 수 있었다. 체크아웃한 프로젝트는 include file를 사용하고 있었고 include file의 특징은 include 되는 파일이 변경된 때마다 프로젝트를 Clean을 해줘야한다. 즉 include되는 파일의 상위 파일을 touch(변경) 시켜서 컴파일이 되도록 해야하는 것이다. 그러므로 나와 사수님이 프로젝트를 체크아웃하여 경로를 재설정하고 서버를 올려도 변경된 내용이 컴파일되지 않아 모듈이 동작하지 않았던 것이다. include page는 서비스할 .. 2022. 11. 2. ${}와 #{}의 차이 (09.30) 개인 프로젝트 진행 중 사진과 같은 오류가 발생하였다. 나는 내 코드에 눈이 익숙해져서 사수님에게 조언을 구하였고 사수님은 바로 화면의 한 부분을 콕 집으셨다. 확인해보니 Mapper에서 삭제를 위한 쿼리를 작성 할 때 ${gdsNum}으로 파라미터를 지정하여 오류가 발생했던 것이다. #{gdsNum}로 하거나 ${}를 사용할 때는 '${userName}'로 감싸줘야 했던것이다. 원래 #{}을 쓰는데 작성하다가 키가 잘못눌렸다고 생각한다. 아래는 ${}이라는 것을 알게되어 이번 기회에 알아본 내용들이다. - #{}은 ${}와 다르게 자동으로 변수 양쪽에 ' '이 붙어 '#{id}'와 같은 식으로 쿼리문을 작성하지 않아도 된다 - ${}는 Parameter의 값이 바뀔 때마다 항상 Query.. 2022. 11. 2. 이전 1 다음 728x90 반응형
