본문 바로가기

개발 관련 기타

(73)
[ML][React] 나는 솔로 테스트 - 출연하면 나의 이름은? AI 모델 teachable machine (카카오톡 공유 javascript sdk) - Part 3 현재까지 진행 완료 된 사항 1. 결과화면을 html2canvas 이용하여 이미지로 추출 2. 추출된 이미지를 서버에 임시 hosting 작업 과정 3. 카카오톡 공유 (javascript sdk) 3-1. 공유 버튼 넣기 3-2. 공유 버튼 기능 테스트 과정 3. 카카오톡 공유 (javascript sdk) 3-1. 공유 버튼 넣기 - container 생성 후 제공되는 createDefaultButton 호출하면된다 - 내 사이트에 적용 문제 발생: createDefaultButton 누르기 전 이미지가 업로드되어 createDefaultButton 시 set되는 url이 이미 생성되어있어야함. 하지만 버튼을 그리기 위해서는 createDefaultButton이 먼저 호출되어야함. Workaround..
[ML][React] 나는 솔로 테스트 - 출연하면 나의 이름은? AI 모델 teachable machine (html2canvas, 이미지 hosting) - Part 2 현재까지 진행된 상황 - 나는 솔로 이름 테스트 할 이미지 업로드 - 업로드된 이미지를 teachable machine 을 사용하여 분석 - 분석 결과 나오면 결과화면으로 출력 작업 목적 - 결과화면을 카카오톡 공유를 통해서 공유 - 이때, 카카오톡 공유 할 때 이미지 주소를 넣게 되어있음 - 이때, 결과를 이미지로 만들어서 이미지로 넣고 - 카카오톡 공유 할 때 클릭 시 이동할 주소를 넣을 수 있는데 - 이때, 이동할 주소로 자신도 테스트 할 수 있도록 나는 솔로 테스트 주소 넣을 예정 작업 과정 1. 결과화면을 html2canvas 이용하여 이미지로 추출 2. 추출된 이미지를 서버에 hosting 3. 카카오톡 공유 (part 3) 과정 1. 결과화면을 html2canvas 이용하여 이미지로 추출 현..
[ML] 나는 솔로 테스트 - 출연하면 나의 이름은? AI 모델 teachable machine (reactjs, mui) - Part 1 과정: - 모델 생성 - 화면 기획 - 화면 구현 - 모델 연결 - 결과 뿌리기 모델 생성: - https://teachablemachine.withgoogle.com/ 사용 화면 기획: - figma 사용 화면 구현: - reactjs - mui 모델 연결: - https://teachablemachine.withgoogle.com/ 예제 코드 사용 결과 뿌리기: - linear progress (mui) 소스코드: import './App.css'; import * as React from 'react'; import {useState} from 'react'; import PropTypes from 'prop-types'; import Box from '@mui/material/Box'; impor..
React) [주소 검색] 서울 빌라 적정 월세 구하기 react-daum-postcode (mobile, responsive) - part 1 기획: 1. figma 작성 - 기본 틀만 그림 - 기본 글자만 적음 - 1차적으로 모바일만 - 데스크탑은 모바일에서 조금 변형해서 구현 예정 (responsive) 2. 이미지 설명: - title이 있음 - 각 각 input field - 결과 보기는 button - 전용 면적은 select bar. drag 시 평으로 자동 변환해서 옆에 적어줌 (modal) - 층수, 건축년도는 select box (modal) - 결과 보기 누르면 아래에 결과가 뜸 구현 설계: - 구현 과정 나열: 1. create-react-app 2. title mui 3. textfield mui 4. react-daum-postcode 적용: 팝업 띄워서 주소 textfield 로 동까지 결과 넣어줄 예정 5. 결과 보기..
ML) [scikit-learn] 서울 다세대 (연립) 빌라 실거래가 통해서 동 별 적정 월세 계산 - RandomForestRegressor (with data, jupyter notebook) 과정: 1. 데이터 준비 2. 데이터 전처리 3. 모델 학습 4. 모델 평가 1. 데이터 준비: - 실거래가 공개시스템에서 다운로드 (http://rtdown.molit.go.kr/) - 다세대(연립) - 2022년도 - 2023년도 1월~6월 - 2023년도 7월, 8월 (26일까지) 2. 데이터 전처리: - train: 2022년도, 2023년도 1월~6월 - validate: 2023년도 7월, 8월 (26일까지) - train 데이터 합치기 - 데이터 중 전세 제거 - 보증금 column 에서 comma 제거 - 시군구 column 데이터는 labelencoder 로 값 부여 - drop nan data - 월세 column 에서 str 골라내서 comma 제거 및 int로 type 변경 3. 모..
짐패스 배송대행 신청서 자동 작성 - 일본 도쿄 (센터) - 엑셀 사용 가이드 (Tutorial) - 가이드는 "시트 작성" 단계와 "시트 작성 준비" 단계로 나뉨 "시트 작성 준비" 단계는 편의를 위한 선택사항 임. [시트 작성 단계] 작업 순서: "Coupang Wing" 에서 엑셀 다운 => "상품코드" 시트 수정 => "쿠팡" 시트 수정 => "내역에 없는 새로운 주문" 시트 수정 => "업로드에 사용할 주문" 시트 수정 => 짐패스 업로드 => "업로드 내역" 시트 수정 "Coupang Wing" 에서 엑셀 다운 배송대행신청서 작성에 사용할 주문 내용을 추출하는 단계 1. Coupang Wing 접속 2. 배송관리 탭 클릭 3. "상품준비중" 또는 "배송 지시" 클릭하여 주문 목록 확인 4. 엑셀 다운 ("DeliveryList(...)" 파일) "상..
[코딩테스트] 라인 플러스 채용 도전기 (코딩테스트, 서술형테스트) 안녕하세요 요번에 라인 플러스에 지원하게 된 지원자 입니다 제가 라인 플러스에 지원하면서 겪었던 일에 대해서 작성해보려고 해요 제가 지원한 포지션은 Developer ​입니다. 바로 본론으로 들어가 볼께요. 1. 서류 접수 careers.linecorp.com 에 가서 저에게 맞는 공고가 있는지 찾아봤어요. C++ 개발자로 일하고 있는 저에게 때마침 관련 공고가 올라왔습니다. ​지원 접수하며 느낀 점은 - 다국적 기업으로 영어 점수를 중요하게 보는 것 같다 - 포트폴리오는 필수가 아니다 - 자기소개서에 공고와 관련된 일을 했는지 녹여내는 것이 중요하다 ​- 왠만하면 붙여주고 코딩 테스트, 서술형 테스트를 보게 해주는 것 같다 2. 코딩 테스트 ​ 코딩 테스트는 자세한 것은 말씀 드릴 수 가 없어서 간략히..
[javascript] 문자열 마다 대문자 만들기 capitalize every first letter of a string (stackoverflow) 문제 문자열 "http://localhost:3000/north-america/america" 이 있으면 "North America", "America" 이같은 방식으로 문자열 배열로 나누고 싶다 해결방법 "/" 를 기준으로 문자열을 나눈다 const parts: string[] = url.split("/"); 2. 문자열 마다 "-" 를 " " (빈 칸) 으로 바꾼다. " " (빈 칸) 을 기준으로 문자열을 다시 나눈다 나뉜 문자열 마다 맨 앞 글자만 대문자로 바꾼다 나뉜 문자열을 중간에 " " (빈 칸) 을 두고 다시 하나로 합친다 const data = parts.map((element: string) => { const dashesRemoved = element.replace(/-/g, " ");..