Search API를 통해 검색을 하고있던 찰나였다. onChange가 하나하나 바뀔 때 마다 통신을 하니 웹페이지가 너무 버벅이길래, 사용자의 입력이 끝난 후 지정한 시간을 초과하고 나서 통신을 할 수 있도록 구현했다.setTimeout & useEffect.useE

카카오 로그인을 구현하기 위해 연습용으로 javascript로 만들어보았다. 하지만 나는 react였기 떄문에 다시 만들어야만 했다고...그래도 혹시 도움이 될까 싶어 이렇게 글을 남긴다!상기하였듯 카카오 API. 대략적인 가이드 문서 : https://dev

소셜 로그인이라는 것을 한번 도전해보고 싶어 먼지쌓인 카카오 비즈니스 계정을 꺼냈...지만 정작 필요한건 카카오 디벨로퍼 계정이었다. 살짝 머쓱하지만 당황하지 안코? 등록을 한 후 API 문서를 살펴보는데...역시나 호락호락하게 API 사용법을 알려주진 않았다. 무조건

소셜 로그인이라는 것을 한번 도전해보고 싶어 먼지쌓인 카카오 비즈니스 계정을 꺼냈...지만 정작 필요한건 카카오 디벨로퍼 계정이었다. 살짝 머쓱하지만 당황하지 안코? 등록을 한 후 API 문서를 살펴보는데...역시나 호락호락하게 API 사용법을 알려주진 않았다. 무조건

이미지를 업로드 하고 난 후, 클릭을 통해 해당 위치에 (+) 아이콘을 만들려고 했다. (마치 지도에서 핑을 찍듯!)그러려면 일단 해당 사진에서 좌표를 구하는 일이 먼저라고 생각했기에, 좌표를 구하는 방법을 찾아봤다. 생각보다 금방 나오던데?우리가 사용할 것은 useR

파일 업로드 버튼을 만드는 도중에, 상단의 이미지와 같이 디자인을 넣고 싶었다.하지만 input 태그는 저런 느낌으로 꾸며줄 수가 없었고...여러가지 방법을 생각해냈지만 순수 자바스크립트 문법으로는 전부 실패해버렸다.그러다 마지막에 떠오른게 이 친구였다.바로 useRe

응애

응애

응애

자바스크립트의 자료형은 크게 기본형(Primitive type)과 참조형(Reference type)이 있다는 건 모두가 알고 있을 것이다.기본형은 별거 없는데 문제는 바로 참조형.참조형 값들은 그 특성들이 좀 독특해서 변수로 다룰 때도 조금 주의해 주어야 하는데, 이

react를 공부해보셨다면, state는 진짜 한평생 쓴다고 봐도 무방하다는 말에 동의하실 것이다. 그러면 이제 react의 핵심, State가 무엇인가에 대해 한번 끄적여 보겠다. What 그렇다면 State란 뭘까? State를 네이버 사전에서 찾아보았다. 그렇

인자인 height는 숫자로 이루어진 배열입니다.그래프로 생각한다면 y축의 값이고, 높이 값을 갖고 있습니다.상단 이미지는 배열 1, 8, 6, 2, 5, 4, 8, 3, 7을 받았을 때를 상정한 그래프 입니다.저 그래프에 물을 담는다고 생각하고, 물을 담을 수 있는

숫자 배열을 인자로 받았을 때, 가장 자주 등장한 숫자를 k 개수만큼 return해주세요.이걸 찾아볼 사람은 매우 특정적이기에 이야기하자면, Week 02 - 02번 문제와 로직이 흡사하다.하지만, 로직 자체는 여전히 단순하기에, 코드가 매우 길다.. 로직은 다음과 같

1~3999 사이의 로마자를 의미하는 문자열을 받았을 때, 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다.I: 1,V: 5,X: 10,L: 50,C: 100,D: 500,M: 1000유의할 점은 4를 표현할 때는 IIII가 아니라 IV

JSX 문법에서는, 컴포넌트를 호출할 때 해당 컴포넌트에서 사용할 속성값을 넣어서 보내줄 수 있는데, 그렇게 컴포넌트에 넣어준 속성들을 Props라고 부른다.컴포넌트에 넣어준 속성들은 하나의 객체로 묶여서 컴포넌트를 정의한 함수의 파라미터 값으로 전달된다.위 예시 코드

단어가 담긴 strs 배열을 받았을 때, 공통된 시작 단어(prefix)를 반환해주세요.strs = 'start', 'stair', 'step'일 때, return: 'st'strs = 'start', 'wework', 'today'일 때, return: ''이번에도

숫자배열과 목표 정수값을 인자로 받았을 때, 배열 속 중복되지 않은 두 정수를 더해 '목표 정수값'이 나오게 하는 배열의 index를 return해 주세요.예를 들어,nums: 4, 9, 11, 14, target: 13 일 때return값은 0, 1이 되어야 합니다.

숫자배열과 목표 정수값을 인자로 받았을 때, 배열 속 중복되지 않은 두 정수를 더해 '목표 정수값'이 나오게 하는 배열의 index를 return해 주세요.예를 들어,nums: 4, 9, 11, 14, target: 13 일 때return값은 0, 1이 되어야 합니다.

이번에는 KEY와 관련된 이야기를 풀어보고자 한다. 이해를 돕기 위해 인터넷에서 예시 이미지를 추가했는데, 도움이 되었으면 좋겠다.슈퍼 키 (Super Key)테이블에서 각 행을 유일하게 식별할 수 있는 하나 또는 그 이상의 속성들의 집합이다. 유일성만 만족하게 되면

파일 시스템이란, 뭔가 대단한 단어가 아니다. 디스크 파티션을 관리하는 하나의 체계인데,응용프로그램 별로 필요한 데이터들을 파일로 관리할 수 있도록 하는 기능을 제공한다. 여기에서 핵심은 응용 프로그램 별로 파일을 유지한다는 점인데, 즉 같은 데이터가 여러 파일에 중복