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

[글쓰기] / [관리자]

고정 헤더 영역

글 제목

메뉴 레이어

김일국의 기술 블로그

메뉴 리스트

홈

분류 전체보기 (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

검색 레이어

김일국의 기술 블로그

검색 영역

컨텐츠 검색

전체 글

AI 소프트웨어 API 사용하여 이미지 인식 기술 구현하기1

2024.05.20 by 김일국
파이썬으로 웹 스크레핑과 반응형 대시보드 앱 만들기(강의용)

2024.05.15 by 김일국
우분투OS의 패널 웹프로그램에서 서버와 워드프레스 앱 생성하기

2024.05.11 by 김일국
Spring부트에서 WebFlux 웹 프레임워크 사용해 보기

2024.05.02 by 김일국
모바일앱 개발을 리액트 네이티브 코드로_03

2024.04.26 by 김일국
구름ide 플랫폼에 php앱(그누보드5) 배포하기

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

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

2024.02.08 by 김일국

AI 소프트웨어 API 사용하여 이미지 인식 기술 구현하기1

### 목적: 웹 페이지에서 업로드한 사진을 분석하여 사진속 사람의 특징(머리색, 의복색 시각화 하기(아래)### 실습 소스는 이전 포스트[파이썬으로 웹 스크레핑과 반응형 대시보드 앱 만들기(강의용)] https://kimilguk.tistory.com/872 의 소스에 이어서 페이지를 추가해 작업 하였다.### 실습에 사용한 결과 : 위 기능과 비슷하게 구현하고 있다. 현재는 2개 이미지만 가져와서 검사해 보았다.(아래)- 사용한 이미지는 픽사베이의 무료 이미지이다. : https://pixabay.com/ko/photos/%EC%83%81%EC%9C%84-%EC%97%B0%EC%84%B8%EA%B0%80-%EB%93%9C%EC%8B%A0-%EC%82%AC%EB%9E%8C%EB%93%A4-3336451..

AI-VR-AR 2024. 5. 20. 18:40

파이썬으로 웹 스크레핑과 반응형 대시보드 앱 만들기(강의용)

### 파이썬 웹 스크레핑과 반응형 대시보드 앱 만들기 수업 순서 아래 총 10장으로 구성된다.----------------------------------------------------------------------------------------------------------------------------교재: 파이썬 웹 스크레이핑 완벽 가이드(위키북스 : https://wikibook.co.kr/pyscraping/ )#Chapter_01_파이썬 개발환경 세팅 : - 실습용 작업 PC 개발환경 : 윈도10, 마이크로소프트스토어에서 Python 3.8.10설치, VS Code(강사자료실에서 다운로드) - 마이크로소프트에서 제공하는 개발환경 교재 : https://learn.microsoft.c..

파이썬·장고·루비·알고리즘 2024. 5. 15. 09:50

우분투OS의 패널 웹프로그램에서 서버와 워드프레스 앱 생성하기

리눅스 우분투 터미널에서 각종 서버(SSH터미널, FTP, 아파치웹, PHP, MySQL)을 설치하고, 워드프레스 앱을 생성하는 대신,무료로 사용가능한 aaPanel(중국산)을 우분투에 설치한 후 웹 패널에서 LAMP(Linux, Apache웹서버, MySQLDB, PHP)를 설치해 보았다.(aaPanel설치 과정은 이 문서 하단에...참고로 유료 패널로는 cPanel이라는 미국산 프로그램이 유명하다.)그리고, 패널의 사이트 추가에서 버튼 한번으로 워드프레스 앱을 생성해 보았다.(아래) ------------------------------------------------------------------------------------------------------------------------###..

기타정보 2024. 5. 11. 12:01

Spring부트에서 WebFlux 웹 프레임워크 사용해 보기

오늘 전자정부 표준프레임워크 신버전 v4.2 소개세미나에서 알려주신 내용 중 WebFlux 개발패턴이 흥미가 생겨서 실습을 진행하려고 합니다.^^(아래)### 자바기반 스프링부트2.7.12의 Reactive Stream 라이브러리를 이용하여 Spring WebFlux 실습4개 DB를 사용하여 실습하는 소스 : https://www.egovframe.go.kr/home/sub.do?menuNo=37위 4개 DB중 R2DBC를 사용하여 실습을 진행한 소스 : https://github.com/miniplugin/egovframe-webflux-r2dbc#### R2DBC를 사용하여 실습을 진행하기 전 사전 지식: (아래)1). Spring WebFlux : 스프링 5부터 지원되는 라이브러리로 MVC의 컨트롤..

JSP·자바·코틀린 2024. 5. 2. 21:05

모바일앱 개발을 리액트 네이티브 코드로_03

지난 강의 글( https://kimilguk.tistory.com/865 )에 이어서 오늘은 첫 번째 리액트 앱을 구현해 본다.- [한빛미디어-책 처음 배우는 리액트 네이티브] 소스 코드 : https://github.com/Alchemist85K/my-first-react-native/- 작업자의 소스 깃 허브 위치 : https://github.com/miniplugin/MobileApp/tree/react-native-app02- 아래처럼 기존 소스에서 루트/App.js와 루트/src/App.js가 헷갈릴 수 있기 때문에 루트/src/App.js 를 App01.js로 이름을 변경하고, 루트/src/App02.js를 새로 만듭니다. 루트/App.js에서 루트/src/App02.js를 호출하는 구조..

안드로이드+드론 제작 2024. 4. 26. 15:52

구름ide 플랫폼에 php앱(그누보드5) 배포하기

지금까지 구름ide 플랫폼에서 아래 언어기반의 앱을 배포해 실행 시켜 보았다. - 리액트기반으로 공공데이터와 지도API 연동01-08 까지 : https://kimilguk.tistory.com/808 (노드js 서버 기반) - 리액트js, 넥스트js, 노드js, DB(mysql,몽고db),API활용 학습 : https://kimilguk.tistory.com/833 (노드js 서버 기반) - 스프링부트버전2 클라우드에 배포 : https://kimilguk.tistory.com/626 (자바 기반) - 파이썬으로 웹 스크레핑과 반응형 대시보드 앱 만들기 : https://kimilguk.tistory.com/836 (Dash 기반=Flask서버+React.js+Plotly.js) - 오늘은 오랜만에 P..

클라우드+마이크로서비스 2024. 4. 13. 18:35

노드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

추가 정보

인기글

최신글

페이징

1 2 3 4 5 6 7 8 ··· 111

TISTORY

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

페이스북

트위터

인스타그램

유투브

티스토리툴바

개인정보

티스토리 홈
포럼
로그인

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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