mingg IT

ChatGPT를 사용해보려고 한다. 우선 간단하게 What is React.js 를 검색했다. 관련된 설명이 길게 나온 것을 확인 할 수 있다. 알고리즘 문제도 풀 수 있다던데? 리트코드에 있는 문제하나를 복사했다. 가장 쉬운걸로.. ChatGPT 가 알려준 정답 그대로 콘솔에 찍어서 확인해보았다. 정답을 맞추는 것을 확인 할 수 있다. Wow... 프로그래머스 DFS 문제 하나를 복사해서 테스트 해보았다. 영어로 적어 달라 한다. 리트코드에서 어려움을 선택하고 돌려보았다. 주저리 주저리 답을 뱉어 낸다. Spring Security 를 사용하지 않고, SNS 로그인을 구현해달라고 했다. 내가 최근에 하고 있는 거기 때문에.. 클래스 이름까지 SNSMembership 으로 만들어진다. 물론 내가 원했던 ..

apple 로그인 구현하던 와중에 key 관련된 파일을 다운받고, 파일 내용을 읽어오던 와중 문제를 직면했다. 우선 로컬에선 별 문제없이 찾아오지만, 배포하고 나면 Path.get(resource.getURI()) 에서 에러가 발생한다. 배포한 환경에 디버깅을 붇은 방법은 Remote JVM Debug 를 이용해서 붙어서 원인을 알 수 있었다. String keyPath = "static/apple/애플키.p8"; ClassPathResource resource = new ClassPathResource(keyPath); // 배포시 jar 파일을 찾지 못함 //String privateKey = new String(Files.readAllBytes(Paths.get(resource.getURI())))..

ios, androd 내부에 react로 개발된 webview의 형태로 띄우려고 한다. (react native 말고..) 허나 ios 같은 경우에는 특히 기기별로 화면의 버튼이 보이지 않는 경우도 있기 때문에 safe-area 를 적용하려고 했다. 1차 삽질 npm 혹은 yarn에서 편한 라이브러리가 있는지 검색해보았다. 2023년 1월기준으로 두개밖에 나오지 않았다. ts를 지원하지 않았고 (index.d.ts 만들어서 사용하면 되지만..), 다운로드 수도 적고, 프로젝트를 함께 하고 있는 팀원분이 ts 지원하지 않는 라이브러리는 되도록이면 지양하자고 하셔서 다른 방법을 택해야 했다. 2차 삽질 React Native가 아닌 WKWebView 라는걸 사용해서 WKWebView 위에 우리가 만든 Rea..

가끔 오래된 코드나 API를 보면 부산 용호~ 식으로 html형식을 string 으로 보내주는 경우가 종종 있다. 두번정도 까먹어서 포스팅하려고 한다. React 화면에서 저 태그들의 정보를 유지한채로 화면에 보여주려면 어떤식으로 해야할까? export interface INoticeDetailProps {} export const NoticeDetail: React.FC = ({}) => { const noticeDetail = getNotice(); // API GET return ; }; 사실 생각보다 간단했다. dangerouslySetInnerHTML 속성을 사용해주면 string 형식의 html 코드를 그대로 렌더링할 수 있다.

정말 많은 글을 읽었고, 사람마다 여러 방법이 있었으나 내가 사용한 방법을 공유하고자 한다. 1. 우선 카카오톡 api 를 사용해야하기 때문에 계정을 만들고 내 어플리케이션에서 추가한다. https://developers.kakao.com/console/app 카카오계정 accounts.kakao.com 2. 요약정보 > 앱 키를 보면 내가 api를 호출할때 사용할 키 이다. 3. 카카오 로그인 > 활성화 상태를 ON으로 만든다. 4. Redirect URI 를 입력한다. 난 개발중이기 때문에 임의로 localhost:4220~ 로 적었다. 5. index.html에 추가해준다. (안해주면 나중에 kakao.auth를 쓸때 에러난다.) 6. 이제 부터 시작. 아까 보았던 API 키와, 적어주었던 Redi..

결제 모듈을 붙이려고 나이스 페이를 이용하는 방법을 적으려고 한다. (나도 기억하기위해) 1. https://start.nicepay.co.kr/merchant/login/main.do 회원가입을 진행한다. 2. 로그인 이후 테스트 상점 개설하기를 클릭한다. 3. TestPay 라는 이름의 상점을 만들었다. (맴버 관리에 아마 내 정보가 보일 것임) 4. 개발 정보 > +발급 버튼을 클릭하면 어떤 방식으로 승인할 지 선택할 수 있다. 5. 발급하기 버튼을 클릭하면 클라이언트, 시크릿 키 값을 볼 수 있다. 6. React 프로젝트의 index.html에 해당 코드를 추가해준다. 7. MultiPassPage.tsx 파일에서 이제 사용한다. export interface IMultiPassPageProps..

2022년이 끝 나가기 전에 회고를 작성해두려고 한다. 올해의 키워드는 이직과 게임 이 아닐까 싶다. 1. 첫 번째 이직 2022년 1월 초에 코테, 면접 등 아무런 준비도 되어있지 않은 채, 포트폴리오만 대충 정리하고 라인과 몇 군데의 기업에 서류를 썼다. 경력직은 서류는 거의 붙여주는 것 같았고, 당연히 준비가 되어있지 않았기 때문에 코딩테스트에서 떨어졌다. 코테도 알고리즘 문제가 아닌 자바스크립트 스피드 퀴즈나, 구현 문제도 많이 나왔던 것 같다. 떨어지면서 심각성을 깨닫고 LeetCode, Codility 플랫폼에서 알고리즘 공부를 했다. 코테를 준비하면서도 서류작성은 멈추지 않았다. 내가 기억하기에 합격한 곳들은 업무 도메인이 빅데이터거나, 프론트엔드 쪽으로 많이 합격했던 것 같다. 아무래도 이..

제가 직접 겪은 문제에 대한 해결책을 상세하게 작성해주셔서 포스팅합니다. (제가 작성한 글은 아닙니다) https://glorious-sailboat-b5d.notion.site/Spring-Security-29655175034444fd98aad6aa9a9621ef [Spring Security] 왜 스프링 시큐리티의 토큰 검사기가 제대로 동작하지 않지? 이전에 발생했던 문제 glorious-sailboat-b5d.notion.site