2월 17일에 DEV Community 회원이 합류했고 저는 HTML 태그를 텍스트로 렌더링하려는 것과 관련된 문제를 해결하기 위해 페어링 스트림에 참여했습니다.



우리가 작업한 문제는 다음과 같습니다.

일부 기사 미리보기에서 꺾쇠 괄호와 같은 특정 문자가 잘못 표시됨 #2204

kenbellows
Mar 25, 2019에 게시됨





버그 설명
기사의 /comments 보기를 볼 때 기사의 첫 줄 반 정도가 표시됩니다. 첫 번째 비트에 꺾쇠 괄호가 있는 인라인 코드가 포함된 경우(예: 당신이 쓴 경우 :

this is an article about `<span>` tags

이것은 기사 미리보기에 "이것은 태그에 대한 기사입니다"로 나타납니다.
재현하려면
동작을 재현하는 단계:

' '(으)로 이동합니다.

최소한의 머리말을 입력하고 `published: true로 설정한 다음

를 입력합니다.

this is an article about `<span>` tags

기사를 저장합니다.

{기사 URL}/댓글로 이동합니다.

미리보기 텍스트에서 <span>를 확인하십시오.

예상되는 동작
미리보기에 "<span> 태그에 대한 기사입니다"라고 표시될 것으로 예상됩니다.
스크린샷
예:

데스크톱(다음 정보를 작성하십시오):

운영 체제: macOS Mojave 10.14.3

브라우저: Chrome 72.0.3626.121, Opera 58.0.3135.107

View on GitHub

이 스트림에서는 다음을 다뤘습니다.

문제를 해결하는 데 도움이 되는 브라우저의 디버깅 도구

Cross Site Scripting (XSS) 완화 -- 우리가 작업하고 있던 문제를 일으키는 보안 장치입니다.

이 문제를 수정하면서 보안 모범 사례를 유지하는 방법.

스트림에 와주셔서 다시 한 번 감사드립니다, Jono!

또한 여기 웹에서 우리 셋을 찾을 수 있습니다.

.ltag__user__id__1484 .follow-action-button {
배경색: #f5f2ed !important;
색상: #16697a !중요;
테두리 색상: #f5f2ed !important;
}

조나단 영 팔로우

Software Engineer 🇦🇺 • Writer • Currently learning: Elixir and Phoenix • Sometimes I climb rocks 🧗

Website

Newsletter

.ltag__user__id__9597 .follow-action-button {
배경색: #fb4881 !중요;
색상: #ffffff !중요;
테두리 색상: #fb4881 !중요;
}

닉 테일러 팔로우

My name is Nick Taylor. I am a Lead Software Engineer with a focus on the front-end at Forem, the software that powers DEV. I am a big fan of TypeScript, JavaScript, (P)React and Node. Aside from prog

Twitch

.ltag__user__id__129358 .follow-action-button {
배경색: #f0065c !중요;
색상: #ffffff !중요;
테두리 색상: #f0065c !중요;
}

크리스티나 고튼 팔로우

Senior Open-Source Developer Relations Manager Courses on LinkedIn, Egghead, Design+Code, and Skillshare. https://egghead.io/instructors/christina-gorton/?af=1c6fpu

앞으로의 스트림에서 뵙기를 기대합니다! 페어링에 관심이 있으시면 this form을 작성하십시오. 커뮤니티 전체가 배울 수 있는 문제를 여러분과 함께 해결하고 싶습니다!

추신 Follow DEV on Twitch 향후 스트림이 시작되고 이전 스트림을 포착할 때 알림을 받습니다.