본문 바로가기

분류 전체보기157

[노드JS/알고리즘] 백준 - 14681번: fs 모듈 런타임 에러 백준에는 자바스크립트가 없어서 항상 피하다가 이번에 도전해봤다... 우선 입력값 받는 것부터 익숙하지 않기때문에 연습이 필요하다. [문제] 흔한 수학 문제 중 하나는 주어진 점이 어느 사분면에 속하는지 알아내는 것이다. 사분면은 아래 그림처럼 1부터 4까지 번호를 갖는다. "Quadrant n"은 "제n사분면"이라는 뜻이다. 예를 들어, 좌표가 (12, 5)인 점 A는 x좌표와 y좌표가 모두 양수이므로 제1사분면에 속한다. 점 B는 x좌표가 음수이고 y좌표가 양수이므로 제2사분면에 속한다. 점의 좌표를 입력받아 그 점이 어느 사분면에 속하는지 알아내는 프로그램을 작성하시오. 단, x좌표와 y좌표는 모두 양수나 음수라고 가정한다. [코드 - 런타임 에러] const fs = require("fs"); co.. 2022. 1. 12.
[리액트] react-calendar로 캘린더 제작: 하이라이트 기능 - 결과 현재 제작하고 있는 건 다이어리 웹이다. 언제 일기를 작성했는지 보여준다. 위 사진은 2022년 1월 3, 7, 12, 13, 15일에 작성하였다고 보여주는 예시이다. 작성 날짜들을 표시할 수 있게 하이라이트 기능을 추가해보자! 😀 - 초기 설정 공식 깃헙 레파지토리를 참고하였다. GitHub - wojtekmaj/react-calendar: Ultimate calendar for your React app. Ultimate calendar for your React app. Contribute to wojtekmaj/react-calendar development by creating an account on GitHub. github.com - react-calendar 라이브러리 설치 //.. 2022. 1. 9.
[리액트] (해결) REST API 이용한 카카오 소셜 로그인 구현 프론트는 리액트, 백은 장고 REST API로 카카오 소셜 로그인을 구현하는 중인데, 인가 코드를 받고 백에 넘겨서 토큰을 받아야 하는 상황이다. axios .get(`http://localhost:8000/main/login/kakao?code=${code}`, { //code는 인가코드 ~~~~ }.then((res) => { console.log(res); //사용자 정보가 들어있는 json이 출력되어야 함 인가 코드를 받아서 백엔드에 넘기는 건 잘 되지만, 토큰을 받는데서 오류가 발생한다. 토큰은 JSON 형식으로 {'access_token':~~~, 'token_type':~~}과 같이 출력되어야 하는데, 사진과 같이 html이 출력된다... 하지만 더 이상한 건, 다른 컴퓨터로 실행했을 땐 j.. 2022. 1. 2.
[코랩/파이토치] 오류 : cuda out of memory [오류] RuntimeError: CUDA out of memory. Tried to allocate 60.00 MiB (GPU 0; 11.17 GiB total capacity; 10.15 GiB already allocated; 7.81 MiB free; 10.56 GiB reserved in total by PyTorch) 이 오류에 대한 해결방법은 다양하다. 하지만 대부분의 경우는 두가지 방법 안에서 해결된다. [해결방법] 1) 배치 사이즈 줄이기 보통 배치사이즈가 큰 경우 오류가 발생한다. 나는 원래 사이즈인 64에서 16까지 줄여 해결했다.. 2) GPU 캐시 비워주기 import gc gc.collect() torch.cuda.empty_cache() 2021. 12. 2.
[코랩] 런타임 유지 코랩 무료 버전의 경우 런타임 유지 시간은 12시간이다. 하지만 90분간 입력이 없으면 연결이 끊긴다..!! 하지만!!! 90분이 지나지 않았어도 연결이 끊기는 경우가 정말 많았다 처음부터 학습을 다시 시작하곤 했다.. 이를 해결하기 위한 약간의 꼼수가 있다. 1. 크롬 기준 F12를 눌려 개발자 도구를 열어준다. ( or 마우스 오른쪽 버튼 누르고 - 검사 클릭 ) 2. Console 탭을 눌러준다. 3. 밑 코드를 복사하여 Console 탭에 붙여 넣고 엔터키를 눌러준다. function ClickConnect() { console.log("Working"); document.querySelector("colab-connect-button").shadowRoot.getElementById('conne.. 2021. 12. 2.
[리액트/SCSS module] 리액트에서 CSS 애니메이션 쉽게 사용하기 - React-transition-group: CSSTransition 햄버거 버튼을 클릭했을 때, 메뉴가 부드럽게 뜨고, 메뉴 외부를 누르면 메뉴가 부드럽게 사라진다. 효과가 없다면 이런 느낌일 것이다. 일반 CSS에서 애니메이션을 적용하기 위해선 애니메이션 클래스를 생성해두고 컴포넌트가 업데이트가 될 때 className을 적용하면 된다. 이 로직을 적용시키는 게 까다롭거나 귀찮다면 react-transition-group 라이브러리를 사용하면 된다. react-transition-group에는 한 개의 컴포넌트에게 transition을 적용시키는 CSSTransition, router 혹은 여러 컴포넌트한테 transition을 적용시키는 TransitionGroup 등이 있다. 이번 예제에서는 C.. 2021. 11. 13.

티스토리툴바