김일국의 기술 블로그 누적조회수: / 오늘조회수: / 어제조회수:

[글쓰기] / [관리자]

고정 헤더 영역

글 제목

메뉴 레이어

김일국의 기술 블로그

메뉴 리스트

홈

분류 전체보기 (888)

홈

AI-VR-AR 15
안드로이드+드론 제작 67
스마트폰+애플 6
공개-프레임웍 11
PHP(Class) 53
웹표준·접근성 13
C++,C#, ASP.NET 25
비주얼스튜디오 4
데이터베이스 37
노드js·자바스크립트 95
CSS 9
클라우드+마이크로서비스 65
웹디자인-TOOL 13
JSP·자바·코틀린 161
파이썬·장고·루비·알고리즘 26
기타정보 72
사용하지 않는기술 203

검색 레이어

김일국의 기술 블로그

검색 영역

컨텐츠 검색

노드js·자바스크립트

리액트 실무서비스 제작하기 강좌를 수료하였습니다.

2025.03.12 by 김일국
2025년 새해맞이 리액트 프로그램 수강으로 시작합니다.

2025.01.10 by 김일국
사이트에서 공유할 내용을 카카오톡 사용자에게 전송하기(개발자도구문제포함)

2024.12.21 by 김일국
노드js서버와 리액트js앱을 동시에 한 도커 컨테이너로 묶어서 작업_2/2

2024.02.11 by 김일국
노드js서버와 리액트js앱을 동시에 한 도커 컨테이너로 묶어서 작업_1/2

2024.02.08 by 김일국
K-PaaS컨테이너 플랫폼용 노드js앱을 수정 후 재 배포하기

2024.01.13 by 김일국
K-PaaS컨테이너 플랫폼 사용하기

2024.01.10 by 김일국
자바스크립트 DOM프로그래밍+외부API프로그래밍 수업자료 정리

2024.01.09 by 김일국

리액트 실무서비스 제작하기 강좌를 수료하였습니다.

인프런 온라인 교육사이트에서 2025년 1월 부터 강좌를 수강시작하여 오늘 마무리 하였습니다.그래서, https://www.inflearn.com/course/리액트-실무서비스-제작하기 강좌에서 실습한 소스를 정리해 보았습니다.위 강좌로 제작한 설문조사 SPA(Single Page App)앱 실행 사이트 주소 : https://kimilguk.github.io/아래는 실행 결과 미리보기 이미지 입니다.(아래)위 강좌로 작업한 깃 허브의 작업소스위치 : https://github.com/kimilguk/survey-pie위 소스를 빌드한 깃 허브의 배포사이트 위치 : https://github.com/kimilguk/kimilguk.github.io 강좌 수료증 입니다.(아래)# 아래 리액트소스에서 opt..

노드js·자바스크립트 2025. 3. 12. 18:25

2025년 새해맞이 리액트 프로그램 수강으로 시작합니다.

2025년 새해를 맞이하여 공부로 한해를 시작하려고 합니다.^^강좌명: 실무 중심! FE 입문자를 위한 React (여기서 FE는 Front End약자)- 아래 강좌 바로가기 링크https://www.inflearn.com/course/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%8B%A4%EB%AC%B4%EC%84%9C%EB%B9%84%EC%8A%A4-%EC%A0%9C%EC%9E%91%ED%95%98%EA%B8%B0- 강의 커리큘럼은 아래와 같습니다.(아래)- 현재는 섹션4 수강 중(11/70) 입니다.(아래)

노드js·자바스크립트 2025. 1. 10. 14:28

사이트에서 공유할 내용을 카카오톡 사용자에게 전송하기(개발자도구문제포함)

최근 사이트 관리를 하면서, 해당 기관의 사용자가 지정한 내용을 카톡사용자에게 공유(전송)하는 기능을 추가할 기회가 있어 정리하고자 합니다.(아래)- 카카오톡 공유 API 에 대한 일반적인 구조( https://developers.kakao.com/docs/latest/ko/message/common 아래)- 위 User 부터 실행되는 기본 구조와 매칭되는 실제 프로그램순서 화면(아래 붉은색 화살표 부터)- 위 기본 구조에서 User 부분(홈페이지) 소스 코드(아래) - 위 소스 코드 기술 참조 : https://developers.kakao.com/tool/demo/message/kakaolink?default_template=feed - 위 소스 코드에 대한 API 내역서 ( https://deve..

노드js·자바스크립트 2024. 12. 21. 13:37

노드js서버와 리액트js앱을 동시에 한 도커 컨테이너로 묶어서 작업_2/2

### 이전 포스트에 이어서 생성된 리액트js앱 도커 이미지와 노드js서버 이미지 각각을 K-PaaS 컨테이너 플렛폼에 쿠버네티스로 배포해 보도록 하겠습니다.참고로, 도커컨테이너에 대한 기초 내역은 이전 포스트참조: https://kimilguk.tistory.com/855?category=1019223아래 작업 소스의 깃 위치 : https://github.com/miniplugin/react-basic.git- 먼저 작업한 결과부터 확인해 본다.(http://playpark-cp.k-paas.org:30182/ 에서 카카오맵 버튼 클릭 시 아래)### 작업 순서(아래)- 먼저 http로 시작하는 데이터 주소 보안 때문에 데어터 접근 URL 경로를 소스에서 변경한다.(아래)//ClassKakaoMap..

노드js·자바스크립트 2024. 2. 11. 19:34

노드js서버와 리액트js앱을 동시에 한 도커 컨테이너로 묶어서 작업_1/2

참고로, 도커컨테이너에 대한 기초 내역은 이전 포스트참조: https://kimilguk.tistory.com/855?category=1019223 아래 작업 소스의 깃 위치 : https://github.com/miniplugin/react-basic.git ### 앱 프로젝트 작업하다보면 리액트js앱 만으로 원하는 기능을 구현하지 못할 때가 있다. - 위와 같은 상황에서 노드js서버 앱도 필요할 때, 도커 이미지 관리를 어떻게 하는 것이 좋을까요? - 일반적으론, 리액트 앱 이미지만들고 배포 후 노드js 앱 이미지만들고 배포 합니다.(아래) 1). 리액트js앱을 도커 이미지로 만들고 ( docker build . -t kimilguk/react-map ) 2). 도커 실행 명령으로 결과를 확인 ( d..

노드js·자바스크립트 2024. 2. 8. 18:36

K-PaaS컨테이너 플랫폼용 노드js앱을 수정 후 재 배포하기

### 지난 시간에 K-PaaS 컨테이너 플랫폼(쿠버네티스+ 앱소스도커이미지 )이 https보안을 지원하지 않아서 오늘은 지난 시간에 배포한 노드js앱에 로그인 인증을 구글로그인 API를 사용하는 대신 구글파이어베이스의 DB(파이어스토어)를 사용하여 사용자를 관리하는 기능을 추가 하였습니다. router/users.js에 소스를 추가 하였습니다.(아래) - 작업소스 깃허브 URL : https://github.com/miniplugin/nodejsboard - 위 수정된 소스를 이용하여 도커 이미지를 만들고, 비공개 도커허브에 푸시(저만 볼수 있음) 후 K-PaaS 컨테이너 플랫폼에 쿠버네티스 명령으로 배포하는 과정을 아래에 나열해 보았습니다.(아래) 1. docker build . -t kimilguk..

노드js·자바스크립트 2024. 1. 13. 15:00

K-PaaS컨테이너 플랫폼 사용하기

참고로, 지난 포스트에서 기존 노드js앱은 K-PaaS 사이드카 라는 애플리케이션 플랫폼(k8s대신 Cloud Foundry 사용)에 배포한 경우 입니다.- K-PaaS 애플리케이션 플랫폼(사이트카+앱소스zip파일)지원 : 이용신청= https://digitalsolveup.kr/platform.do ,아래 화면에서 배포사양과 앱을 zip으로 압축해서 올리면 바로 실행 됩니다.(아래)- 위 앱 실행화면= https://nodejsboard.apps.emergency-cloudplatform.kr/ ### 오늘은 K-PaaS 컨테이너 플랫폼(쿠버네티스+ 앱소스도커이미지 )를 2주이용신청을 해서 작업해 보았습니다.(아래)-체험신청하기: https://k-paas.or.kr/exp/expApply , 플..

노드js·자바스크립트 2024. 1. 10. 18:39

자바스크립트 DOM프로그래밍+외부API프로그래밍 수업자료 정리

지난 주말 2일간 직업훈련 교강사를 대상으로하는 [프론트엔드 프로그래밍 응용] 과정을 수업 받았습니다. 앞으로 제 수업에도 응용 할 수 있도록 소스를 정리해 보았습니다. - 개요(아래) 1. 자바스크립트 ECMA버전으로 DOM객체 선택 및 이벤트 사용부터 리액트프로그램의 기초인 모듈 사용하기 및 웹소켓 API사용 까지 2. 덤으로 스프링부트3 에서 백엔드용 채팅 API서비스 구현 및 도커데스크탑 사용해 컨테이너에 배포 - 핵심 내용은 아래와 같습니다.(아래) ####0. 개발환경 설치 : (아래) - VS Code(자바스크립트 개발환경) - 자정부표준프레임워크 eGov4.2.0버전(스프링부트3 백엔드 개발환경) - 윈도우용 도커데스크탑 설치(스프링부트3 백엔드API서비스 배포용) - Ajax 실습에 사용..

노드js·자바스크립트 2024. 1. 9. 17:50

추가 정보

인기글

최신글

페이징

1 2 3 4 ··· 12

TISTORY

김일국의 기술 블로그 © Magazine Lab [상단으로]

페이스북

트위터

인스타그램

유투브

티스토리툴바

개인정보

티스토리 홈
포럼
로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

블로그 게시글

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

모든 영역

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.