본문 바로가기

전체 글179

[JavaScript] var 대신 let을 써야 하는 이유 * 해당 포스팅은 참고페이지의 코드를 똑같이 사용하였음 1. 범위 규칙이 엄격함 function run() { var foo = "Foo"; let bar = "Bar"; console.log(foo, bar); { let baz = "Bazz"; console.log(baz); } console.log(baz); // ReferenceError } run(); 위의 코드는 let을 사용하고 있고 baz를 중괄호 밖에서 실행할 때 레퍼런스 오류(해당 변수가 정의되지 않았다)를 발생시킨다. let을 var로 바꿔 돌려보면 에러 없이 실행되는 것을 확인할 수 있다. let은 자신을 둘러싼 제일 작은 중괄호 안에서만 작동하지만, var는 어떤 중괄호 안에 속해있든 같은 function 안에서라면 무조건 작동한.. 2020. 1. 13.
[개발도구 추천] 무설치 프로그래밍툴 repl https://repl.it/ The world's leading online coding platform Powerful and simple online compiler, IDE, interpreter, and REPL. Code, compile, and run code in 50+ programming languages: Clojure, Haskell, Kotlin (beta), QBasic, Forth, LOLCODE, BrainF, Emoticon, Bloop, Unlambda, JavaScript, CoffeeScript, Scheme, APL, Lu repl.it 간단하게, 다운로드 없이 코딩할 때 필요한 툴. 단축키 - 코드 실행 : Ctrl + Enter 2020. 1. 13.
[jQuery] $("element[class='classname']") 사용 시 주의할 점 jQuery의 이 코드는 클래스명이 정확히 'apple'인 요소만을 가져온다. $("div[class='apple']") 예를 들어 아래와 같은 요소는 가져올 수 있다. 하지만 아래는 가져오지 못한다. 2020. 1. 10.
[CSS] word-break 속성 word-break: keep-all 텍스트를 띄어쓰기 전까지 보존함. 즉 컨테이너 밖으로 튀어나갈 수 있음 word-break: break-all 텍스트를 글자별로 쪼개서 컨테이너 안에 맞춤 2020. 1. 10.
[jQuery] input/textarea 공백 입력 방지 및 입력된 공백 제거 사용자가 textarea에 입력한 값을 전달받아 DB에 저장하는 경우 빈값 / 공백(스페이스키 입력) / 공백(특수문자) / 엔터 / 탭을 체크하고, 문자열 양쪽의 공백을 제거하는 방법. 공백 입력 방지 replace와 정규표현식 사용 // text라는 id를 가진 요소의 값 var text = $("#text").val(); // 미입력 또는 공백 입력 방지 if (text.replace(/\s| /gi, "").length == 0) { alert("내용을 입력해주세요."); $("#text").focus(); } replace()의 사용법 // text 문자열 내의 모든 A를 B로 바꾸기 text.replace("A", "B") 사용된 정규표현식 표현식 의미 / 정규표현식의 시작 \s 공백 또는 탭.. 2020. 1. 9.
[DBeaver] Auto-commit 오토커밋 설정 및 해제, 글꼴 변경 *DBeaver ver.6.3.0을 기준으로 함 Auto-commit 선택 및 해제 1. 윈도우(w) > 설정 2. 새 창에서 DBeaver > 연결 유형 > Auto-commit by default 화면처럼 선택하면 오토커밋이 설정됨. 나는 프로젝트용으로 사용할 거라 신중하게 커밋해야 해서 해제해줬다. 글꼴 변경 (글자색, 글자크기, 스타일) 1. 일반 > 모양 > 색상 및 글꼴 > 기본 > 텍스트 글꼴 > 편집 2. 새 창에서 글꼴 변경 조정 후 위의 창에서 '적용'을 누르면 미리보기 할 수 있다. 2020. 1. 9.
[초보 개발자의 삽질log] 순서 지키기 JavaScript로 ul 안에 li 요소가 있는 경우에만 img요소를 나타내고, 없는 경우에는 사라지게 해야 했다. 그러려면 DOM의 개수를 체크하면 된다는 걸 검색으로 알아냈다. if ($("#ul li").length > 0) { $("#img").hide(); } else { $("#img").show(); } 해서 이런 코드를 돌렸는데 아무리 해도 잘 안 됐다. length는 무조건 0으로 뜨고, else구간만 활성화 되더라. 알고 봤더니 ul 안에 li를 불러오는 function을 DOM개수 체크 function보다 순서상 나중에 돌리고 있어서 문제가 된 거였다. 계속 해봐도 안 되면 더 크고 기본적인 단계에서 문제가 없는지 체크하자. 2020. 1. 2.
[SQL] 같은 테이블에 데이터 복사 같은 테이블에 데이터 복사 조건 1. 특정 컬럼 값 변경 필요 2. 데이터 여러 행 (조건에 따라 개수 변경되는 경우) 3. 컬럼 3개(column1, column2, sequance)에 Unique 제약이 걸려있음. 최소 1개는 새로 넣는 데이터와 기존의 데이터가 달라야 함 INSERT INTO table_name ( column1, column2, column3, sequance, column4 ) SELECT column1, column2, column3, (sequance + ( SELECT COUNT (sequance) FROM table_name WHERE column1 = #{column1} AND column2 = #{column2} AND column3 = #{column3} AND co.. 2019. 12. 26.
[오류] datatables Cannot read property 'length' of undefined 에러 원인 및 해결 https://www.leafcats.com/104 2019. 12. 24.

티스토리툴바