puk0806의 등록된 링크

키자드에 등록된 총 69개의 포스트를 확인하실 수 있습니다.

Naver Blog

[Kotlin+SpringBoot] kotlin spring boot eureka 서버 만들기

프로젝트 생성 guild.gradle.kts 추가 application.yml 작성 메인 유레카 서버 어노테이션 추가

Naver Blog

Kotlin FutureTask MultiThread

futureTask 사용 멀티 쓰레드 이용 ex)MainActivity.kt

Naver Blog

Kotlin Coroutine 코르틴 네트워크 통신

gradle dependencies 추가 TextView 추가 ex)activity_main.xml INTERNET function 추가 ex)And...

Naver Blog

React react-router-dom v6 변경

react-route-dom 최신 업데이트 사용(Ver.6.0.2) router+routerSwitch 합침 ex)route.js store 변경 (rou...

Naver Blog

React 무한 스크롤링 offset,scroll

react 무한 스크롤링 바닥시 추가데이터 불러오기 ex)scrollView.js

Naver Blog

React Native 프로젝트 시작 Expo

ExpoCli 설치 명령어 : npm install --global expo-cli expo 로그인 명령어 : expo login 프로젝트 생성 ...

Naver Blog

React Beautiful-dnd 드래그앤 드랍 인덱스 수정

라이브러리 추가 명령어 : yarn add react-beautiful-dnd 드래그앤 드랍 인덱스 수정 코드 ex)BeautifulD...

Naver Blog

React react-dropzone 드랍 파일 업로드 기능

라이브러리 추가 명령어 : yarn add react-dropzone 드랍 기능 구현 코드 ex)DropTest.js 드랍 파일 크기...

Naver Blog

react TypeScript 설정 사용하기

1. package.json 파일 만들기 ex) yarn init -y 2. 패키지 설치(typescript,ts-node ) ex) yarn add typesc...

Naver Blog

react TypeScript 사용 interface, type Alias, Generics

Interface type Alias generics 사용 interface 에서 generics 사용 type alias에서 generics 사용

Naver Blog

Recat 프로젝트 redux-toolkit활용 프로젝트 시작

npx 로 react app 설치 npx create-react-app yarn 패키지 설치 yarn install 기본 적으로 사용하는 pakeag...

Naver Blog

React 공통CSS설정, redux,라우터 설정하기

Index.js 리턱스 설정 ex)index.js app.js 공통 CSS 설정, 라우터 연결 Store 생성 redux tollkit 사...

Naver Blog

React AWS S3 연결 buildspec. 예시

AWS S3 생성후 연결 빌드 스펙 예시 ex) buildspec.development.yml

Naver Blog

React Redux-toolkit(slice,saga)사용 API연결

API 연결 설정 부분 ex)lib/api.js 로그인 관련 API 호출 부분 ex)lib/authApi.js Redux사용 redux...

Naver Blog

REACT 로그인 기능 SSO로그인

로그인 페이지 ex)pages/auth/Login.js 토큰 인증 페이지 ex)pages/auth/Token.js SSO인증 ex)pages/a...

Naver Blog

flutter(플러터) sdk설치, 환경 세팅,VScode 프로젝트 생성

1. flutter사이트 가서 SDK다운로드 (주의 : program Files밑에 두면 안된다고함) 2. 환경 변수 추가 ...

Naver Blog

react 커스텀 hook만들기 input 태그 관리

커스텀 hook : 내가 사용할라고 만든 hook UseInput.js 초기 input값

Naver Blog

REACT CONTEXT API 사용(전역 변수 사용)

CONTEXT API : 전역 적으로 사용할 변수를 생성

Naver Blog

React Prettier사용하기

1. 확장 프로그램 : Prettier 설치 2. Prettierrc 설정파일 만들기 ex) .prettierrc

Naver Blog

블챌 2일차 일기

오늘은 일을 하면서 에러가 많이 발생하였다 당연하게 상각했던 것들이 자잘한 에러를 발생시켜서 시간이 ...

Naver Blog

블챌 3일차 일기

오늘은 부서 워크숍 날이다. 원크숍 일정은 1부 회의 2부 한강 자전거 3부 여의도에서 애슐리를 먹는것이었...

Naver Blog

블챌 4일차 일기

오늘은 부서원들이 휴가와 외근이 많았다. 그래서 사무실에 부서원이 4명 바께 없었다. 어제 워크숍때 자전...

Naver Blog

블챌 5일차 일기

한주가 드디어 마무리되는 금요일이다. 이번주는 특히나 회의와 워크숍 등이 있어서 빠르게 흘러간거 같다....

Naver Blog

블챌 6일차 일기

오늘은 오랜만에 카페에서 혼자 여유롭게 부족한 공부를 하고있다. 마스크를 쓰고 카페에 오랫동안 앉아있...

Naver Blog

블챌 7일차 일기

오늘은 저녁에 친구들을 만나기로했다. 그래서 나는 집에서 미역국과 삼겹살을 먹고 아침일찍 카페를 나왔...

Naver Blog

블챌 8일차 일기

오늘은 부모님 생일이어서 칼퇴를하고 집에가고있다. 나는 선물로 홍삼 세트를 선물로 사드렸고, 저녁으로 ...

Naver Blog

블챌 9일차 일기

오늘은 평범하지만 기분 좋은 일이 많은 하루이다. 첫째로 기분 좋은 일은 내가산 주식 종목들이 많이 올랐...

Naver Blog

블챌 10일차 일기

오늘은 기술회의를 하는날이다. 원래 매주 화요일날 진행하는데 이번주만 수요일날 진행을 한다. 기술회의...

Naver Blog

블챌 11일차 일기

몇달 전부터 갑자기 목이 아파서 정형 외과를 갔었는데 도수치료와 물리치료를 꾸준히 받으라고 하셨다. 항...

Naver Blog

블챌 12일차 일기

오늘은 금요일이어서 기쁘지만 오후 반차여서 더더욱 기쁘다. 오전에 월간 회의를 끝내고 퇴근전 작업을하...

Naver Blog

react CRUD 정리

기본 컴포넌트 설정 ex) CRUDApp.js 생성 관련 Component ex)CreateUser.js 데이터들 보여줄 Comp...

Naver Blog

react useEffect,hock(useMemo,useCallback),memo 사용하기

import항목 useEffect : 마운트 언마운트 될떄 실행 useMemo : 특정 값이 변화 했을떄 특정 함수 실행하...

Naver Blog

블챌 1일차 개발일기

블로그 챌린지가 다시 시작되었다. 뿐만 아니라 회사에서 연구소와 함께 사내 휴가, 유연근무 시스템 개발 ...

Naver Blog

[spring]Json데이터 받아서 사용하기

build.gradle 에 google json 라이브 러리 추가 넘겨받은 json 데이터 사용하기

Naver Blog

[error]java.lang.ClassCastException: java.lang.Double cannot be cast to java.lang.Integer

Map 안에 있는 double데이터를 int 로 cast가 안되는 에러 error메세지 map 안의 double객체를 문자로 바...

Naver Blog

React Ajax 통신하기

통실할 기본이 되는 기본컨포넌트 ex)AjaxApp.js 이벤트 발생할 컴포넌트 ex) Nav.js 이벤트 발생시 변...

Naver Blog

react 설치, 앱 생성, 서버 배포

node .js 홈페이지에서 npm 설치 https://nodejs.org/ko/ npm 버전 확인 npm -v npx 로 react app 설치 npx...

Naver Blog

React Redux store 종속성 제거

redux 설치 npm install redux redux store 부분 ex) store.js dispatch를 종속 사용 할 ROOT 컨테이너...

Naver Blog

매일매일 오늘일기 챌린지 시즌1

오늘부터 매일 1일 1블로그 일기 첼린지가 시작된다 끝까지 도전해 봐야겠다 까륵까륵까르륵

Naver Blog

두번째 일기

오늘은 마카롱을 먹었다 완전 맛있었다 내일 또 먹어야지

Naver Blog

블챌 3일차 일기

블챌 3일차 오늘은 연차다 너무 기쁘다 맨날 쉬고싶다

Naver Blog

REACT REACT-REDUX store 사용하기

react-redux 설치 npm install react-redux redux store를 최상위 컴포넌트 ex)index.js redux store 부분 ...

Naver Blog

[spring]이클립스 화면 레이아웃 초기화

도구창window --> perspective --> reset perspective (클릭)

Naver Blog

[Spring]Spring boot + JPA 페이징 처리 Pageable사용

VO 예시Controller 예시@PageableDefault(size=pageView,direction = Sort.Direct...

Naver Blog

돈까스 추천! 캠핑간식 수제통카스

안녕하세요? 국밥이 너무 좋은 국밥이조아! 개발자입니다.저는 국밥을 세상에서 제일 좋아하는데...

Naver Blog

[Spring]Spring boot gradle war배포하기

1. 프로잭트 밑에 있는 application을 수정해준다.WipsApplication.java2. build.gradle 을 수정해...

Naver Blog

[Spring]spring boot 내장 톰캣 war파일 윈도우 서비스 등록하기

1. winsw 프로그램 다운로드하기아래 URL 로가서 exe파일을 다운받는다.http://repo.jenkins-ci.org/r...

Naver Blog

Spring boot 프로젝트 다국어 처리 #5

1. config파일 생성LocaleConfig.java2. 다국어 properties 생성message_ko.propertiesmessage_en.proper...

Naver Blog

[AWS] AWS EC2 spring 배포하기 ( Elastic beanstalk ) #4

안녕하세요 오늘은 배포한 EC2 서버와 AWS의 데이터베이스 서버인 RDS 와 연동하는 방법에 대해 알...

Naver Blog

[JPA]3장 영속성 관리

3.1 EntityManagerFactory와 EntityManager- 자원이 많이 필요하기 떄문에 EntityManagerFactory...

Naver Blog

[네이버 블로그 구글 검색 등록]

네이버 블로그를 구글에서 검색 허용하는방법에 대해 알아보겠습니다.키자드 사이트에 접속합니다.ht...

Naver Blog

Spring boot 프로젝트 기본 세팅 #1

- UTF-8 설정하기- 프로젝트 생성new spring starter Project 클릭- build.gradleapplicat...

Naver Blog

Spring boot 프로젝트 JPA사용 #2

테이블 생성B49_user 테이블b49_license 테이블userRepository 생성저장조회수정삭제

Naver Blog

Spring boot 프로젝트 타일링하기 #4

파일 위치 정보1. build.gradle 추가하기2. config파일 설정하기tiles.xml 파일layout.jsp

Naver Blog

Spring boot 엑셀 다운 기능 #6

1. 그레들 설정build.gradle(빌드 그래들 추가)2. ViewResolver 설정하기WebConfig.javaview 설정 파일...

Naver Blog

Spring boot 인터럽트 기능 기능 #7

1. 인터럽트 핸들러 생성2. WebMvcConfigurer파일 생성

Naver Blog

Spring boot 프로젝트 local 정적 파일가져오기 #8

WebMvcConfig 파일registry.addResourceHandler("/file/**") : /file URL 요청시 .a...

Naver Blog

[Error][Datepicker] cannot read property 'setdefaults' of undefined datepicker 에러

cannot read property 'setdefaults' of undefined datepicker에러시 해결 방법상단에 js 파...

Naver Blog

[AWS] AWS EC2 spring 배포하기 ( Elastic beanstalk ) #1

안녕하세요. 오늘은 AWS에 Elastic beanstalk 를 통해서 배포하기를 포스팅하려고 합니다. 첫글이라 부족한 점이 있을 수 있지만 잘 봐주세요!Elastic beanstalk이란?[ 장점 ]- 빠르고 간단한 시작- 개발자 생산성- 완전한 자원 제어- 불필요한 자원 낭비 없음- 사용에 따른 추가 요금이 없음(사용되는 AWS 리소스에 대해서만 비용 지불)그럼 지금부터 aws를 이용한 웹서비스 배포하는 방법을 알려드리겠습니다! - Elastic beanstalk 생성하기위 단계를 통해 구성 환경을 확인하셨으면 맨 밑에 있는 [환경 생성] 버튼을 눌러주세요.그러면 위 사진처럼 Elastic Beanstalk 환경 구축이 완료된 모습을 볼 수 있.......

Naver Blog

[AWS] AWS EC2 spring 배포하기 ( Elastic beanstalk ) #2

안녕하세요. 저번시간에는 Elastic beanstalk를 이용해서 EC2서버를 하나 생성했습니다.오늘은 spring에 EC2서버에 배에 필요한 파일들을 추가해보겠습니다.- 필요한 파일들 생성 위치입니다.- 프로젝트 폴더 밑에 buildspec.yml 파일을 생성합니다.(파이프 라인 생성할 때 읽어올 yml파일)- mvn -Pprd package 는 pom에 설정할 profile 아이디중 prd를 선택하는 코드입니다.- pom.xml 파일에서 빌더 부분에가서 maven.plugins 에 UTF-8 인코딩을 추가해줍니다.- yml에서 설정한 어떤 profile일때 enviroment에 어떤 변수가 들어갈지 설정하는 부분입니다.- maven 빌드시에 어떤 resources 파일이 읽힐지 설정해 주는 부.......

Naver Blog

[AWS] AWS EC2 spring 배포하기 ( Elastic beanstalk ) #3

안녕하세요. 오늘은 저번에 생성한 EC2 서버에 Git저장소를 가져와 파이프 라인을 연동하는 방법에 대해 알아보겠습니다.- 파이프라인생성하기5) 빌드 프로젝트 명을 작성해 줍니다.빌드 프로젝트를 생성하고 검색 부분에 생성한 빌드 프로젝트를 넣어줍니다.배포 공급자와 프로젝트를 선택후 다음을 누릅니다.파이프 라인 정보를 확인후 파이프라인 생성을 누릅니다.정상 적으로 파이프 라인에 연결됩니다.지금까지 EC2 서버를 생성하여 spring과 연동하는 방법에 대해 알아보았습니다.다음 포스팅에는 AWS의 DB인 RDS 와 EC2서버를 연동하는 방법에 대해 알아 보겠습니다!!

1