Nextjs14, dangerouslySetInnerHtml 사용하기.

Nextjs 14에서 dangerouslySetInnerHtml을 사용해 보았습니다.


찾아보니 dangerouslySetInnerHtml의 경우 그냥 사용하게 되면 보안상의 이슈가 발생할 수 있다는 것을 알게되었습니다.

더불어 이러한 보안상의 이슈를 해결하는 과정에서 nextjs의 경우 server component와 client component 각각 적용하는 방법이 다르다는 것을 알게 되었습니다.


이러한 내용을 블로그 글로 정리를 해보았으니 궁금하셨다면 한번 읽어보셔도 좋을 것 같습니다.


https://velog.io/@hamsoo159/nextjs-dangerouslySetInnerHTML-%EC%95%88%EC%A0%84%ED%95%98%EA%B2%8C-%EC%82%AC%EC%9A%A9%ED%95%98%EC%9E%90

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 3월 28일 오전 8:19

댓글 0

    함께 읽은 게시물

    오늘은 투자 완료일이자 아미고 런칭 100일. 별 생각 없었는데, VC 파트너님이 축하한다며 파티 안하냐고 전화주셨길래 편의점에서 맥주 한 캔과 꼬깔콘으로 조촐하게 파티 했습니다. 이제부터가 진짜 시작이겠죠. 잘 부탁드립니다.

    ... 더 보기

    조회 1,764



    타입 안전한 API 모킹으로 프론트엔드 생산성 높이기

    이번에 우아한형제들 기술 블로그에 "타입 안전한 API 모킹으로 프론트엔드 생산성 높이기"라는 새 글을 발행하게 되었습니다.

    ... 더 보기

    기회

    

    ... 더 보기

    조회 365


    BrowserStack을 통한 효율적인 웹뷰 개발과 테스트 전략

    ... 더 보기

    Most Reliable App & Cross Browser Testing Platform

    BrowserStack

    Most Reliable App & Cross Browser Testing Platform

     • 

    저장 20 • 조회 2,511


    무너지고 있는 프론트엔드, 백엔드 직군의 경계에 대한 고찰

    AI 기술이 우리 일상과 산업 전반에 스며들면서 소프트웨어 개발 환경 역시 큰 변화의 물결을 맞이하고 있다. 특히 코딩을 돕는 AI 에이전트의 등장은 개발 생산성에 대한 큰 변화를 만들고 있다. 나 역시 이러한 변화를 체감하며, 나에게 익숙한 소프트웨어 개발의 대표적인 두 축인 프론트엔드와 백엔드 영역에서 AI 기술이 미치는 영향과 그로 인해 변화하는 소프트웨어 엔지니어의 역할에 대해 개인적인 생각을 정리해 본다.

    ... 더 보기

     • 

    저장 32 • 조회 4,230