js11 [REGEX] 저장했던거 설명해드릴게요 자바스크립트 정규식 직전에 쓴 글을 확장해보겠습니다.2024.09.06 - [FrontEnd/Java Script] - [REGEX] 저장해두고 사용하세요 자바스크립트 정규식 [REGEX] 저장해두고 사용하세요 자바스크립트 정규식실속있게 내용만 접수 1. 생년월일/^[0-9]{2}\.(0[1-9]|1[0-2])\.(0[1-9]|[12][0-9]|3[01])$/2. 이메일/^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/3. 전화번호/^01([016789])-?([0-9]{3,4})-?([0-9]{4})$/4. 아이디/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/5fathory.tistory.com이전 글에서 소개했던 자주 쓰는 정규식을 자세하게 뜯어보겠습니다.1. YY.MM.DD 형식의 생.. 2024. 9. 6. Worklets - React Native Reanimated Worklets Worklets의 궁극적인 목표는 뷰 속성을 업데이트하거나 UI 스레드에서 이벤트에 반응할 때 실행되는 작은 JavaScript 코드를 정의하는 것입니다. 이러한 목적에 대한 JavaScript에서 자연스러운 구성 요소는 간단한 함수였습니다. Reanimated를 사용하면 UI 스레드에 보조 JS 컨텍스트를 생성하고 JavaScript 함수를 실행할 수 있습니다. 유일한 필수 조건은 해당 함수가 맨 위에 "worklet" 지시문을 가져야 한다는 것입니다 function someWorklet(greeting) { 'worklet'; console.log("Hey I'm running on the UI thread"); } 함수는 우리의 필요에 맞는 훌륭한 구성 요소입니다. 실행되는 코드와 .. 2023. 7. 15. React Native 0.72 변경점 React Native 0.72는 2023년 6월 21일에 출시되었습니다. 여기에는 다음과 같은 여러 가지 새로운 기능과 개선 사항이 포함되어 있습니다. 요약 TurboModules: TurboModules는 React Native용 네이티브 모듈을 작성하는 새로운 방법입니다. 기존 네이티브 모듈보다 더 효율적이고 사용하기 쉽습니다. iOS용 런타임 연결 지원: 런타임 연결을 사용하면 React Native 앱이 런타임에 타사 라이브러리에 동적으로 연결할 수 있습니다. 이렇게 하면 전체 앱을 다시 빌드하지 않고도 앱에 새 기능을 더 쉽게 추가할 수 있습니다. Symlink 지원: Symlink 지원을 통해 React Native가 monorepo 설정 및 pnpm과 투명하게 작동할 수 있습니다. 이렇게 .. 2023. 7. 14. 아직도 이거 모르니? JS 키워드 TOP 10! 소개 자바스크립트(JS)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 이 언어를 잘 이해하고 활용하는 것은 웹 개발자에게 매우 중요합니다. 이 블로그 포스트에서는 아직 자바스크립트의 중요한 키워드를 모르는 분들을 위해 JS 키워드 TOP 10을 소개하겠습니다. 1. 변수 (Variable) 변수는 값을 저장하는 데 사용되는 메모리 공간입니다. 자바스크립트에서 변수를 선언할 때는 'var', 'let', 'const' 키워드를 사용합니다. 예를 들어: var x = 5; let y = 'Hello'; const z = true; 2. 함수 (Function) 함수는 코드의 재사용성을 높이기 위해 사용됩니다. 자바스크립트에서 함수를 정의할 때는 'function' 키워드를 사용합니다. .. 2023. 6. 23. this this : 메서드 내부에서 객체에 접근할 수 있는 지시자? 예약어? let company = { name: "nhn", where: "pangyo", companyName() { alert(this.name); // this 는 현재 메소드의 객체인 company를 나타낸다. } }; company.companyName(); 동일한 코드는 다음과 같이 작성할 수 있다. let company = { name: "nhn", where: "pangyo", companyName() { alert(company.name); return company.name; // this. 대신 user 사용 } }; company.companyName(); 다만 후자의 경우, 원하지 않는 형태의 동작을 할 수도 있다. 예를.. 2020. 12. 31. nodejs res.download 사용법 1. router router.get('/download', function(req,res,next){ let filename = "tmp/file.txt"; res.download(filename, filename_client, function(err){ if(err){ res.json({err:err}); }else{ res.end(); } }) } 2. JS function download(){ window.location.assign("/download"); } 2020. 1. 30. Angular 시작하기 - 1 1. 템플릿 문법 - 앵귤러의 템플릿 문법은 HTML과 JS의 문법을 확장한 것으로 볼 수 있다. - angular-cli를 활용하여 간단하게 컴포넌트 또는 프로젝트를 생성할 수 있다. 1) 컴포넌트 만들기 ng generate component product-list(컴포넌트 명) 또는 ng g c product-list ng 명령어를 활용하여 컴포넌트를 쉽게 만들 수 있다. ng generate component product-list 를 축약한 명령어가 ng g c product-list이다. 이 명령어를 실행시키면 src/app/product-list 디렉토리가 생성되고, 내부에 ts, html, css 파일이 생성된다. 기본적으로 실행되는 내용이 모두 포함되어 있기 때문에 간편하게 사용이 가능하.. 2019. 7. 10. 요즘 대세(?) TypeScript에 대해서 1. 자바스크립트의 한계 과거 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 만들어진 태생적 한계로 좋은 점도, 나쁜 점도 많다. 1-1. 자바스크립트의 특성 Prototype-based Object Oriented Language Scope와 this 동적 타입(dynamic typed) 언어 혹은 느슨한 타입(loosely typed) 언어 2. 타입스크립트란 무엇인가. TypeScript 또한 자바스크립트 대체 언어의 하나로써 자바스크립트(ES5)의 Superset(상위확장)이다. C#의 창시자인 덴마크 출신 소프트웨어 엔지니어 Anders Hejlsberg(아네르스 하일스베르)가 개발을 주도한 TypeScript는 Microsoft에서 2012년 발표한 오픈소스로, 정적 타이핑을 지원하.. 2019. 7. 9. Angular2 에서 jQuery 사용법 - Angular는 타입스크립트이기 때문에, 형 선언이 필요하다. - 따라서 jQuery를 사용하려면 jQuery 변수에 형 선언을 해주어야 한다. - 사용법은 간단하다. Angular 2.x 구성 요소에서 jquery 를 사용하려면 맨 위에 전역 변수를 선언한다. ex 1) jQuery에 $ 를 사용하는 경우 declare var $: any; ex 2) jQuery for jQuery를 사용하는 경우 declare var jQuery: any 이 내용을 최상단에 입력 후 사용하면 컴파일 오류 없이 jQuery를 사용할 수 있다. 2019. 7. 7. 이전 1 2 다음 반응형
