inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

정규 표현식 질문

해결된 질문

252

김지훈

작성한 질문수 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+)/로 수정하여 사용한 것은 올바른 조치였습니다. 강의 내용 중 오타가 있었던 것 같으니 강의 제공자나 관련 지원 팀에 정정을 요청해 보시는 것도 좋겠습니다.

android crud중 c 영상이 12초만 있는 잘린 영상이에요.

0

12

2

터미널 시작폴더가 달라요

0

20

2

my-profile-site 404 error

0

13

2

노션 .env.local

0

23

1

shrimp_data - WebGUI.md

0

16

2

powershell 복붙 문제

0

19

2

디렉토리가 보이지 않아요.

0

18

1

쉬림프 설치

0

15

2

회원가입 구현 (구현 후 최종 화면 출력 X)

0

13

2

tsakmaster api키

0

17

1

terminal-setup을 해도 shift+Enter 키로 줄바꿈이 되지 않아요.

0

20

2

ll- al 명령어 관련 문의

0

28

1

cursor ui 변경 문의

0

26

1

상태 표시줄 설치 오류

0

30

1

디바이스 별 다른 크기의 화면을 고려하는 반응형UI

0

21

2

API 400알람 관련문의

0

36

2

사이트가 너무 달라요

0

62

2

깃허브 배포시 하얀화면

0

81

1

GaphQL reference 질문

0

146

2

렌더링 문제

0

279

2

깃 액션 활용

0

359

3

code 강조가 안됨니다..

0

363

3

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

0

361

1

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

0

355

2