제작물
1.[react] div를 input태그로 만들기 (feat. useRef())
파일 업로드 버튼을 만드는 도중에, 상단의 이미지와 같이 디자인을 넣고 싶었다.하지만 input 태그는 저런 느낌으로 꾸며줄 수가 없었고...여러가지 방법을 생각해냈지만 순수 자바스크립트 문법으로는 전부 실패해버렸다.그러다 마지막에 떠오른게 이 친구였다.바로 useRe
2.[react] 제한된 영역을 클릭했을 때 좌표값을 구하는 방법 (feat. useRef, offsetX, offsetY)
이미지를 업로드 하고 난 후, 클릭을 통해 해당 위치에 (+) 아이콘을 만들려고 했다. (마치 지도에서 핑을 찍듯!)그러려면 일단 해당 사진에서 좌표를 구하는 일이 먼저라고 생각했기에, 좌표를 구하는 방법을 찾아봤다. 생각보다 금방 나오던데?우리가 사용할 것은 useR
3.[react] 카카오 API를 통해 로그인 구현하기! (with React)
소셜 로그인이라는 것을 한번 도전해보고 싶어 먼지쌓인 카카오 비즈니스 계정을 꺼냈...지만 정작 필요한건 카카오 디벨로퍼 계정이었다. 살짝 머쓱하지만 당황하지 안코? 등록을 한 후 API 문서를 살펴보는데...역시나 호락호락하게 API 사용법을 알려주진 않았다. 무조건
4.[javascript]카카오 API로 로그인하기 - javascript, 액세스 토큰 받아오기
카카오 로그인을 구현하기 위해 연습용으로 javascript로 만들어보았다. 하지만 나는 react였기 떄문에 다시 만들어야만 했다고...그래도 혹시 도움이 될까 싶어 이렇게 글을 남긴다!상기하였듯 카카오 API. 대략적인 가이드 문서 : https://dev
5.[react] 카카오 API로 로그인하기 - REST API, 액세스 토큰 전달하기
소셜 로그인이라는 것을 한번 도전해보고 싶어 먼지쌓인 카카오 비즈니스 계정을 꺼냈...지만 정작 필요한건 카카오 디벨로퍼 계정이었다. 살짝 머쓱하지만 당황하지 안코? 등록을 한 후 API 문서를 살펴보는데...역시나 호락호락하게 API 사용법을 알려주진 않았다. 무조건
6.[react] 검색 API 사용할 때 딜레이 주기
Search API를 통해 검색을 하고있던 찰나였다. onChange가 하나하나 바뀔 때 마다 통신을 하니 웹페이지가 너무 버벅이길래, 사용자의 입력이 끝난 후 지정한 시간을 초과하고 나서 통신을 할 수 있도록 구현했다.setTimeout & useEffect.useE