뚝딱뚝딱 코딩 기록_

[Material UI_ Grid] ❔ window size 구하기 const [windowSize, setWindowSize] = useState(window.innerWidth); const handleWindowResize = useCallback(() => { setWindowSize(window.innerWidth); }, []); window.addEventListener("resize", handleWindowResize); ❔ 컴포넌트 만들기 const ComponentGrid = () => { let colNum = 4; if (windowSize < 1200) colNum = 3; if (windowSize < 900) colNum = 2; if (windowSize < 600) col..

[CKEditor_ HTML Parser] CKEditor로 입력한 내용을 받아왔을 때 html 태그 속성이 사라지는 현상을 해결하는 방법에 대해 알아보자 ❔ CKEditor 사용법은 이전 포스팅을 참고해 주세요. 👉 [CKEditor5] 리액트에서 CKEditor5 사용하기 CKEditor를 사용하여 게시판 글 등록 페이지를 만들었는데 상세보기로 내용을 넣으니 html 태그 속성이 적용되지 않고 태그가 그대로 노출되는 현상이 발생했다. 예를 들면, 제목 1 속성으로 안녕하세요를 입력했을 때 HTML 삽입 미리보기할 수 없는 소스 이렇게 나타나야 하는데 화면에는 안녕하세요 이렇게 나타났다. 이 현상을 해결하려면 HTML Parser라는 라이브러리가 필요한데 프로젝트에서 리액트로 개발을 진행중이었기 때문에..

[Expo_ permissions] 리액트 네이티브 expo cli를 이용한 기본 권한 설정하는 방법에 대해 알아보자 리액트 네이티브 exp-cli를 이용하여 개발한 애플리케이션을 출시하려고 했다. bundle 파일을 올리고 버전 검토를 했는데 자꾸 오류가 떠서 다음 단계로 넘어가지 않았다. 이유는 바로 위치 권한을 이용하고 있었기 때문이었다. 위치정보를 사용할 일이 없는 어플이었는데 자꾸 버전 검토를 통과하지 못해 엄청 답답했다. android.ACCESS_COARSE_LOCATION android.ACCESS_FINE_LOCATION android.ACCESS_BACKGROUND_LOCATION 바로 이 세 가지 권한 때문이었는데 찾아보니 expo-cli를 이용한 경우 permissions를 따로 설..

[HTML_a tag] 파일 다운로드 하는 방법에 대해 알아보자 📂 a tag 사용하기 다운로드 - href : 다운받을 파일의 url 📂 파일명을 다르게 하고싶은 경우 다운로드 - download='파일명' 으로 넣어주면 된다.

리액트로 게시판을 구현하던 중 내용을 작성하는 부분에 CKEditor를 적용해 보았다. 1. CKEditor 설치 npm install --save @ckeditor/ckeditor5-react npm install --save @ckeditor/ckeditor5-build-classic or npm install --save @ckeditor/ckeditor5-build-inline or npm install --save @ckeditor/ckeditor5-build-balloon or npm install --save @ckeditor/ckeditor5-build-balloon-block or npm install --save @ckeditor/ckeditor5-build-decoupled-docum..

[Python_for~else] for ~ else 문에 대해 알아보자 for i in '''범위''' : if '''조건''' : # 출력 1 break else: # 출력 2 - for문의 루프가 돌아가는 중 조건에 부합한 경우 출력 1을 실행한 후 멈춘다. - 모든 루프가 돌았음에도 조건에 부합하지 않는 경우 esle 문에 있는 출력 2를 실행한다. - 출력 1을 실행한 경우에는 else 문이 실행되지 않는다. 내가 보려고 정리하는 파이썬🔆 👉ez1n github 구경하기👈 ez1n - Overview Study -ing. ez1n has 6 repositories available. Follow their code on GitHub. github.com

[Java Script_ Calculator] 아이폰 계산기와 유사하게 만들어보자! 🔢 변수 만들기 ❔ 숫자, 문자를 저장할 변수 만들기 - 첫번째 숫자, 연산자, 두번쨰 숫자를 저장할 세 가지 변수가 필요하다. - 숫자를 입력할 떄마다 바뀌어야 하기 때문에 const 대신 let을 사용한다. let number1 = ''; //첫번째 숫자 let number2 = ''; //두번째 숫자 let operator = ''; //연산자 🔢 버튼 이벤트 만들기 ❔ 숫자 버튼 클릭 이벤트 만들기 - 연산자가 저장되어 있는지를 기준으로 number1과 number2의 기능을 나누었다. - 버튼을 누르는 순간 textContent를 이용하여 계산기 화면(result)에도 값을 출력한다. const click_num..

[Java Script_ Number Baseball] ⚾ 랜덤으로 숫자 뽑기 ❔ 0부터 9까지의 숫자 중 설정한 자릿수 만큼의 숫자를 랜덤으로 선택하기 1. 0부터 9까지 연속적인 숫자 배열 생성 첫 번째 방법 : 빈 배열을 선언한 뒤 for 반복문을 이용하여 push 한다. const numbers = []; for (let i = 0; i index); 2. 생성된 배열 numbers에서 랜덤으로 숫자를 선택하여 answer(답) 만들기 const an..