개발일기

개요프로젝트를 진행하면 "Could not find the ' ' column of ' ' in the schema cache" 에러를 해결하는데 생각보다 너무 많은 시간을 사용한 것 같아서 이 글을 적는다. 다른 분들은 나와 같은 시간 낭비를 하지 않기를 바라면서,,  오류{code: 'PGRST204', details: null, hint: null, message: "Could not find the 'advantages' column of 'reviews' in the schema cache"}  오류 내용은 간단하다. reviews라는 테이블에서 advantages라는 컬럼이 존재하지 않는다. 그래서 만약에 위의 오류를 마주친다면 supabase에서 해당 테이블에 컬럼이 존재하는지, 또는 철자가..

개요프로젝트 진행중 좌표값으로 주소를 얻어낼 수 있는 기능을 구현하는 겸 기록도 같이 해보려고 한다. 카카오 지도 공식문서를 활용 했고, 간단한 기능이였지만 sample의 코드가 생각보다 복잡하고, 자바스크립트로 되어 있어서 시간이 걸렸지만 Docs에서 기능을 찾아보니 너무 간단하게 되어 있어서 쉽게 해결했다. 코드를 확인해 보자. 공식 문서  ✅︎ new kakao.maps.services.Geocoder() 주소-좌표간 변환 서비스 객체를 생성한다. var geocoder = new kakao.maps.services.Geocoder();   geocoder의 Constructor를 이용해서 아래 4개의 메서드를 사용할 수 있다. 나는 구 주소 및 도로명 주소와 행정동, 법정동 주소를 얻을 수 있는c..

문제 설명 문자열 my_string, overwrite_string과 정수 s가 주어집니다. 문자열 my_string의 인덱스 s부터 overwrite_string의 길이만큼을 문자열 overwrite_string으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. 제한사항my_string와 overwrite_string은 숫자와 알파벳으로 이루어져 있습니다.1 ≤ overwrite_string의 길이 ≤ my_string의 길이 ≤ 1,0000 ≤ s ≤ my_string의 길이 - overwrite_string의 길이입출력 예my_stringoverwrite_stringsresult"He11oWor1d""lloWorl"2"HelloWorld""Program29b8UYP""mer..

개요회원가입 폼을 만들면서 비밀번호와 비밀번호 확인 입력 공간에 눈 아이콘을 클릭하면 암호화된 비밀번호를 볼 수 있는 기능을 개발하고 싶었다. 기능 개발 이후 테스트를 하는데 자연스럽게 tab키로 작성란을 이동했고, 비밀번호를 표시하는 눈 아이콘에 포커스가 되었다. 보통 같으면 포커스가 되지 않아야 정상 아닌가? 라고 생각했고, 웹 접근성을 고려해봐도 그렇게 필요없는 포커스라고 생각되어 tabIndex에 대해 찾아보게 되었다. tabIndextabIndex란? tabindex 전역 특성은 요소가 포커스 가능함을 나타내며, 이름에서도 알 수 있듯, 주로 Tab 키를 사용하는 연속적인 키보드 탐색에서 어느 순서에 위치할지 지정한다. 라고 공식 문서에서 설명한다. 앞에 설명에 따르면 tabindex를 사용해서..

문제 설명 영어 점수와 수학 점수의 평균 점수를 기준으로 학생들의 등수를 매기려고 합니다. 영어 점수와 수학 점수를 담은 2차원 정수 배열 score가 주어질 때, 영어 점수와 수학 점수의 평균을 기준으로 매긴 등수를 담은 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ score[0], score[1] ≤ 1001 ≤ score의 길이 ≤ 10score의 원소 길이는 2입니다.score는 중복된 원소를 갖지 않습니다. 입출력 예 scoreresult[[80, 70], [90, 50], [40, 70], [50, 80]][1, 2, 4, 3][[80, 70], [70, 80], [30, 50], [90, 100], [100, 90], [100, 100], [10, 30]][..

문제 설명 머쓱이는 프로그래머스에 로그인하려고 합니다. 머쓱이가 입력한 아이디와 패스워드가 담긴 배열 id_pw와 회원들의 정보가 담긴 2차원 배열 db가 주어질 때, 다음과 같이 로그인 성공, 실패에 따른 메시지를 return하도록 solution 함수를 완성해주세요.아이디와 비밀번호가 모두 일치하는 회원정보가 있으면 "login"을 return합니다.로그인이 실패했을 때 아이디가 일치하는 회원이 없다면 “fail”를, 아이디는 일치하지만 비밀번호가 일치하는 회원이 없다면 “wrong pw”를 return 합니다. 제한사항 회원들의 아이디는 문자열입니다.회원들의 아이디는 알파벳 소문자와 숫자로만 이루어져 있습니다.회원들의 패스워드는 숫자로 구성된 문자열입니다.회원들의 비밀번호는 같을 수 있지만 아이디는..

문제 설명 머쓱이는 RPG게임을 하고 있습니다. 게임에는 up, down, left, right 방향키가 있으며 각 키를 누르면 위, 아래, 왼쪽, 오른쪽으로 한 칸씩 이동합니다. 예를 들어 [0,0]에서 up을 누른다면 캐릭터의 좌표는 [0, 1], down을 누른다면 [0, -1], left를 누른다면 [-1, 0], right를 누른다면 [1, 0]입니다. 머쓱이가 입력한 방향키의 배열 keyinput와 맵의 크기 board이 매개변수로 주어집니다. 캐릭터는 항상 [0,0]에서 시작할 때 키 입력이 모두 끝난 뒤에 캐릭터의 좌표 [x, y]를 return하도록 solution 함수를 완성해주세요.[0, 0]은 board의 정 중앙에 위치합니다. 예를 들어 board의 가로 크기가 9라면 캐릭터는 왼..

개요먼저 말하자면 크롤링 실패다. 어떤 방법으로 크롤링을 해야할지 모르겠다. 현재 시도한 것은 크롤링은 되지만, 크롤링을 시도할 브라우저를 띄우는 것 부터 해서 카카오 지도 url에 들어가서 크롤링을 하는 것 까지의 시간이 지연된다. 그렇게 크롤링에 실패 했고, 카카오 지도 API에서 제공해주는 데이터만을 이용해서 프로젝트를 완성해야 할 것 같다. 코드는 이렇다. frontend 코드const SearchContainer = () => { const [searchName, setSearchName] = useState(""); const searchCafeButton = async(e) => { e.preventDefault() try { const response = await ..