inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React 기반 Gatsby로 기술 블로그 개발하기 v2

게시글 렌더링 커스터마이징하기 (2)

정규 표현식 질문

해결된 질문

261

김지훈

작성한 질문수 2

1

안녕하세요 저번 개츠비 강의 너무 맘에 들어서 후속 강의도 거의 나오자마자 지른 수강생입니다!

열심히 따라하면서 강의 진행하던 와중에 "게시글 렌더링 커스터마이징하기(2)" 강의 안 코드 블럭 메타데이터 파싱 기능 개발하기 파트에서 CODE_METADATA_REGEX 부분 정규표현식에 대해서 질문드립니다

본문에 const CODE_METADATA_REGEX = /^language::(\\w+)/
이런 식으로 정규표현식이 작성되어서 따라 진행했는데 자꾸 정규표현식을 인식 못하는거 같아
/^language::(\w+)/

위와 같이 문법을 고쳐 사용했는데 오타인가 여쭤봅니다

react typescript 블로그 gatsby

답변 2

0

주현도

안녕하세요 지훈님!

강의 글에 적힌 정규표현식이 아닌, 지훈님께서 말씀해주신 정규표현식이 올바른 표현입니다!

강의록을 인프런에 옮기는 과정에서 문제가 있었던 것 같습니다.

문제가 있는 부분 지적해주셔서 감사드리고, 맞게 반영하겠습니다 :)

 

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

질문 주신 정규 표현식과 관련해 직접적으로 담긴 정보는 없습니다만, 정규 표현식에서 \w는 알파벳, 숫자, 밑줄 문자를 의미하며, 이를 그룹화하기 위해 괄호를 사용합니다. /^language::(\w+)/의 경우, 문장의 시작에서 ‘language::’ 다음에 나오는 연속된 알파벳이나 숫자, 밑줄 문자를 매치하는 정규 표현식입니다.

원래 코드 내에 constCODE_METADATA_REGEX = /^language::(\\w+)/로 작성되어 있었다면, 이는 오타일 가능성이 높습니다. JavaScript에서 문자열 내에서 백슬래시(\)를 사용하려면, 이스케이프 처리를 위해 \\를 사용해야 합니다. 그러나 정규 표현식 리터럴에서는 한 번만 사용해도 충분하므로, /^language::(\w+)/가 정확한 문법이 됩니다.

따라서, 정규 표현식을 /^language::(\w+)/로 수정하여 사용한 것은 올바른 조치였습니다. 강의 내용 중 오타가 있었던 것 같으니 강의 제공자나 관련 지원 팀에 정정을 요청해 보시는 것도 좋겠습니다.

Auto-memory 기능

0

1

1

64강 context 7 관련 질문

0

3

1

Auto-memory 기능

0

10

0

55강 7분56초

0

7

0

55강 git 초기화 관련 질문이요

0

9

1

클로드 코드에 붙여넣기후 편집 관련 질문입니다!

0

14

1

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

17

1

윈 터미널의 클로드와 에디터의 터미널의 클로드에 관한 질문

0

13

1

output-styles 명령어 없어 지지 않았나요?

0

14

1

[MISSION 7] 프로필 웹 Github 링크 제출하기 관련..

0

21

0

커서 클로드 코드 검색창 검색 시

0

17

1

/init 초기화 이유

0

26

1

Git commit 관련 질문

0

21

1

Powershell은 시스템관리자가 앱을 차단

1

20

1

/plan open 관련 질문 39강 5분 36초

0

21

1

39강 루트 용어 질문

0

20

1

디렉토리 위치 바탕화면

0

21

2

깃허브 배포시 하얀화면

0

92

1

GaphQL reference 질문

0

157

2

렌더링 문제

0

299

2

깃 액션 활용

0

385

3

code 강조가 안됨니다..

0

383

3

Github Actions 배포 이후 ReadMe만 보이는 에러

0

376

1

Property 'references' does not exist on type 'ContentfulPostContent' 에러

0

357

2