kasumil의 코딩 공작소

간단한 지도 만들기 기능. 대략적인 기능은 chat gpt를 통해 만들었으나 세부 기능은 최신화가 되지 않아서 내가 만들어야 했다. 주소 검색에 따라 주소출력을 구현하여야만 했어 만들었다. import React, { useState } from 'react' import { GoogleMap, useJsApiLoader, MarkerF } from '@react-google-maps/api'; const containerStyle = { width: '100vw', height: '100vh' }; const OPTIONS = { minZoom: 4, maxZoom: 18, } function Map() { const { isLoaded } = useJsApiLoader({ id: 'google-map..

설치는 컴포저 composer require google/apiclient:^2.0 view와 통신용 컨트롤러 구분. 특이하게 use COMPOSERPATH; 선언했음에도 모듈호출시 '\'를 써야한다. 왜지? // 프론트 해당 페이지 컨트롤러 // 구글 //Make object of Google API Client for call Google API $google_client = new \Google_Client(); //Set the OAuth 2.0 Client ID $google_client->setClientId(GOOGLE_KEY); //Set the OAuth 2.0 Client Secret key $google_client->setClientSecret(GOOGLE_SECRET_KEY); /..

제일 짜증나고 시간 낭비 많이한 sns 로그인 기능. why? api가 갱신되어 기존 코드들이 쓰레기가 되었다. deprecated코드들이라 최신 코드를 찾다보니 고생했는데, 레퍼런스가 쓰레기라 샘플코드 작성이 되어 있는분 찾느라 개고생했다. 코드들 작성된거 보면 다 패고 싶을 정도로 1개 주제를 4개로 쪼개고 그런 수준이하의 인간들이 많았다. 분량이 많은 것도 아니고 그냥 페이지 뷰 올릴려고... 정확히 아래 방법이긴했는데, 이것 저것 뜯어고쳐야만 했다. meta가 들어가는 코드는 구형 코드... Sign out gsi가 신규 코드. 회사에 적용한건 script가 구형코드였네 씁... 위에 있는 decode 내용이 변환하도록 하는 함수 ㅎ function parseJwt (token) { var bas..

오늘의 수정사항. - ip주소를 모아둔 config.js에서 행으로 구분을 위해서 뛰어달라고 요청 받음. (내가보기엔 가독성이 더 떨어지는 것 같다만;;; 뭐 요청에 따라 수정함.) - 코드 리팩토링을 통해서 1100줄이 넘던 코드를 600줄(하드코딩 자료를 목업자료인 json으로 넘겨서)로 줄였고, 컬러만 빼고 중복되던 styled 컴포넌트를 컬러만 따로 먹이게 진행함. - 동일한 스타일을 먹이던 것을 props를 통해서 따로 특정색상을 먹일 수 있도록하여, 코드의 중복을 줄였음. - 기존 프로젝트에서는 Route에서 nav와 footer를 기본으로 두고, 이를 해당 페이지만 교체하였는데, 해당 페이지에서 같이 호출하는 걸로 해달라하여 그렇게 수정하였음. - 코드 삭제하기전에 코드가 남아있는 코드 68..