JaeWon's Devlog
article thumbnail
[JavaScript] if문으로 undefined, null 체크하기
FrontEnd/JavaScript 2022. 6. 6. 17:07

주로 화면 개발을 하다 보면 JavaScript 에서 null이나 undefined 체크를 해야 하는 경우가 있다. 자주 사용하는데 사용할 때마다 까먹고 헷갈릴 때가 많다, 블로그 정리를 통해서 머리에 넣어두려고 한다. 1. Undefined 체크 function undefinedCheck(value){ //올바른 체크 if(value == undefined){ ... } //올바르지 않은 체크 if(value == "undefined"){ ... } } 만약 ""(쌍따음표)를 통해서 비교를 하고자 한다면 아래와 같이 typeof 를 사용하여 비교한다. function undefinedCheckStr(value){ //올바른 체크 if(typeof value == "undefined"){ ... } //..

article thumbnail
[JavaScript] 동적 Element 생성 시 함수 인자에 따옴표 추가하기(따옴표 안에 따옴표)
FrontEnd/JavaScript 2021. 8. 14. 16:54

JavaScript를 통해서 동적 엘리먼트(element)를 생성 시에 함수 인자에 따옴표를 추가해야 하는 일이 종종 있다. 이럴 때 아래와 같은 방법으로 따옴표 안에 따옴표를 추가하였다. 결론부터 작성하자면 넣고자 하는 따옴표(') 앞에 \ 를 붙여주는 것이다. (ex : var text = '';) 아래는 예시코드 이다. 1. HTML 동적 도큐먼트 생성하기 button 을 클릭 시 test(div)에 element를 추가. 2. JavaScript function addElement(){ var text = "테스트"; var str = ''; str += '동적Element 생성하기';= str += ''; $("#test").append(str); } function testing(text1, ..

article thumbnail
[JavaScript] 웹페이지 공유하기 (카카오 API, 클립보드)
FrontEnd/JavaScript 2021. 6. 12. 16:27

현재 보고 있는 페이지를 클립보드와 카카오 API를 사용해서 공유하는 방법을 적용해보도록 하겠습니다. 1. 카카오 Developer 설정 1-1. 카카오 개발자 사이트 가입하기 - 카카오톡에 공유하기 위해서 카카오 API(카카오링크)를 사용하도록 하겠습니다. - 카카오 개발자사이트를 접속하여 가입을 진행합니다. 1-2. 어플리케이션 생성 - 자세한 정보는 카카오 개발자사이트를 참고하셔도 됩니다. - 가입이 완료되었다면, 우측 상단에 [내 어플리케이션]을 클릭합니다. - [어플리케이션 추가하기]를 클릭하여, 정보를 입력하여 생성합니다. - 정상적으로 생성이 되었다면, 해당 애플리케이션을 클릭하여, 앱 키를 확인합니다. 참고!!! 앱키는 각 애플리케이션의 고유 값이므로, 잘 보관하도록 합니다. 1-3. 플랫..