본문 바로가기
728x90

분류 전체보기153

85. 비동기의 진화 과정 callback 함수 await이 없었을 때는? XMLHttpRequest Promise를 직접 사용하는게 아니라 Promise를 사용해서 만들어진 라이브러리 = Axios 이렇게 보면 콜백함수와 똑같다 여기서 사용할 수 있는 기능 return 예상했던 순서가 다르다 await은 모두 기다려주는 것인가?! 아니다. 뒤에 것이 promise가 아니면 기다려주지 않는다 2023. 4. 10.
84. 프론트엔드에서의 시간 관련 이벤트 및 이벤트 루프 백엔드에서 UTC시간으로 받아온다 화면에 보여줄 때는 해당 나라시간으로 변경 시간관련 라이브러리 moment.js 시간이 되면 클릭이 되도록 만드는 것 크론탭 끝이 먼저 나옴 Eventloop - CallStack과 TaskQueue의 이해 쓰레드 = 일꾼 이벤트 루프 쓰레드 JS - 이벤트루프 싱글 이벤트 루프 쓰레드 일꾼이 많은 것 = 멀티스레드 context-switching 2023. 4. 10.
83. 아임포트 실습 (포트원) 보호되어 있는 글 입니다. 2023. 4. 6.
82. 결제 프로세스 이해와 개발자의 일정 고려 PG사 Payment Gateway 결제하기 위해 진입하는 입구 대기업인 경우 PG사를 이용하지만, 스타트업에서는 가격이 비싸고 공부할 것이 많아져서 생긴 결제솔루션사(아임포트, 부트페이 등)가 있다 imp_uid 결제 계약 및 처리과정 이해 PG사에 계약하는데 1주, 심사하는데 2주가 걸린다 최소 결제기능 완료 후 3주 개발자, 비개발자가 생각하는 게시판 비개발자 = 게시판 만드는데 어느정도 걸리나요? 개발자 = 게시판 등록이요? 수정? 삭제는요? 페이지네이션? 검색? 필터는 들어가나요? => 쪼개서 설명을 해야 된다는 것 서로 정한 일정은 지키자! 2023. 4. 5.
Next.js 페이지 이동 4가지 보호되어 있는 글 입니다. 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.
728x90