본문 바로가기

전체 글

[Snappi] 요즘 뜨는 번역 사이트 스내피 이용후기 2 며칠전에도 스내피 관련해서 리뷰 글을 남겼었는데, 반응이 뜨거워서 한번 더 리뷰합니다!!! 이번엔 제가 즐겨보고 요즘 핫한 드라마인 "눈물의 여왕"에 대해서 영상을 올려서 작업해봤습니다. 올린 영상에 대해서 리뷰를 작성을 하면 무료 쿠폰을 줍니다!!! 그럼 난 또 영상을 올려서 자막 추출을 할 수 있다!!! 이래서 한달 무료라고 했구나..! 리뷰는 5점 만점에 5점 드립니다!!! 왜냐면 너무 편했거든용.. 요즘엔 무료 끝나면 유료로 써야되나도 고민중입니당 ㅋㅋㅋ 다들 스내피하세요~~~ 더보기
[Snappi] 요즘 뜨는 번역 사이트 스내피 이용후기 스내피라는 사이트를 지인의 추천을 받아서 접하게 되었어요. (링크 첨부) ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ 4월 1일부터 4월 30일까지 특별 이벤트 기간 동안 무료로 진행됩니다! ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ ⸝‧˚₊*̥ ✶⋆ 무료일때 이용해보시고 번역의 신세계를 느껴보세요 저도 유료화되기 전에 얼른 사용해봤습니다. ▶️ 스내피 체험 🔼 영상 업로드는 3가지로 진행이 되며, 직접 파일을 업로드 할 수 있는 방식 ,유튜브 url 연동, 유튜브 채널 연동이 있습니다. 그 중에서 저는 유튜브 url 연동을 진행했습니다. 🔼 세상에나 진짜.. 더보기
Book_요즘 우아한 개발 위 요즘 우아한 개발 책을 읽게 된 계기는 일하는 회사 동료에게 추천받아서 읽게 되었다. (TMI: 회사 동료분이 배민을 굉장히 좋아한다. 아마 방향성을 닮고 싶어 하는 것 같다.) 나도 요즘 시니어와 주니어의 차이도 궁금하기도 하면서 개발이라는 직업자체가 성장하는 모습을 계속적으로 느끼기보단 하다보니 조금씩 나의 것만이 아닌 다른 주변들의 대해 관심을 갖게 되면서 밑바탕을 만들어주는 일을 하면서 성장을 느끼는게 아닐까라는 생각이 들었는데 딱 43페이지에서 시니어의 좋은 성장에 대해서 이야기 해주는 부분이 있어서 책을 인상깊게 보았다. 책의 내용을 전부 다룰 순 없지만, 나의 미래방향성의 가치관과 맞는 이야기들이 많이 쓰여 있었으며 지금 주니어에서 어떻게 일을 해야할지 그리고 더 나아가서 시니어로써 어떻.. 더보기
React Query 정리를 하게 된 계기는 Query를 사용하고 있었고, 사용했었고 어떻게 흘러가는지 알고 있다고 생각했다. 하지만 설명을 하라고 하면 정확하게 내가 알고 있는대로 설명할 수 없는 나를 보고 이건 모르는것이다. 라고 생각하게 되었고, 정리를 통해서 설명해보려고 한다. React-Query 이점 우리가 React-Query를 사용하는 이유는 데이터 조회, 캐싱, 동기화, 업데이트 등 많은 이점이 있다는 것이다. Query Refetching 조건 1. 런타임에 stale인 특정 쿼리 인스턴스가 다시 만들어졌을 때 2. window가 다시 포커스가 되었을때(옵션으로 조절가능) 3. 네트워크가 다시 연결되었을때(옵션으로 조절가능) 4. refetch interval이 있을때 요청 실패한 쿼리는 디폴트로 3번 더 .. 더보기
[React] React에서 모달을 활용한 날짜와 시간 선택 관리하기 이번 프로젝트에서는 모달을 열어 사용자가 선택할 수 있는 날짜와 시간을 제공해야 했습니다. 이 과정에서 셀렉트 박스와 달력을 통해 사용자에게 직관적인 인터페이스를 제공하고, 선택된 값들을 함께 처리하는 기능을 구현했습니다.  import 부분import * as z from "zod";import { zodResolver } from "@hookform/resolvers/zod";import { useForm } from "react-hook-form";import dayjs from "dayjs"; // 날짜 처리 라이브러리import "dayjs/locale/ko"; // 한국어 로케일import { format } from "date-fns"import { useMutation, useQueryCl.. 더보기
TypeScript를 활용한 안전한 클라이언트-서버 통신 및 인증 관리 안녕하세요.오늘은 프론트 개발자가 TypeScript로 개발하기 편한 환경을 만들기 위해 한발짝 더 다가가보겠습니다. 최근 TypeScript를 사용하여 백엔드와 통신할 때 데이터 타입 추론이 어려운 경우가 있었습니다.그래서 백엔드에서 전송된 데이터의 타입과 내가 설정한 타입이 일치하지 않을 때, 콘솔에서 어떤 부분이 다른지 명확하게 표시되도록 작업해주었습니다. /** * print zod error log in console * @param error zod error */export function logZodError(error: z.ZodError) { error.issues.map((el) => { if ("received" in el && "expected" in el) { c.. 더보기
마크다운 사용 마크다운 언어 정리(하기 귀찮아서 정리 잘하신 분들꺼 모아보겠습니당. 모든 분들께 압도적 감사 드리며 ..(ʃƪ˶˘ ﻬ ˘˶) https://gist.github.com/ihoneymon/652be052a0727ad59601 마크다운(Markdown) 사용법 마크다운(Markdown) 사용법. GitHub Gist: instantly share code, notes, and snippets. gist.github.com https://geniewishescometrue.tistory.com/entry/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-%EA%B4%80%EB%A0%A8-%ED%8C%81-%EA%B8%80-%EC%83%89%EC%83%81-%ED%98%95%EA%B4%91%E.. 더보기
UTC와 KST 내가 헷갈려서 정리하는 UTC, KST UTC는 Universal Time Coordinated 로 세계협정시를 의미 예를 들어 KST는 UTC 시간에서 +9:00 시간 KST 는 Korean Standard Time 으로 한국 표준 시간을 의미 예를 들어 UTC 가 00시 00분이면 KST 는 09시 00분 UTC/KST format 공통 함수 사용 import dayjs from "dayjs"; import utc from "dayjs/plugin/utc"; import timezone from "dayjs/plugin/timezone"; dayjs.extend(utc); dayjs.extend(timezone); dayjs.tz.setDefault("Asia/Seoul"); // KST -> UTC.. 더보기