profile
블로그 이전중입니다 => https://kusdsuna.tistory.com/

Event Handing

Event Handing addEventListner addEventListner() 메서드는 지정한 이벤트가 발생할때 설정한 함수를 호출 문법 event : 반응할 이벤트 유형 function : 이벤트가 발생할 때 실

2021년 12월 1일
·
0개의 댓글
post-thumbnail

리액트 기초 정리

프로젝트를 만들고자 하는 위치에서 터미널을 연 뒤을 하면 프로젝트이름이란 디렉토리가 생김.그리고 해당 디렉토리에 들어가서상단 명령어를 치면 해당 디렉토리 리액트 페이지 주소가 나오게 됨리액트 최상단에 사용리액트 최하단에 사용쉽게 재사용가능한 일종의 UI조각컴포넌트의 이

2021년 11월 29일
·
0개의 댓글
post-thumbnail

순열, 조합, 중복순열, 수열, 최대공약수 코드모음

순열이란 서로 다른 n개중에 r개를 선택하는 경우의 수를 의미합니다 ( 순서 상관 o )일반식 : nPr = n! / (n - r)!5장에서 3장을 선택하는 모든 순열의 수 = P = (5 X 4 X 3 X 2 X 1) / (2 X 1) = 60조합이란 서로 다른 n개

2021년 11월 28일
·
0개의 댓글
post-thumbnail

jest-worker@27.0.0-next.5: The engine "node" is incompatible with this module. Expected version "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0". Got "14.8.0"

Next.js에서 typescript버전 styled-components를 설치하는 와중에 에러가 발생했다.해당 에러는 Node.js에 버전이 달라서 생기는 에러이기에 Node.js 버전을 바꿔주면 해결됩니다.아래 명령어로 설치해준뒤14.15.0 버전으로 변경해주면됩니

2021년 11월 19일
·
0개의 댓글
post-thumbnail

Github Private repository commit 잔디 보이게하기

Repository가 private로 되어있으면 자기 자신만 확인 및 기여도와 기여내역을 열람할 수 있습니다.그래서 본인 계정의 잔디에서는 private된 레포의 잔디가 보이지만 다른 사람들은 보이지 않습니다.열심히 했는데 다른 사람이 안봐주면 서운하잖아요.그래서 다른

2021년 11월 18일
·
0개의 댓글
post-thumbnail

Github API 다루기

https://velog.io/@hyun-jii/Github-API-v3-%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2%95-%EA%B9%83%ED%97%88%EB%B8%8C-API-%EC%A0%81%EC%9A%A9

2021년 11월 18일
·
0개의 댓글
post-thumbnail

로딩 스피너

간단한 Loading 스피너 컴포넌트 코드입니다

2021년 11월 16일
·
0개의 댓글
post-thumbnail

렌더링 최적화

https://student513.tistory.com/76

2021년 11월 16일
·
0개의 댓글
post-thumbnail

React onClick url 링크 달기

window.open 메소드를 통해서 링크를 달 수 있습니다아래 예시는 새 탭으로 띄우는 두번째 매개변수인 '\_blank'를 넣은 예시입니다

2021년 11월 12일
·
0개의 댓글

리액트 리렌더링 조건

리액트가 리렌더링되는 것에는 몇가지 조건들이 있다부모 컴포넌트가 렌더링되면 자식 컴포넌트들 모두 리렌더링된다.그래서 코드양이 많아지면 렌더링량 또한 많아지게 되므로 최적화가 필수적이다.리액트는 상태를 사용해서 동적인 데이터를 저장한다.리액트는 이 상태의 변경이 감지되면

2021년 11월 12일
·
0개의 댓글
post-thumbnail

react-router-dom switch error

틀린점이 있다면 댓글로 알려주세요!최신버전 react-router-dom에서Attempted import error: 'Switch' is not exported from 'react-router-dom'.이라는 에러가 발생했다.최신버전인 V6에선 아래와 같이 Swit

2021년 11월 9일
·
0개의 댓글
post-thumbnail

레벨1 완주하지 못한 선수

participant와 completion를 동일하게 정렬하면 같은 인덱스인데 다른 문자가 나올때가 바로 완주하지 못한 선수의 값을 가진 인덱스가 된다

2021년 11월 8일
·
0개의 댓글
post-thumbnail

레벨1 숫자 문자열과 영단어

replace로 주어진 문자열 s에서 해당하는 /문자/global로 전부 치환한다

2021년 11월 5일
·
0개의 댓글
post-thumbnail

레벨1 직사각형 별찍기

문제 풀이

2021년 11월 4일
·
0개의 댓글
post-thumbnail

프론트엔드에서 로그인 구현하기

// 추후 gif 넣을 공간JWT를 사용refreshToken은 secure, httpOnly 쿠키로 accessToken은 JSON payload로 전달받는다CSRF 취약점 공격 방어는 되나 XSS 공격으로 API 요청을 보낼때는 위험하니 서버와 클라이언트 모두 추가

2021년 11월 3일
·
0개의 댓글
post-thumbnail

레벨1 체육복

문제 풀이

2021년 11월 2일
·
0개의 댓글
post-thumbnail

레벨1 없는 숫자 더하기

0부터 9까지 숫자로 이루어진 배열을 생성그 배열에 요소만큼 반복요소가 주어진 numbers안에 포함되있지 않다면 그 요소를 answer에 추가리턴

2021년 11월 1일
·
0개의 댓글
post-thumbnail

레벨1 음양더하기

문제 풀이

2021년 10월 29일
·
0개의 댓글
post-thumbnail

레벨 1 약수의 개수와 덧셈

문제 풀이

2021년 10월 28일
·
0개의 댓글
post-thumbnail

레벨 1 소수만들기

문제 풀이

2021년 10월 27일
·
0개의 댓글