728x90 320x100 💻 하나씩 차곡차곡/Front-end25 [자바스크립트/Javascript] praseInt() VS Number() praseInt() 와 Number() 에 대한 차이점을 확실히 알아두자! parseInt() 문자열을 정수로 변환하는 함수문자열을 해석하여 앞에서부터 숫자를 찾아 변환하며, 만약 문자열이 숫자가 아닌 문자로 시작하면 변환을 멈춘다그래서 "1abc"와 같은 문자열을 정수로 변환하면 1이 됨. Number() 주어진 값의 숫자 표현을 반환.문자열을 숫자로 변환할 때 parseInt()와 비슷하지만, 부동 소수점 숫자를 포함한 여러 형식의 입력을 처리할 수 있음입력이 숫자가 아닐 경우 NaN(Not a Number)을 반환. parseInt()는 문자열을 정수로 변환하고, Number()는 숫자 표현을 반환하며 문자열이나 다른 자료형을 숫자로 변환. 2024. 4. 25. [자바스크립트/Javascript] 문자 형태로 된 숫자 끼리 비교가 가능한가에 대하여 자바스크립트로 간단한 비교문을 짜다보니문득 애매하게 알고 가는 개념인 것 같아 확실히 정리해두려고 쓰는 글. 1. 문자형태로 된 숫자끼리 대소 비교가 가능한지에 대해서1번을 알아보려면 먼저 2가지 예시가 필요하다.1) 첫번째 예시let num1 = '1';let num2 = '2';여기서 num1 2) 두번째 예시let num1 = '5';let num2 = '10';여기서 num1 당연히 문자로 판단되기 때문에 비교가 안되는 것이다. 근데 그럼 첫번째 예시는 왜 대소비교가 된것 처럼 보였을까.이유는 간단하다. '1', '2' 를 문자형태로 오름차순 정렬하면 1', '2' 순이된다. 그래서 '2'가 문자형태에서는 더 큰 값으로 인식된다. 그런데 '5', '10'을 문자형태로 오름차순정렬하면 '10'.. 2024. 4. 25. [Javascript/ES06] 템플릿 리터럴 ``(백틱) 사용법 템플릿 리터럴? ES6부터 도입된 새로운 문자열 표기법 편리한 문자열 처리 기능을 제공 템플릿 리터럴은 백틱(`)을 사용해 표현하며, 런타임에 일반 문자열로 변환되어 처리 그럼 어디에 어떻게 사용할 때 좋을까? let table = "테스트중" 그냥 일반적인 문자열로 테이블 태그를 표시하려면 줄바꿈이 되지 않기 때문에 이런식으로 한줄씩 써야 함. 한 두번이면 괜찮은데 안에 태그 내용이 복잡해지거나 수정이 반복적으로 이뤄질 때는 엄청 불편함. let table = ` 테스트 ` 그런데 백틱을 사용하면 이렇게 한줄로 하지 않아도 일반 문자열을 사용하는 것처럼 인식함. 출처 - https://velog.io/@starrypro/Part-6.-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%83%80%.. 2023. 10. 24. [javascript] debugger; 사용법 [오늘의 궁금증] debugger를 사용하니 개발이 쉽더라....그래서 더 자세히 알고 싶었다.... debugger 스크립트 내에 debugger 명령어를 적어주면 중단점을 설정한 것과 같은 효과가 있음. [장점] 브라우저를 켜 개발자 도구를 열고 소스 코드 영역을 띄워 중단점을 설정하는 수고를 하지 않아도 됨. 에디터를 떠나지 않고도 중단점을 설정할 수 있음. [제일 많이 사용하는/사용할 단축키] – ‘Resume’: 스크립트 실행을 다시 시작함 (단축키 F8) 실행을 재개합니다. 추가 중단점이 없는 경우, 실행이 죽 이어지고 디버거는 동작하지 않습니다. – ‘Step’: 다음 명령어를 실행함 (단축키 F9) 다음 문을 실행합니다. 클릭하면 alert 창이 뜨는 것을 확인할 수 있습니다. Step 버.. 2023. 4. 30. [Javascript] substr() VS substring() vs slice() [오늘 궁금증] 무심코 스크립트를 짜다보니 내가 substr 와 substring을 정확히 모르고 쓰는 것 같았다.........늦었지만 재정비가 필요하다..... substr(시작 인덱스, 길이) / substr(시작 인덱스) 길이는 시작위치를 포함함. 시작위치만 입력할 경우 시작위치부터 끝까지를 포함. substring(시작 인덱스 , 종료 인덱스) / substring(시작 인덱스) 종료 위치의 -1까지 문자열을 자른다른 다는 것이 주의할 점. 시작위치만 입력할 경우 시작위치부터 끝까지를 포함. (+) 정보를 찾다보니 slice도 있어서 이것도 같이 정리해본다. slice(시작 인덱스 , 종료 인덱스) substring() 과 동일한 방법으로 사용 가능. 음수를 사용해서 뒤에서부터 자를 때 편리함... 2023. 4. 29. [자바스크립트/Javascript] 자식창 값 부모창에 전달하기 오늘의 궁금증 : 자식창에서 부모창을 접근하여 데이터를 제어하고 싶은데 어케 해야 함? 자식창에서 부모창 접근하기 (자식창과 부모창이 서로 다른 창일 때) opener 사용. 자식창에서 부모창 접근하기 (부모창과 자식창이 iframe으로 구분되어 있을 때) parent 사용. 2023. 4. 21. 이전 1 2 3 4 5 다음 728x90 320x100