728x90 c.c46 83. 아임포트 실습 (포트원) 보호되어 있는 글 입니다. 2023. 4. 6. 82. 결제 프로세스 이해와 개발자의 일정 고려 PG사 Payment Gateway 결제하기 위해 진입하는 입구 대기업인 경우 PG사를 이용하지만, 스타트업에서는 가격이 비싸고 공부할 것이 많아져서 생긴 결제솔루션사(아임포트, 부트페이 등)가 있다 imp_uid 결제 계약 및 처리과정 이해 PG사에 계약하는데 1주, 심사하는데 2주가 걸린다 최소 결제기능 완료 후 3주 개발자, 비개발자가 생각하는 게시판 비개발자 = 게시판 만드는데 어느정도 걸리나요? 개발자 = 게시판 등록이요? 수정? 삭제는요? 페이지네이션? 검색? 필터는 들어가나요? => 쪼개서 설명을 해야 된다는 것 서로 정한 일정은 지키자! 2023. 4. 5. 81. dompurify와 하이드레이션 owasp top 10 10가지의 최근 3~4년 보안의 핵심적인 부분 https://ko.wikipedia.org/wiki/OWASP 리액트에서 위에꺼는 필요없다 dompurify를 통한 조건부렌더링시 발생 가능한 하이드레이션 이슈 여기에 스타일을 입히면? A: React.js는 실제로 주소가 없다던데, 사실이야? B: 맞아! 어떤 주소로 접속을 해도 상관없이 모든 페이지의 html, css, js를 다운로드 받고 브라우저에서 가짜 주소를 만들지! A: 그럼... 처음 접속할 때 다운로드 받는 파일이 많으니까 느리겠네? B: 정확해! A: 그럼... 어떻게 하면 처음 접속을 빠르게 할 수 있을까? B: next.js를 활용해봐! A: next.js는 서버에서 먼저 프리렌더링 하고, 결과를 다운로드 받아.. 2023. 4. 4. 80. 크로스 사이트 스크립트(XSS) 이해 form onSubmit={}을 적고 연결시킨다 여기서 form태그는 react form이 아니다 html에 있는 form태그이다 전달해준다 라는 뜻 button에 type은 button reset submit이 있다 디폴트값이 위에 form에 있듯이 submit이기 때문에 지워야된다 안지우면 onClick이 2번 실행된다 한번 클릭했는데 2번 실행된다면 이것을 확인해야한다 이 버튼의 기능을 다르게 하려면 type을 button으로 바꾼다 웹에디터로 등록한 게시글 보여주기 09-01 복사해서 27-04-web-editor-detail 만들기 등록하기 클릭하면? 태그가 그대로 보인다 태그를 적용시키려면? html에 직접 삽입하는 방법 html안에 그대로 삽입하겠다~ 라는 뜻 dangerouslySetInn.. 2023. 4. 4. 79. 웹에디터의 이해 및 실습 요즘은 --save 안해도 됨 여기서 onChange는 ReactQuill에서 만든거라서 event가 들어가지 않는다 import 'react-quill/dist/quill.snow.css'; 브라우저의 document를 찾을 수 없다~ 잘 적은거 같은데 에러가 나타난다 라이브러리별 발생하는 SSR 이슈와 보완방법 - dynamic import Webpack Server 브라우저에서만 보여줘~ 를 해도 안된다 다르게 접근을 해줘야 한다 dynamic import - Next에서 제공 import dynamic from "next/dynamic"; ssr: false => 서버에서 렌더링 하는건 안할거다~ 성능 최적화 Modal을 여기서만 사용한다면 코드 스플릿팅 code-splitting 웹에디터에 re.. 2023. 3. 9. 78. refetch의 문제점과 개선방법 보통 아래쪽에 있는 것을 복사해서 넣으면 된다 refetch cache cache 예시 refetch없이 데이터 삭제, 추가하는 방법 updateQueries: -> 사라질 기능(deprecated 될 예정이다~ = 더이상 우리는 추가 업데이트 하지 않겠다) 등록하고 받을 결과 = {data} qqq = 구조분해할당으로 받은 것 2023. 3. 9. 이전 1 2 3 4 5 ··· 8 다음 728x90
