dev.JELEE

1. 찾아보게 된 계기React - TypeScript 프로젝트를 생성하는데 아래 명령어를 입력하면서 나온 Linter 선택지에서 모르는 거라 정리하고자 글을 작성한다.npm create vite@latest 2. Linter란?Linter(린터)는 작성한 코드에서 잠재적인 오류나 잘못된 코딩 패턴을 찾아주는 정적 분석 도구이다.예를 들어 다음과 같은 코드가 있는 경우, age는 선언했지만 사용하지 않았다.const name = "React";const age = 25;console.log(name); 이때 ESLint를 사용하면 설정된 규칙에 따라 아래와 같은 경고를 표시될 수 있다.'age' is assigned a value but never used. 3. ESLint와 Oxlint 비교두 도..

스물네칸은 하루를 시간 단위로 간단하게 기록하는 Android 앱이다. # 문제 발견스물네칸에서는 별도의 자체 서버 없이 데이터를 기기에 저장하고, Google Drive를 이용해 동기화할 수 있도록 만들고 있다.Google Drive를 연결한 상태에서 앱을 다시 실행했을 때 한 가지 불편한 문제가 있었다. 기존 연결을 복원하는 과정에서 Google 인증 Bottom Sheet가 다시 나타날 수 있었고, 사용자가 이 과정에서 화면을 터치하거나 인증을 취소하면 Drive 연결이 정상적으로 복원되지 않을 수 있었다. 문제는 여기서 끝나지 않았다. 한 번 연결이 정상적으로 복원되지 않으면 다시 Drive를 연결해야 했고, 이후 동기화 과정도 오래 걸릴 수 있었다. # 처음에는 터치를 막으려고 했다처음 생각한 ..

📌 프로젝트 요약프로젝트(제품) 명: 스물네칸개발 시작일: 2026-08-03사용 기술: Flutter, Dart, Kotlin, SQLite, Google Drive API현재 진행 상태:비공개 테스트 완료 및 프로덕션 액세스 승인 후, UX 개선과 공개 전환 준비소개 웹사이트: https://jelee.io/seumulnekan📢 프로젝트 소개 1. 어떤 앱인가?스물네칸은 하루 동안 할 일을 짧게 남기고, 00시부터 24시까지의 타임라인을 보며 하루를 돌아보는 로컬 우선 기록 앱입니다.완성된 일기를 작성하는 공간보다는 나중에 하루를 떠올릴 수 있도록 기억의 단서를 모으는 디지털 메모지에 가깝습니다.기록은 최대 50자로 작성하며 시작 시각과 선택적으로 종료 시각을 함께 남길 수 있습니다. 2. 누구..

안녕하세요!하루 중 남겨두고 싶은 순간을 짧게 기록하는 앱, 스물네칸을 만들었어요.현재 구글 플레이에 비공개 테스트 버전을 출시했고, 정식 출시를 앞두고 함께 사용해 보실 분들을 모집하고 있습니다.평소 일기나 메모 앱을 자주 사용하신다면, 아래 소개를 읽어보시고 테스트에 참여해 주세요! 00. 스물네칸은 어떤 앱인가요?“오늘 뭘 했더라?”“아까 떠올랐던 생각이 뭐였지?”하루를 보내다 보면 했던 일도, 떠올랐던 생각도 쉽게 잊어버리곤 해요.스물네칸은 내가 무엇을 했는지, 어떤 생각이 들었는지 짧게 남기는 기록 앱이에요.완성된 일기를 쓰지 않아도 괜찮아요. 그때그때 메모하듯 남겨두고, 하루를 돌아보거나 나중에 일기를 쓸 때 꺼내보세요. 01. 이런 분들께 추천해요!일기를 쓰려고 하면 그날 무엇을 했는지 잘..

[ 작업한 내용 ]# Frontend1. 리뷰 내역 페이지에서 리뷰 전체 목록 조회 API 연결// 리뷰 전체 apiconst fetchBookReview = async (page, size) => { setLoading(true); setError(null); try { const response = await axios.get( `http://localhost:8080/api/v1/user/me/reviews`, { params: { page: page, size: size, }, withCredentials: true, headers: { Accept: "applicatio..

[ 작업한 내용 ]# Frontend1. 리뷰작성 유무 체크- 리뷰작성이 되었다면 수정하기 버튼이 화면에 출력이 되고, 리뷰작성이 안 되었다면 작성하기 버튼이 화면에 출력이 된다. 리뷰작성: {item.reviewWritten != true ? ( 미작성 | handleClick(item.id, "reviewCreate")} >작성하기 > ) : ( 작성 | handleClick(item.id, "reviewUpdate")} >수정하기 > ) }2. 리..

[ 작업한 내용 ]# Frontend1. 대출 연장 api 연결- 대출연장은 1회만 가능. 대출연장 유무를 체크하여 0회 또는 1회로 표시.대출연장: {item.extended != true ? "0" : "1"}회 - 도서 대출 연장 버튼 클릭 시 해당 id를 대출 연장 api 함수로 전달하여 실행. // 도서 대출 연장 apiconst updateExtended = async (loanId) => { try { const response = await axios.patch( `http://localhost:8080/api/v1/user/me/loans/${loanId}/extend`, {}, { withCredentials: true, he..

[ 작업한 내용 ]# Frontend1. 도서 대출 연장 유무 및 버튼- 대출 연장 버튼 UI 틀만 구현대출연장: 0회연장하기# Backend1. 사용자 도서 대출 연장 api 구현- controller, service, dto, messages.properteis, LoanErrorCode// controller@PatchMapping("/loans/{loanId}/extend")public ResponseEntity extendLoan( @PathVariable("loanId") Long loanId, @AuthenticationPrincipal User user) { // 서비스로직 UserLoanExtendedResDTO responseDTO = userLoanService.exte..