본문 바로가기
반응형

javascript7

[javascript] 스코프 개념 이해하기 개념적인거를 너무 대충 해왔다고 느껴 찾아보고 정리를 해본다. 일반적인 개발 언어에서 스코프는 가장 초반에 배우는것들 중 하나일 것이다. 그냥 간단히 생각하면 해당 값을 인시 할 수 있는 범위. 라고 생각하면 된다. 자바스크립트에서는 렉시컬 스코프가 적용되어 있는데, 정의한 위치를 따른다는 것이다. 예를 들면 const a = "oustside A"; function A(){ const a = 'inside A'; B(); } function B(){ console.log(a); } A(); B(); 위의 코드에서 A라는 함수를 호출하면 oustside A라고 콘솔에 출력될 것이다. 저 개념에 대한건데 결국 저 내용은 let, const 그리고 요즘 쓰이지 않는 var의 스코프에 대해서 공부 하다보면 이.. 2023. 12. 28.
[javascript] 숫자 입력 체크 및 업다운 버튼 with jquery -99.75 ~ 99.75 라는 숫자를 입력할 수 있는 input창이 필요하여 작성 - 최대 99.75 최소 -99.75까지 입력 가능 - 수점은 0.25단위로 입력 가능하게 구성 - 숫자는 00.00 단위로 출력되도록 적용 - 필요시 up down 버튼 생성 가능 이벤트 부분에서 jquery만을 사용하다보니 헷갈린 부분이 조금 있었으며, 어쩔 수 없이 jquery를 사용하고 값을 가져오는 부분에도 사용했다. 기존에 작성했던 textarea에 최대값을 입력하는것과 같은 형식으로 작성하였고 정규식의 경우에는 다른 곳들을 좀 참조하면서 사용하였다. 특정 input에 클래스명을 주고 vacationFormat을 생성할때 클래스명을 주는 형식으로 사용하면 된다. 세부 예시는 아래와 같다. const test =.. 2023. 2. 10.
[javascript ]천단위 콤마(소수점 포함) javascript에서 천단위 콤마를 하기 위해서는 일반적으로 replace를 사용하며, 다른 방법으로는 toLocaleString을 사용하는 방법도 있다. 먼저 replace에 대해서 보겠다. 1. replace(정규식 사용) const ori_val = 12345.6789; const changed_val = ori_val.toString().replace(/\B(? 위의 정규식을 사용하게되면 결과는 '12,345.6789' 값이 나올 것이다. 2. toLocaleString 해당 방법에 대한 설명은 아래의 사이트에 자세히 나와있다. Number.prototype.toLocaleString() - JavaScript | MDN The toLocaleString() method returns a str.. 2022. 6. 15.
JSON에서 중복된 value제거하기 중복된 값을 제거하는 두가지 예제이다. 첫번째 코드의 경우에는 new Set에는 유일값만 들어간다는 것을 이용하여 map을 통해 값을 추출하고 넣는 형태로 되어져있다. for문 돌리고 막 별짓 안 해도 이렇게 쉽게 되는데 너무 머물러 있었던듯 하다. 개발자는 평생 공부 해야하는데 에휴... var test_data = { data :[ {section:'10',unit:'bb',tag:'cc'}, {section:'20',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'},.. 2022. 4. 26.
PHP NULL 병합 연산자 '??' (javascript도 사용 가능) PHP 7버전대부터 나온 연산자로 NULL을 병합 해주는 연산자이다. 최근에 알게되어 찾아보다가 javascript에서도 해당 기능의 연산자가 있었다. 기본적인 기능은 '변수' ?? '대체 값' 이와 같은 방식으로 쓰이며, 해당 변수가 NULL이면 대체 값이 들어가는 형태이다. $test = NULL; $test = $test ?? 'empty'; //또는 $test ??= 'empty'; echo $test; 예를 들어 위와 같은 코드를 쓰게되면 $test에는 empty라는 글자가 들어가서 출력된다. javascript에서도 사용이 가능한데 var test = null; test = test ?? 'empty'; console.log(test); javascript에서는 null이거나 undefined.. 2022. 4. 14.
Canvas wiper 구현(javascript)-1차 테스트 애니메이션과 관련된 자료를 좀 찾다가 멋진 분을 보았다. https://youtu.be/cpEeqACsF_Q?t=42 구현된 많은게 있었지만 그 중에서 나는 저거를 보고 구현 해보고 싶은 생각이 들었다. 지금까지 계속 관심만 가지고 하지 않던 Canvas쪽을 좀 보면 어느정도 될거 같았는데...결국 잘 되지 않는 중... 그래도 시도하면서 많은것을 알고 지나간다. 테스트한다고 주석 투성이고 미완성이지만 일단 1일차 코드와 현재 상태를 올린다. 저 분은 30분만에 만들었다는데(....) 그리고 보다보니 "일은 배신하지 않는다" 라는 책도 내셨더라...궁금해서 바로 오늘 구매!! 내일 도착하면 신나게 읽어봐야겠다 ㅎㅎ 2021. 5. 14.
728x90

티스토리툴바