728x90 반응형 JavaScript7 [JavaScript] 생년월일 데이터 포맷 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : javaScript 개발 프레임워크 : nuxt 빌드 도구 : Gradle --------------------------------- 회원가입 등 생일 데이터를 받아야할 때 사용자가 주는 데이터를 포맷하서 넣어주면 깔끔하다. 잘못된 데이터가 들어가는 일도 없을 것이다. 아래 코드는 생일 데이터를 입력받을 때 내가 받고싶은 데이터 형식에 맞게 포맷해주는 코드이다. 1. 숫자 외의 문자는 받지 않는다. 2. 8자 이상 넘어가지 않도록한다. 3. 현재 년도를 넘어가지 않게하며 1~12월, 1~31일 안에서 입력될 수 있도록 한다. 내가 설정한 조건은 위 세가지이다. const i.. 2024. 4. 4. [VSCode] 한글 깨짐 해결 개발 환경 --------------------------------- OS : Mac 개발 툴 : VsCode 개발 언어 : java --------------------------------- 공유받은 소스파일을 열었더니 깨집니다ㅡㅡ@ 처음 열었을 때 깨지는 이유는 모르겠어요 한글 깨지는 현상 해결하기 오른쪽 하단에 "UTF-8"을 클릭하면 "Reopen with Encoding" 인코딩해서 다시 열 수 있다. 내리다보면 중간에 있는 "Korean (EUC-KR)" 을 선택해주어 인코딩해주자 2024. 3. 29. [JavaScript] 천 단위 콤마 찍기 (DB에서 / JS에서) 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : javascript 프레임워크 : nuxt.js --------------------------------- 화면에 금액과 같이 구분점이 필요한 숫자 데이터를 표시할 때는 적절한 위치에 콤마를 찍어줘야한다. 두가지 방법이 있다. 1. DB에서 데이터를 조회해올 때 콤마 찍기 (mySql) 아래와 같이 FORMAT 함수를 사용해서 컬럼명을 넣고 0을 넣어주면 천 단위로 콤마를 찍어준다. select FORMAT(COST, 0) from TEST_TABLE 1. JavaScript에서 콤마 찍기 가져온 숫자 데이터를 화면에 뿌릴때 숫자 세자리 단위로 콤마를 찍어 표시하고 싶다면 .. 2024. 3. 28. [Vue.js] NextTick 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : java 프레임워크 : nuxt.js --------------------------------- DOM(웹 페이지)에서 데이터가 업데이트 되어 페이지가 렌더링되거나 UI가 변경될 때 즉, DOM에 접근하는 작업을 하는 경우 Vue가 다시 DOM을 바로 인식하지 못하는 경우가 있습니다. 이런 경우 자바스크립트의 비동기 특성으로 오류가 발생합니다. nextTick 메서드는 DOM을 다시 인식하기까지 기다려줍니다. 모든 데이터의 업데이트 및 화면 렌더링을 마친 후 DOM에 다시 접근합니다. 아래는 nextTick 사용 예시입니다. const nextTickTest = async .. 2024. 2. 2. [Swift] javascript Alert & Confirm 띄우기 저번 포스팅에서 android에서 자바스크립트 alert 함수와 confirm 함수에 반응하는 방법을 포스팅했었습니다 오늘은 이어서 iOS에서도 똑같이 위 함수에 반응하도록 해보겠습니다 ! class MainWebView : UIViewController, WKNavigationDelegate, WKScriptMessageHandler, WKUIDelegate{ @IBOutlet var webView: WKWebView! 먼저 WebView class에 WKScriptMessageHandler 프로토콜을 채택합시다 WKScriptMessageHandler 는 웹페이지에서 실행되는 javascript code에서 메세지를 수신하기 위한 인터페이스입니다 func webView(_ webView: WKWebV.. 2023. 2. 20. [Kotlin] java script Alert & Confirm 띄우기 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- android #WebView에서 자바스크립트 alert과 confirm을 받아오는 방법을 포스팅하겠습니다 javascript에서 Confirm 함수는 확인 또는 취소 버튼을 통해 true or false 를 반환합니다 Alert 함수는 사용자에게 단순하게 어떠한 내용을 알릴 때 사용하는 함수입니다 안드로이드 웹뷰가 자바스크립트 alert과 confirm 에 반응하려면 웹뷰에 셋팅을 해줘야 하는데 그 부분을 알아보겠습니다! 🐥 Alert을 받을 .. 2023. 2. 19. 인터프리터(Interpreter) 언어 vs 컴파일(Compile) 언어 저는 Vue 프로젝트를 앞두고 JavaScript 언어를 공부하고 중이에요 android, iOS에 이어 vue까지 하게됐습니다...! 한가지를 깊게 공부하고 싶은데 한가지만 하고싶다고 그것만 할 수 있는 상황이 아니네요 아직 신입이라 이것저것 다 손대기엔 실수가 많은데,. 그래서 시간 쪼개서 프로그래밍에 대해 더 열심히 공부하려고 합니다 그럼 서론은 여기서 마치고 -------------------------------------------------------------------------------------------------------------- 인터프리터 언어와 컴파일 언어가 뭔지 알아보겠습니다 인터프리터 언어란? 개발자가 작성한 코드(원시코드)를 기계어로 변환 과정없이 한줄 한줄 해석하.. 2022. 4. 4. 이전 1 다음 728x90 반응형
