study (7) 썸네일형 리스트형 [slack-bot] 바봇(var bot) - 2. AI API.ver https://tech.kakaopay.com/post/variable-name-bot-haero-sery-bread/위 링크를 참고하여 변수명 추천 슬랙 봇을 만드는 내용입니다. 이전 이야기무료 번역기가 이상한 결과값을 뱉어내기 시작했고AI를 활용해보는건 어떻겠냐...라는 제안을 받은 나..... AI 선정하기일단 AI를 선정해야했습니다....(저는 이런 다양한 선택지에서 한 개를 정하는 과정이 너무 귀찮아효....ㅠ)일단 GPT한테 바로 달려갔는데요?역시 무료일리가 없었습니다... 조건부 무료도 아닌 거 같더라구요..그래서 여기저기 깔짝 거려보니 다음과 같은 사이트를 발견했습니다.https://openrouter.ai/ OpenRouterThe unified interface for LLMs. .. [slack-bot] 바봇(var bot) - 1. 번역 API.ver https://tech.kakaopay.com/post/variable-name-bot-haero-sery-bread/위 링크를 참고하여 변수명 추천 슬랙 봇을 만드는 내용입니다. 어떻게 구현해야 할까?블로그 글을 읽어보니, 안에 코드에 더 많은 처리가 있었겠지만, 큰 흐름은 간단해 보였습니다.한글 입력 > 조사 등 정제 > 영어로 번역 > 변역 된 단어 각 케이스로 변환저기서 제일 중요한 "번역"만 어떻게 하면 나머지는 그렇게 어려울 거 같지 않은 작업이었단 말이죠?여기서 문제는 저분들이 사용한 파파고 API 서비스가 무료에서 유료로 전환되었다는 점이었습니다.ㅠ매우 슬픈 상황이 아닐 수 없습니다...교육이 끝난 파파고는... 돈을 주고 이용을 해야 하더라고요...한국어 > 영어로 번역하는 작업이다 보.. [slack-bot] 바봇(var bot) - 0. 인사하는 봇 변수명 추천 슬랙 봇을 만드는 내용입니다. 만들게 된 계기시작은 하나의 링크로 시작됩니다.https://tech.kakaopay.com/post/variable-name-bot-haero-sery-bread/ 변수명..변수명이 떠오르지 않아! - "너의 변수명은." 챗봇 개발 일지 | 카카오페이 기술 블로그카카오페이 개발자 페스티벌 - 카페톤 1등 수상작, "변수명 추천 봇"이 만들어진 과정을 소개합니다!tech.kakaopay.com카카오 개발 블로그였는데 변수명 추천 봇을 만드는 내용이었습니다.그냥 좋은 아이디어다~ 하고 보고 있었는데 만들어달라고 하더라구요...그래서 그냥 만들어보기로 했습니다!(?)저 내용을 클론코딩? 까지는 아니지만 많이 많이 참고했습니다! 인사하는 slack-bot 일단 슬랙.. Docker 명령어 참고 그냥 일하면서 나름대로 정리한거라 틀린 내용이 있을 수 있습니다.참고정도로만 봐주세요.틀리거나 이상한 내용 지적은 언제나 환영입니다.🙌🏻## 참고> - window docker 설치 참고 -> https://mz-moonzoo.tistory.com/40 > - WSL에서 c 드라이브 접근 -> cd /mnt/cnetwork서로 다른 컨테이너 사이 통신을 위해 같은 네트워크로 설정 // 네트워크 생성 docker network create [network_name] //컨테이너 네트워크 연결 docker network connect [network_name] [container_name]image 생성// 배포하기위해서는 아래 형식을 지켜서 태그 등록되어야 repository에 올릴 수 있음$ do.. [react] warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string. - 경고 수정 warning: Received NaN for the `value` attribute. If this is expected, cast the value to a string. 위험: 'value'의 값으로 NaN(Not-a-Number)을 받았습니다. 만약 예상이 간다면, 문자열로 cast 해주세요. 숫자형으로 선언되어있는 input에 아무 입력도 하지 않았을 때 나타났다. 공백을 0으로 인식하지 않고 공백 글자 그대로 인식하기 때문에 발생한 문제 같다. 아래 캡처이미지와 같이 onchange함수에서 value가 string으로 떨어지기 때문에 숫자형으로 따로 캐스트 해서 썼어야 했다. 하지만 공백에 대한 처리는 하지 않았기 때문에 다음과 같은 경고 메시지가 나타난 것이다. const [useTicket.. [react] Warning: Each child in a list should have a unique "key" prop. - 경고 수정 리엑트 작업하던 도중 경고 문구가 나타났다. Warning: Each child in a list should have a unique "key" prop. 직역하자면, 위험: 리스트의 각 요소들은 "키" 속성을 가지고 있어야 합니다. 정도가 될 거 같다. react에서 map을 사용하여 컴포넌트를 나타낼경우에는 각각 고유한 key를 가지고 있어야 한다. {selectIdol.map((option: SelectVal, index: number) => ( {option.name} ))} {selectIdol.map((option: SelectVal, index: number) => ( {option.name} ))} 위와 같이 반복해서 생성되는 component부분에 key를 설정해줬더니 해당 경고는 사라.. VScode - prettier 적용하기 앞으로 prettier 세팅 헷갈릴 때마다 보려고 포스팅 prettier은 저장할때마다 알아서 코드를 이쁘게 정렬해주는 아주 신기하고도 고마운 extension이다. 처음 알았을 때 정말 신세계였다... 1. prettier 설치 2. 설정파일 들어가기 preference > settings 3. 설정 파일 열기 4. 설정파일(settings.json)에서 다음과 같이 입력하고 저장 { ..., "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.formatOnSave": true } 저장될 때마다 코드가 잘 정렬되는지 확인한다. 이렇게 하고 끝이다. [22. 5. 11] typescript를 진행하던 중 4번처.. 이전 1 다음
