본문 바로가기

프론트엔드/JavaScript56

정규표현식2 - 메소드 참고 정규표현식, 이렇게 시작하자! | HEROPY 정규표현식, 이렇게 시작하자! 매일 쓰는 것도, 가독성이 좋은 것도 아니지만, 모르면 안되는 정규표현식. 저는 이렇게 공부하기 시작했습니다! (자바스크립트를 기준으로 설명합니다) heropy.blog test 정규식.test(문자열): 일치 여부 (Boolean) 반환 match 문자열.match(정규식): 일치하는 문자열의 배열(Array) 반환 replace 문자열.replace(정규식, 대체문자): 일치하는 문자열을 대체하고 대체된 문자열(String) 반환 예제 const str = ` 010-1234-5678 hello@gmail.com; https://www.omdbapi.com/?apikey=7035c60c&s=frozen The quick.. 2021. 6. 7.
정규 표현식 정규표현식: 문자열을 검색하고 대체하는 데 사용 가능한 일종의 형식 언어 패턴, 간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능 등을 정규식 패턴으로 빠르게 수행 할 수 있다. 단, 정규식 패턴이 수행 내용과 매치가 잘 안 되어 가독성이 많이 떨어지기 때문에 입문자들이 어려워 하는 경우가 많다. 하지만 초반 개념만 잘 잡으면 금방 익숙해 질 수 있다. 정규표현식 역할 문자 검색(search) 문자 대체(replace) 문자 추출(extract) 정규표현식 테스트 사이트 https://regex101.com/ https://regexr.com/ https://regexper.com/ regex101: build, test, and debug regex Regular expressi.. 2021. 6. 7.
JS 데이터 - OMDB API OMDB API: 영화정보를 가져오는 API 참고 (검색: omdbapi) https://www.omdbapi.com/ OMDb API - The Open Movie Database www.omdbapi.com 영화정보를 요청할 수 있는 URL (api key를 발급 받아야 사용 가능) Query String: 문자를 가지고 어떠한 정보를 검색한다는 의미 문법: 주소?속성=값&속성=값&속성=값 예시(JSON 형태로 보여진다.) http://www.omdbapi.com/?apikey=7035c60c&s=frozen axios: 위와 같은 데이터를 처리해줄수 있는 패키지 https://github.com/axios/axios axios/axios Promise based HTTP client for the .. 2021. 6. 5.
JS 데이터 - Storage Storage: 데이터를 저장하고 있는 공간 확인 방법: 개발자 도구 -> 응용 프로그램 -> 저장소 탭에서 확인 가능 로컬 저장소(검색: local storage mdn) https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. developer.mozilla.org 예제 저장소에 데이터 저장(value가 Object로 나온다) // 저장소에 데이터 저장 localStorage.setItem('user', user) .. 2021. 6. 4.
JS 데이터 - JSON JSON 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다. https://ko.wikipedia.org/wiki/JSON JSON - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. JSON(제이슨[1], JavaScript Object Notation)은 속성-값 쌍( attribute–value pairs and array data types (or any other serializable value)) 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 ko.wikipedia.org 하나의 문자 데이터 import되어지면 객체데이터로 출력된다. JSON.stringify.. 2021. 6. 3.
JS 데이터 - lodash 사용 lodash 사이트 https://lodash.com/ Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern environments. Review the build differences & pick one that’s right for you.InstallationIn lodash.com lodash import // lodash 사용법 // 선언 import _ from 'lodash' 예제 const userA = [ { userId: '1', name: 'happy'}, { us.. 2021. 6. 3.

티스토리툴바