본문 바로가기

분류 전체보기647

[JS] event.preventDefault(); event.preventDefault() event.preventDefault() 메서드는 이벤트의 기본 동작을 취소하는 JavaScript 메서드입니다. 예를 들어 사용자가 필수 필드를 모두 작성하지 않고 양식을 제출하지 못하도록 이벤트의 기본 작업을 방지할 수 있습니다 e.preventDefault()다음은 이 방법을 사용하는 방법에 대한 몇 가지 예입니다 . 필수 필드를 모두 작성하지 않은 채 양식이 제출되는 것을 방지합니다. 링크를 따라가는 것을 방지합니다. 파일이 업로드되는 것을 방지합니다. 드래그 앤 드롭 작업이 완료되는 것을 방지합니다. [예제1] a태그 링크로 이동하는 기본동작을 방지 이동 $("#urlConnect").click(function(){ console.log(event); /.. 2023. 9. 6.
[Linux] 마운트(mount) 디렉토리 경로 변경 1.마운트 확인dfdf(Disk Free) 명령어로 시스템 전체에 마운트 된 디스크의 여유 공간을 확인할 수 있다.파일시스템, 디스크 크기, 사용된 용량, 사용가능한 용량, 사용 비율, 마운트 경로를 출력 2. 마운트 해제umount /mountdirumount로 /pcm 디렉토리의 마운트를 해제한다. 다시 df 명령어로 확인하면 해제 된 것 확인 가능 만약 이때 umount 할 때 device is busy 경고가 뜰 경우fuser -ck /mountdir 위와같이 디렉토리를 사용하는 프로세스를 강제로 죽이면된다. 위 명령을 이용하면 프로세스를 kill하고 umount를 성공한다. 3. 마운트 경로 변경vi /etc/fstab192.168.0.100:/origin /mountdirnew nfs defa.. 2023. 9. 4.
[jQuery] dataType과 contentType 차이점 (422 에러 발생원인) 422 unprocessable entity ajax로 작업하고 post를 날렸는데, 422 unprocessable entity 에러가 발생했다. 왜 안되는지 못잡아서 한참 봤는데, contentType 미기재로 인한 ajax form 에러였다. function requestChat(messageText) { let request = {"input1" : messageText}; $.ajax({ url: 'url', type: 'POST', data: JSON.stringify(request), dataType: 'JSON', success: function(response) { console.log(response); }, error: function (error) { console.log(error.. 2023. 9. 4.
[JS] 자바스크립트 동작원리 (Stack, Queue, event loop) 출처 : 코딩애플 https://www.youtube.com/watch?v=v67LloZ1ieI 웹브라우저 동작원리 웹브라우저동작원리를 알아야하는 이유 : 자바스크립트를 해석하고 실행해주는 것이 브라우저 console.log(1+1) setTimeout(function(){ console.log(2+2) }, 1000) console.log(3+3) 보통 다른 언어에서는 1+1 , 1초쉬고 2+2 , 3+3 을하여 2,4,6 으로 실행되었을 것이다. 하지만 자바스크립트의 경우 위 출력 이미지와 같이 2,6,4로 출력되어 빠른거부터 실행해준다는 것을 눈치챌 수 있을것이다. 이것이 왜 그런지 아려면 브라우저 동작원리를 알면된다. 웹브라우저가 자바스크립트를 해석하는 원리가 있다. 이것을 그림으로 표현하자면 아.. 2023. 8. 30.
[TS] 타입스크립트 입문 데이터 타입의 종류 타입스크립트에서는 다양한 데이터 타입을 지원합니다. 이러한 데이터 타입은 크게 기본 데이터 타입, 객체 타입, 특수 타입으로 나눌 수 있습니다. 기본 데이터 타입 number: 숫자 타입으로, 정수와 실수를 포함합니다. string: 문자열 타입입니다. boolean: 참(true)과 거짓(false)을 나타내는 불리언 타입입니다. null: 값이 없음을 나타내는 타입입니다. undefined: 값이 할당되지 않은 변수의 기본값인 타입입니다. 객체 타입 object: 객체를 나타내는 타입입니다. array: 동일한 타입의 요소를 가진 배열을 나타내는 타입입니다. tuple: 각 요소가 다른 타입을 가질 수 있는 배열을 나타내는 타입입니다. (TS 전용) 특수 타입 any: 어떠한 타입.. 2023. 8. 30.
[JS] 자바스크립트 템플릿 리터럴 - 백틱(`)과 달러(${ }) 사용법 Template literals 자바스크립트 Template literals는 ES6에서 도입된 새로운 문자열 표기법입니다. Template literals는 백틱(``)으로 시작하고 끝나는 문자열 리터럴입니다. 큰따옴표("")나 작은따옴표('')로 감싸는 기존 문자열 표기법과는 달리, 백틱으로 감싸면 문자열 내에서 줄바꿈(줄바꿈을 위해 \n을 사용할 필요가 없음)이나 특수문자를 그대로 표현할 수 있습니다. 백틱 내에서 변수나 표현식을 삽입할 수 있습니다. 문자열삽입 ES6 이전: const name = "John Doe"; const age = 30; console.log("Hello, " + name + "I am " + age + " years old."); 템플릿 리터럴을 사용하면 아래와 같이 더.. 2023. 8. 30.

티스토리툴바