분류 전체보기143 [Javascript] console log, group, table Javascript를 그나마 잘한다고 생각했는데 아직도 모르는것 투성이 yeriel입니다. 이번에 console 종류 중에 group과 table을 발견하고 얼마나 신기했는지..... 그래서 이번 포스팅은 console.log, console.group, console.table에 대해서 다뤄볼까합니다. console.log Web Console에 메시지를 출력합니다. console.log('log') log에 스타일도 추가할 수 있습니다. console.group console.group(label) Web Console log 에 새로운 인라인 그룹을 만듭니다. console.log('yeriel') console.group() console.log('r-0o0-j.tistory.com') conso.. 2021. 9. 28. [ERROR] Do not use String as a constructor Date를 String으로 변환 시키는 과정에서 발생한 에러이다. var date = new Date(); var month = new String(date.getMonth()); 일단 코드를 짜면서 javascript는 따로 타입 지정이 없다는 사실을 간과하였다.(바보) 단순하게 String만 씌워주면 되는 상황에서 new는 왜 쓴걸까?? Test Code Javascript int to String, Javascript date to String var date = new Date(); typeof date //"object" var month = date.getMonth(); month //7 typeof month //"number" var test = new String(month) test /.. 2021. 8. 20. React Quill Image Resize Code 2021.04.22 - [[YERIEL] 개발일기/React] - React-Quill Image resize React-Quill Image resize React project 중 Text Editor를 추가하는데 한글 지원 되는 Editor가 React-quill 밖에 없어서 React-quill 적용 중 React Quill로 이미지를 리사이징하기 위해 모듈을 추가하는데 이것때문에 딥빡 할 줄이야...... r-0o0-j.tistory.com 이미 React Quill Image Resize에 대해서 블로그를 썼지만 전체 코드 공유에 대해서 댓글로 요청이 많아서 2탄으로 code에 대한 블로그를 작성하려고 합니다. 제 code는 react 함수형 컴포넌트로 되어 있고 Container - Pres.. 2021. 8. 19. [React] Html2Canvas를 이용하여 화면 캡쳐하기 a tag와 Html2Canvas 라이브러리를 사용해서 react 화면 캡쳐 기능 만들기 1. a Tag https://developer.mozilla.org/ko/docs/Web/HTML/Element/a - HTML: Hypertext Markup Language | MDN HTML 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. developer.mozilla.org a tag의 href와 download를 이용해서 image를 다운 받을 수 있습니다. 2. Html2Canvas https://html2canvas.hertzen.com/ html2canvas - Screenshots .. 2021. 7. 20. [React] 페이지 이동시 scroll 복귀 history.push를 통해서 page를 이동하는 과정에서 scroll이 아래에 있는 경우 페이지 이동 할 때 그대로 유지가 되는 문제를 발견 어떻게 하면 좋을까 고민하다가 useEffect를 사용해서 component 렌더링시 스크롤을 위로 복귀 시키는 코드 추가 import React, {useEffect} from 'react'; const ScrollOn = ()=>{ useEffect(()=>{ document.getElementById('scroll-container').scrollTop=0; },[]) return ( scroll on ) } id가 scroll-container인 div는 scroll이 생기는 div이고 이 div를 찾아 스크롤 위치를 0으로 지정 해주면 간단히 끝 2021. 5. 20. [C언어] 베이스볼게임 만들기 해당 글의 코드는 제가 학교 과제를 위해 만들었고 꽤 잘 만들었다고 생각해서 작성한 블로그입니다. 과제 시즌이 되었는지 이런 댓글이 남겨졌더라구요... 이 코드를 만든지 벌써 1년이나 지났지만 이 과제 하기 위해서 저도 꽤 많은 레퍼런스도 찾아보고 시간도 투자한 기억이 나고 꽤 많은 예외처리까지 잘한 코드라고 생각해서 자랑스럽게 블로그에 회고록을 남긴건데 연달아 댓글이 저렇게 달려버리니 속상하네요... 이 블로그 작성하면서 또 다른 이슈를 발견 했고 고쳐서 수정 할 수 있도록 하겠다고 물론 제가 글을 남겼지만 당연하듯 코드 수정됬냐고 물어보는 질문은 물론 그런 의도는 아니였을 수도 있지만 속상해서... ㅠㅠ 당분간 코드는 내려놓도록 하겠습니다. 이 코드를 복사해서 실행해보고 정말 이슈가 있는지 테스트를 .. 2021. 5. 13. 이전 1 2 3 4 5 6 7 ··· 24 다음 728x90 반응형
