반응형 programming760 자바스크립트 문자열 정규식 기본 문법 시작 사용 자바스크립트에서 문자열을 다루기 위해 정규식을 사용한다. 정규식의 구문은 어렵지 않다. 패턴과 플래그로 문자열을 검색하고 가공한다. 패턴은 문자열을 탐색하기 위한 정규식이며, 플래그는 패턴이 동작하는 방법을 설정한다. 기본구문은 어렵지 않지만, 패턴을 만드는 방법은 많다. 자바스크립트 문자열 정규식 기본 문법 시작 사용 자바스크립트에서 정규식은 문자열을 검색하기 위한 패턴을 만들어 반복할 수 있도록 한다. 정규식 자체가 반복자 ( iterator ) 라고 하며 패턴으로 지정된 문자열을 기준으로 자바스크립트는 탐색을 한다. 문자열 처리시 꽤 유용한데 가장 많이 사용되는 정규식은 html 태그를 모두 없애는 것일 것이다. 이전에 정규식에 대한 간단한 내용을 정리한 바 있다. 자바스크립트 정규표현식 사용 Re.. 2023. 2. 22. 자바스크립트 문자열 정규식 플래그 패턴의 동작을 결정한다 자바스크립트 정규식의 플래그는 문자열 검색 패턴이 어떻게 동작할지 설정한다. 대표적으로 i g m 이 있으며 개별로 설정할 수 있고, 전체로 설정할 수 있다. i 는 대소문자를 구분하지 않고 검색을 하며 g 는 전체 문자열을 검색하고 m 은 여러 줄을 검색할 수 있도록 한다. 자바스크립트 문자열 정규식 플래그 패턴의 동작을 결정한다 문자열을 다루기 위해 공부해보는 정규식이지만 간단한 문법구조임에도 난해하다. 여러가지 상황에 대해 개발자가 생각할 부분이지만 좀처럼 와닿지가 않는다. 쉬운 것부터 익혀보면 되겠지 뭐, 정규식은 문자열을 검색 패턴으로 만들고 어떤 동작으로 검색하는지를 결정한다. 이런 검색 패턴의 동작을 결정하는 것이 정규식의 플래그이다. 자바스크립트 정규식에 대한 내용은 이전에 다뤘던 내용을 .. 2023. 2. 21. html5 레이아웃 기초 css display 속성 flex와 grid 차이 float 버려 HTML5로 레이아웃을 만들 때 display 속성의 flex와 grid 만 잘 사용해도 편하게 작업할 수 있다. 이 둘의 차이가 있다면 flex는 단방향으로 html 태그 요소를 정렬하고, grid 는 격자 ( 바둑판 ) 모양으로 자식요소를 정렬한다. 레이아웃 관련 내용들을 찾아보면 전체적인 레이아웃은 grid 도 만들고 내부의 목록과 같은 것들은 flex 로 작업되어 있는 경우들을 흔히 볼 수 있다. html5 레이아웃 기초 css display 속성 flex와 grid 차이 float 버려 html5 의 레이아웃을 만드는 것은 어쩌면 감각이나 센스가 있으면 좋겠다는 생각이다. 예전에는 float 나 table 를 이용하여 레이아웃을 만들었던 적이 있었다. 지금 생각하면 진짜 욕이 나오고 지금 개발하.. 2023. 2. 18. 자바스크립트 정규표현식 사용 Regular Expression 문자열의 패턴 찾기 자바스크립트에서 정규식을 사용하는 것은 특정 문자열을 찾고 검색하여 재가공을 하기 위함이다. 웹기술이 발전하며 데이터의 전송과 가공은 필수적이 되었다. replace() 메서드를 사용해 단순히 교체를 할 수 있지만 제약이 있다. 자바스크립트 정규표현식을 사용하면 특정 문자열을 모두 찾아 재가공할 수 있다. 자바스크립트 정규표현식 사용 Regular Expression 문자열의 패턴 찾기 정규식은 한번쯤 들어본 적이 있을 것이다. 주로 문자열 데이터를 가공할 때 자주사용게 되는데 아마도 html 태그를 모두 없애는 작업에 사용했을 것이다. 자바스크립트에서 사용하는 정규식도 마찬가지인데 문자열을 가공할 때 사용한다. 정확하게 표현하면 문자를 특정한 조합인 패턴으로 만들어 원본 문자열을 찾기 위함이다. 이는 .. 2023. 2. 17. 이전 1 ··· 13 14 15 16 17 18 19 ··· 190 다음 반응형
