profile
프론트엔드 개발자

[React] 서버연결 에러 해결방법

서버연결이 안되는 상황개발자도구의 네트워크 확인├ package.json에 프록시 추가├fetch url은 endpoint 이후만 작성외부 서버를 로컬서버인척 속여서 cors문제를 피하는 방법이라고 한다.

2022년 4월 2일
·
0개의 댓글
·

[React] 컴포넌트에 이벤트 추가 가능?

예를 들어 버튼 컴포넌트를 하나 만들었다.이 컴포넌트를 쓰고 싶은 페이지에 import했다.이 상황에서 BlackButton 컴포넌트에 바로 이벤트를 달 수 없다. 이벤트를 DOM요소에만 설정할 수 있기 때문이다. 직접 만든 component는 DOM요소가 아니다. 컴

2022년 4월 1일
·
0개의 댓글
·
post-thumbnail

[Monsters] API 호출로 카드 컴포넌트 만들기 (1)

React-webucks 프로젝트를 완료하고, 복습하기 위한 작은 프로젝트 monsters를 구현한 방법에 대한 정리를 합니다. (03/12)useEffect와 fetch를 사용하여 API 호출을 할 수 있다.props로 부모 component에서 자식 componen

2022년 3월 12일
·
0개의 댓글
·
post-thumbnail

React: TypeError: http.ServerResponse is undefined

오류화면오류이유useEffect 안에서 fetch와 then을 사용하다가 then에 response라는 인자를 쓰니 자동으로 response를 import해줬다. import 부분을 삭제하고, response말고 res를 사용했다.

2022년 3월 12일
·
0개의 댓글
·
post-thumbnail

React: FireFox에서 syntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

FireFox에서 syntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

2022년 3월 8일
·
0개의 댓글
·
post-thumbnail

React: 댓글 기능 구현

댓글 기능을 구현하기 위해 알아야할 지식들 > onKey... 이벤트들의 실행 시점 onKeyPress() 키가 눌리기 전까지만 실행된다. 예를 들어 wow 라고 댓글을 달면 wo 까지만 나온다. enter 키를 인식하지 않는다. onKeyDow

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

React: TypeError: _ref is undefined 해결

터미널급 이런 오류가 떴다. 아무리 검색해도 안나오길래 코드를 보니... 컴포넌트 파일 마지막에 이런 실수를 했다.해결

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

React: 로그인 버튼에 불 들어오게 하기 (2)

password도 같은 방법으로 해주면 된다. 이제 필요한 것은 로그인 버튼에 불이 들어오게 하는 것이다. 조건을 다시 생각해보자.아이디에 '@'가 포함비밀번호가 5자리 이상이 조건에 대한 식은 아주 간단하다.이제 중요한 것은 button에게 이 조건을 알려주는 방법이

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

React: 로그인 버튼에 불 들어오게 하기 (1)

로그인 버튼에 불들어오게 하기...바닐라 js에서는 그토록 간단했던 것이, react에서는 2배로 간단해져버렸다... 로그인 버튼에 불 들어오게 하려면, 2개의 조건이 충족되어야 한다. 아이디에 '@'가 포함될 것비밀번호가 5자리 이상일 것이 규칙을 지키면 불이 들어오

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

React: index.js와 <page>.js의 차이

개강 후 2주동안 html, css, 바닐라 js로 3개의 페이지를 만들었다. React란

2022년 2월 28일
·
0개의 댓글
·