티스토리

Jaybon 의 지식창고

검색하기

블로그 홈

Jaybon 의 지식창고

ondolroom.tistory.com/m

Jaybon 님의 블로그입니다.

구독자: 5

방명록 방문하기

주요 글 목록

코틀린 스프링부트 참고 사이트들 전반적 https://minkukjo.github.io/study/docs/spring/jpa/kotlin-jpa-guide/ Kotlin JPA 개발 가이드 | 도전하는 개발자 JPA With Kotlin minkukjo.github.io 코틀린 스프링 부트에 QueryDsl 적용 https://dev-gorany.tistory.com/362 [Spring Boot] Kotlin Querydsl 적용 (with. Mono repo, Multi module) [Spring Boot] Mono Repo, Multi Module (with. Gradle Kotlin DSL) Intro 개인 프로젝트 정도의 규모라면 하나의 프로젝트 안에 api, web, admin 등이 모두 들어가있어도 커버가 되지만, 규모.. 공감수 1 댓글수 0 2022. 8. 16.
자바스크립트 / n개의 요소를 가진 배열 생성하기 , 배열에 동일한 데이터 채우기 // n개의 요소를 가진 배열 생성하기 const arr = Array(n); // 배열에 동일한 데이터 채우기 // 모든 요소를 5로 채울 경우 arr.fill(5); 공감수 0 댓글수 0 2022. 8. 6.
플러터 인텔리제이에서 안드로이드 스튜디오 안켜질 때 https://github.com/flutter/flutter-intellij/issues/2113 IntelliJ idea can't find android studio · Issue #2113 · flutter/flutter-intellij Having a problem with intellij idea. I have a Flutter project that's not finding some plugins (same issue in this thread #2089). So, I tried to right-click on the android folder -> Flutter -... github.com https://www.google.com/search?q=toolbox+android+studio+l.. 공감수 0 댓글수 0 2022. 5. 15.
Docker 도커 AWS EC2로 세팅 및 SpringBoot로 배포해보기 0. 준비물 SSH 접속 툴 : Mobax Putty와 FileZilla를 합쳐놓은 듯한 프로그램이다. 사용하기 편하고 무료버전도 충분하다. 다운로드하자. https://mobaxterm.mobatek.net/download.html MobaXterm free Xserver and tabbed SSH client for Windows The ultimate toolbox for remote computing - includes X server, enhanced SSH client and much more! mobaxterm.mobatek.net 참고 내용를 읽어보고 시작하자. https://ondolroom.tistory.com/815 도커 설치 및 기본 이용 참고 영상 youtu.be/hWPv9LMlm.. 공감수 2 댓글수 0 2022. 4. 25.
SpringDataJPA QueryDSL 5.0.0 gradle setting / 그래들 세팅방법 시간이 없으신 분들을 위한 선 요약 세팅 (Use this setting) plugins { id 'org.springframework.boot' version '2.6.2' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'java' } group = 'com.example' version = '0.0.1-SNAPSHOT' sourceCompatibility = '1.8' configurations { compileOnly { extendsFrom annotationProcessor } } repositories { mavenCentral() maven { url "https://plugins.gradle.org/m2/" } // 플러.. 공감수 0 댓글수 0 2022. 4. 22.
gitignore 기본 세팅 스프링 부트 (intellij) HELP.md .gradle build/ !gradle/wrapper/gradle-wrapper.jar !**/src/main/**/build/ !**/src/test/**/build/ ### STS ### .apt_generated .classpath .factorypath .project .settings .springBeans .sts4-cache bin/ !**/src/main/**/bin/ !**/src/test/**/bin/ ### IntelliJ IDEA ### .idea *.iws *.iml *.ipr out/ !**/src/main/**/out/ !**/src/test/**/out/ ### NetBeans ### /nbproject/private/ /nbb.. 공감수 0 댓글수 0 2022. 4. 22.
NextJS 미들웨어 https://nextjs.org/docs/advanced-features/middleware Advanced Features: Middleware (Beta) | Next.js Learn how to use Middleware in Next.js to run code before a request is completed. nextjs.org import { NextFetchEvent, NextRequest, NextResponse } from "next/server"; import jwtDecode from "jwt-decode"; import CustomJwtPayload from "@/util/jwt/CustomJwtPayload"; // 리프레시 토큰 관리를 위한 미들웨어 제작 export fun.. 공감수 1 댓글수 0 2022. 4. 20.
NextJS Api 키 등 중요 변수 숨기기 https://velog.io/@himprover/NextJs-env.local-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%84%9C-%EC%A4%91%EC%9A%94-%EB%B3%80%EC%88%98-%EC%88%A8%EA%B8%B0%EA%B8%B0-feat.-api-key NextJS env.local 사용해서 중요 변수 숨기기 (feat. api key) 보통 오픈소스를 개발하면 github에 많이 업로드 한다.오픈소스 중에는 openApi를 사용해서 개발하는 경우도 있는데 이 때 api 인증키가 사용된다.api에 따라 다르지만, 대부분 api 인증키가 본인 이외 velog.io 공감수 0 댓글수 0 2022. 4. 19.
자바스크립트 javascript // 쿼리스트링(querystring)을 수정하는 방법 let params = new URLSearchParams(location.search); params.set("page", "0"); location.href = `/question?${params.toString()}`; 공감수 0 댓글수 0 2022. 1. 20.
도커 docker 간단 정리 리눅스 우분투에 도커 설치 https://shanepark.tistory.com/237 Ubuntu 20.04 LTS ) Docker 설치하기 Intro Docker는 제가 회사에서 사용하는 노트북의 OS를 Windows 에서 Ubuntu 로 변경하게 된 트리거 였습니다. Docker를 사용하면 정말 편하게 격리된 컨테이너들을 구성해 가상화의 장점을 정말 잘 살릴 shanepark.tistory.com ------------------------------------------------- [1] 이미지 생성 docker build -t 이미지이름 도커파일경로 M1 맥북 도커의 경우 docker build —platform linux/amd64 -t 이미지이름 도커파일경로 [2] 컨테이너 생성 및 구동 .. 공감수 2 댓글수 0 2022. 1. 19.
가비아 도메인 + AWS IP 연결하기 0. 개요 AWS에서 서버를 배포하려면 AWS에서 도메인을 구매하고 AWS에서 호스팅을 하고 AWS에서 인증서를 만드는 것이 편하다. 위 내용을 설명한 링크다. https://ondolroom.tistory.com/873 AWS 도메인 등록 / 호스팅 관리 / HTTPS 적용 [도메인 등록] 1. Route53 페이지로 이동 2. 도메인 등록 화면으로 이동 3. 도메인 등록을 클릭 4. 도메인 이름을 선택 - 도메인 이름을 선택하고 기관(.com 등)을 선택하고 확인을 눌러서 사용 가능한 ondolroom.tistory.com 이번에는 AWS 외부에서 만든 도메인을 AWS와 연동시키는 방법을 간단히 설명한다. 내용 중 생략된 부분은 위 링크에 포함되어 있으니 참고 부탁드린다. 1. 가비아 도메인 생성 가.. 공감수 1 댓글수 0 2022. 1. 18.
가비아 도메인 IP 연결하기 1. 로그인 후 마이페이지 My가비아로 접속한다. 2. 도메인을 클릭 3. 연결할 도메인의 관리 버튼을 클릭한다. 4. 도메인 연결 설정 버튼을 클릭한다. 5. 해당 도메인을 체크하고 DNS 설정을 클릭한다. 6. 호스트 이름과 IP주소를 입력한다. 이후 확인 버튼을 누른뒤 저장하면 완료. 참고. https://customer.gabia.com/manual/dns/3041/3040 가비아: 국내 1위 customer.gabia.com 공감수 0 댓글수 0 2022. 1. 17.
aws ec2 시작 및 도커로 서버 배포 0. 준비물 aws 계정 mobaXterm 프로그램 (무료버전) 기능이 완성된 Jar 파일 (여기서는 메모리 h2 데이터베이스를 사용함.) 1. aws를 켠다 2. ec2로 접속한다 3. 인스턴스 시작을 누른다 4. AMI를 선택한다 여기서는 Amazon Linux 2 AMI (HVM) - Kernel 5.10, SSD Volume Type를 사용했다. Ubuntu 등 원하는 것을 사용하면 된다. 5. 인스턴스 유형을 선택한다 자기가 원하는 사양을 고르면 된다. 사양이 높으면 높을수록 비싸진다. 여기서는 프리티어 t2.micro를 사용하였다. 여담이지만 초경량 배포를 위해서라면 ec2가 아닌 lightsail을 사용하는 것도 고려해볼만하다. 제한 사항이 꽤 있지만 매우 저렴한 비용으로 서버를 운영할 수 .. 공감수 1 댓글수 0 2022. 1. 17.
안드로이드 android // 오류 해결 Installed Build Tools revision 31.0.0 is corrupted. Remove and install again using the SDK Manager. 0. 해결법 시간이 없으신 분들은 이곳을 통해 빠른 해결 하시기를 기원합니다. https://stackoverflow.com/questions/68387270/android-studio-error-installed-build-tools-revision-31-0-0-is-corrupted 1. 사건의 발단 회사에 예전에 제작하고 유지하고 있는 안드로이드 프로젝트가 있다. 그런데 최근 일부 기능이 사용되지 않으면서 외부 서비스에 비용이 매달 지출된다는 것을 발견하였다. 그 기능을 일시적으로 비활성화 하기로 하였다. 2. 기능 수정은 간단하군 오랜만에 건드리는 프로젝트라 걱정이 앞섰으나, 사실 그렇게 어려운 부분은 없었다. 해당 기능을 사용할 수 없도록 화면을 약간 수정하고 소스코드를 몇가지 주석처리를 했을 .. 공감수 0 댓글수 0 2022. 1. 16.
style display 옵션 테스트 See the Pen Untitled by jaybon (@jaybon1) on CodePen. 공감수 0 댓글수 0 2021. 11. 20.
HTML로 리다이렉트 하기 자바스크립트를 사용하지 못하는 환경이거나 HTML만 사용할 수 있는 환경에서 주소 이동을 하고 싶은 경우 사용한다. ex) aws 로드밸런서의 리 다이렉션 등 (https -> http로 리다이렉트도 가능) 보안적인 이슈가 있을 수 있으니 조심하여 사용할 것 text/html 타입으로 설정한 뒤 head 태그 안에 meta 태그를 넣어준다. content 안의 0은 리다이렉션 대기 시간이고 세미콜론 이후에 주소를 넣어준다. 공감수 0 댓글수 0 2021. 9. 29.
AWS 도메인 등록 / 호스팅 관리 / HTTPS 적용 [도메인 등록] 1. Route53 페이지로 이동 2. 도메인 등록 화면으로 이동 3. 도메인 등록을 클릭 4. 도메인 이름을 선택 - 도메인 이름을 선택하고 기관(.com 등)을 선택하고 확인을 눌러서 사용 가능한지 확인 해본다 - 내가 적은 것이 사용 가능하면 사용 가능이라고 뜨며 원하는 도메인을 장바구니에 추가한다 5. 장바구니 확인 - 왼쪽에 장바구니에 등록된 도메인이 나온다 - 확인 후 아래에 있는 계속을 누른다 6. 도메인 등록 세부 정보를 입력한다 7. 약관을 확인하고 주문을 완료한다 8. 등록된 도메인 화면에서 도메인이 등록되었는지 확인한다 (끝) [호스팅 관리] 1. DNS 관리 - 호스팅 영역으로 들어 간다 2. 도메인 리스트를 확인한다 - AWS에서 만든 도메인은 설명란에 Hosted.. 공감수 0 댓글수 0 2021. 9. 8.
openssl 로컬 키 만들기 localhost ssl https 키 생성 https://dev-jelly.netlify.app/posts/Apply%20Https%20on%20next.js%20when%20development openssl 설치 위 파일을 검색해서 다운로드 하자 http://slproweb.com/products/Win32OpenSSL.html Win32/Win64 OpenSSL Installer for Windows - Shining Light Productions Minimum system requirements: Windows XP or later 32MB RAM 200MHz CPU 30MB hard drive space Recommended system requirements: Windows XP or la.. 공감수 0 댓글수 0 2021. 8. 17.
플러터 flutter google_sign_in 에러 해결 Unhandled Exception: PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 10: , null, null) 플러터에서 구글 로그인을 구현하기 위해 https://pub.dev/packages/google_sign_in google_sign_in | Flutter Package Flutter plugin for Google Sign-In, a secure authentication system for signing in with a Google account on Android and iOS. pub.dev 위의 라이브러리를 사용하였다. 이렇게 코드를 추가하고 실행해보면 아래와 같이 에러가 발생한다. 스택오버플로우 등 여러 곳을 찾아 보았으나 문제가 해결되지 않았는데, 라이브러리 제작자의 예시코드를 보니 clientId가 optional인 것을 확인하였다. 그래서 clientId를 지워보았더니... 정상적으로 .. 공감수 2 댓글수 0 2021. 6. 28.
flutter package 생성이 안될 경우 플러터 프로젝트를 생성하고 lib폴더에서 패키지를 생성하려고 할 때 아래와 같이 패키지가 보이지 않는 경우가 있다. 필자의 경우 툴박스의 안드로이드 스튜디오를 사용 할 때 보이지 않았다. 안드로이드 스튜디오를 독립적으로 설치했을 때에는 바로 패키지가 만들어졌는데 이상하다. 이럴 경우 아래와 같이 하면 해결된다. Mark Directory as -> Sources Root 패키지가 생긴 것을 확인하였다. 공감수 2 댓글수 1 2021. 6. 8.
플러터 firebase 추가하기 플러터에 firebase auth 등을 추가하려면 아래와 같이 오류가 발생한다. 버전이 올라가면서 firebase 기능을 사용하려면 추가 코드가 필요하다. 위와 같이 firebase_core를 디펜던시에 추가하고, 메인 메서드에서 위 코드를 입력한다. 이후 재가동하면 정상작동할 것임. 공감수 0 댓글수 0 2021. 6. 4.
플러터 flutter 시작하기 https://flutter.dev/ Flutter - Beautiful native apps in record time Flutter SDK is Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. flutter.dev 위 사이트 접속 오른쪽 상단의 get started 클릭 윈도우 환경이기 때문에 windows 선택 zip 파일 다운로드 압축을 풀고 원하는 디렉토리에 이동시킨다. 홈페이지에서 경고했듯이 C:\Program Files 에 이동시키지 않도록 한다. 폴더 내부의 bin 폴더를 환경변수에 등록하여야 플러터 명령어를 사.. 공감수 0 댓글수 0 2021. 6. 4.
리액트에러 해결 A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for.. 리액트에서 A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. 에러가 발생할 경우 값변경이 제대로 되지 않는 경우가 있다 이 경우는 받아온 DTO나 state가 null일 경우이다 value={dto.name} 이렇게 들어간 코드를 value={dto.name || ''} 이런식으로 널처리를 해주면.. 공감수 1 댓글수 0 2021. 5. 24.
fcm push 올 경우 뱃지 변경 fcm push가 올 경우 화면을 실시간으로 변경해야될 경우가 있음. liveData를 이용하여 구현 할 수 있다. 안드로이드 App 파일에서 스태틱으로 라이브데이터를 선언해준다 App파일의 onCreate에서 초기화 라이브데이터를 초기화 해준다. fcm 메시지 리시버 내부에서 뱃지와 관련된 글로벌 카운트를 올려준 뒤 라이브 데이터를 변경한다(변경이 되어야 액티비티/프래그먼트에서 변경 감지를 할 수 있다) 메인쓰레드가 아닌곳에서 변경을 하려면 postValue를 이용한다 뷰를 변경할 액티비티나 프래그먼트로 이동한다 액티비티는 this / 프래그먼트는 viewLifecycleOwner를 라이프사이클 오너로 입력한다 이제 푸시 알림이 오면 해당 뱃지의 뷰가 변경이 된다. rx Customer를 이용하여서도 .. 공감수 0 댓글수 0 2021. 4. 5.
라이브데이터 LiveData 장점 readystory.tistory.com/101 [Android] AAC ViewModel과 찰떡 궁합! LiveData 이해하기 안드로이드 개발자를 채용하는 회사들의 공고들을 보면 어느 회사나 공통적으로 자격 요건에 이런 문구가 있습니다. Kotlin으로 개발해 본 경험이 있으신 분 MVVM 아키텍처에 익숙하신 분 안드로 readystory.tistory.com 공감수 0 댓글수 0 2021. 4. 2.
intellij 인텔리제이 eslint typescript prettier 세팅 www.yuts.me/posts/settingEslintOnIdea Setting up Eslint + Prettier + Typescript + React to IntelliJ Idea - Blog by Yuta Yanagisawa No one wants to see messy code. Writing readable codes makes you a good programmer but how can you know when your code is “Readable”? And here comes the lint to help you. Linting is very important when it comes to tidying up your own code, and there ar www.yuts.me.. 공감수 0 댓글수 0 2021. 2. 19.
react js / next js quill 적용 react 적용시 bigexecution.tistory.com/6 React 게시판 만들기 : React-Quill (4) 리액트 에디터로 Quill을 사용하기로 했다. 무료로 사용 가능하다. npm install react-quill 우선 react-quill을 설치한다. npm install react-quill package.json 파일 dependencies 에 아래와 같이 설치됨 확.. bigexecution.tistory.com (위의 코드와 아래의 코드를 참고하여 같이 사용하면 쉽게 만들 수 있음) next 적용시 아래 블로그에서 시행착오를 겪은 마지막 코드를 이용하고 툴바는 위의 코드를 이용하면 됨 m.blog.naver.com/choirj91/222044740530 next, react.. 공감수 0 댓글수 0 2021. 2. 17.
next js 시작하기 타입 스크립트 버전으로 설치 next js (ts 버전) 설치 npx create-next-app 앱이름 --ts # or yarn create next-app 앱이름 --typescript 작동 해당 앱폴더로 이동하여 npm dev #or yarn dev 상대경로 -> 절대경로로 바꾸기 tsconfig.json 파일에 아래를 추가 { [기타내용], "compilerOptions": { [기타내용], "baseUrl": ".", "paths": { "@/*": [ "./*" ] } }, [기타내용], } mobx 설치 yarn add mobx 또는 npm install --save mobx 설치 후 작동이 안될 경우 .next / node_modules / package-lock.json 을 지우고 ya.. 공감수 0 댓글수 0 2021. 2. 15.
안드로이드 // 앱 출시 할 때 API 안될 때 앱서명인증서를 키해시로 만들어서 api 사이트에 등록 해줘야 한다. blog.naver.com/thdeodls85/221333915100 [android] kakao 출시 된 App 로그인이 안될때 (Google play app signing) issue 해결방법 [android] kakao 출시 된 App 로그인이 안될때 (Google play app signing) issue 해결방법 앱을 출시 햇... blog.naver.com 공감수 0 댓글수 0 2021. 1. 25.
spring boot // 인텔리제이 메서드 테스트 제작시 패키지 자동 세팅 메서드를 선택하고 ctrl shift T 를 누르면 테스트 패키지에 자동으로 생성됨. 공감수 0 댓글수 0 2021. 1. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.