BOOX

1. UiPath (RPA 기반 자동화 도구)

개요

UiPath는 가장 널리 사용되는 RPA(Robotic Process Automation) 툴 중 하나로, 반복적인 업무를 자동화하여 효율성을 극대화하는 솔루션입니다.

주요 기능

• 데이터 입력 및 처리 자동화
• 이메일 자동 응답 및 분류
• 문서 처리 및 데이터 추출
• 다양한 애플리케이션 간 자동화

기대 효과

• 업무 속도 향상 및 오류 감소
• 운영 비용 절감 및 생산성 향상

2. Zapier (업무 프로세스 자동화 도구)

개요

Zapier는 다양한 애플리케이션을 연결하여 자동화된 워크플로우를 구축할 수 있는 클라우드 기반 자동화 툴입니다.

주요 기능

• 앱 간 데이터 연동 및 자동화
• 반복적인 업무 프로세스 자동 실행
• 이메일, 채팅, CRM 시스템 연동
• 간편한 노코드(No-Code) 환경 제공

기대 효과

• 다양한 앱 간 원활한 연동
• 비개발자도 쉽게 자동화 가능

3. Power Automate (마이크로소프트 기반 자동화 도구)

개요

Power Automate는 마이크로소프트에서 제공하는 자동화 툴로, Microsoft 365, Dynamics 365 등과 원활하게 연동됩니다.

주요 기능

• 워크플로우 자동화 및 데이터 처리
• 이메일 및 알림 자동 발송
• AI 기반 데이터 분석 및 예측
• 다양한 외부 서비스와의 연계 지원

기대 효과

• Microsoft 제품과의 높은 호환성
• 반복 업무 감소 및 생산성 향상

4. Monday.com (업무 관리 및 협업 자동화 툴)

개요

Monday.com은 프로젝트 및 팀 협업을 위한 업무 자동화 툴로, 직관적인 인터페이스와 강력한 워크플로우 기능을 제공합니다.

주요 기능

• 업무 일정 관리 및 자동화
• 프로젝트 진행 상황 시각화
• 팀원 간 실시간 협업 및 커뮤니케이션
• 다양한 앱 및 서비스와의 연동 가능

기대 효과

• 팀 업무 효율성 증대
• 프로젝트 일정 및 업무 흐름 최적화

5. HubSpot (CRM 및 마케팅 자동화 툴)

개요

HubSpot은 고객 관계 관리(CRM) 및 마케팅 자동화 기능을 제공하는 올인원 플랫폼입니다.

주요 기능

• 이메일 마케팅 및 캠페인 자동화
• 고객 데이터 분석 및 관리
• 영업 프로세스 자동화
• 고객 지원 및 챗봇 기능 제공

기대 효과

• 고객 관리 효율성 증가
• 마케팅 및 영업 성과 향상

업무 자동화 툴을 적절히 활용하면 반복적인 업무를 줄이고 생산성을 극대화할 수 있습니다. UiPath, Zapier, Power Automate, Monday.com, HubSpot과 같은 자동화 솔루션을 도입하면 기업의 업무 효율성이 향상되며, 보다 전략적인 업무에 집중할 수 있는 환경을 조성할 수 있습니다.

컴퓨터에서 파일을 찾는 데 시간이 오래 걸려 답답했던 경험이 있나요? 윈도우 기본 검색 기능이 느리고 부정확해서 고생한 적이 있다면, 오늘 소개할 무료 프로그램 **"Everything"**이 바로 당신을 위한 해결책입니다.

"Everything"은 가볍고 빠르며, 즉각적인 검색 결과를 제공하는 강력한 파일 검색 도구입니다. 단순히 윈도우 탐색기에서 검색하는 것보다 수십 배 빠른 속도를 자랑하며, 사용법도 매우 직관적입니다.

이 글에서는 "Everything"의 특징, 장점, 단점, 그리고 다른 파일 검색 프로그램과의 비교를 통해 왜 이 프로그램이 많은 사용자들에게 사랑받고 있는지 분석해 보겠습니다.

https://www.voidtools.com/ - 에브리씽 다운로드

1. "Everything"이란?

"Everything"은 Voidtools에서 개발한 무료 파일 검색 프로그램입니다. 기본적으로 윈도우에서 사용자의 모든 파일과 폴더를 즉시 인덱싱하여 검색 속도를 극대화하는 방식으로 동작합니다.

윈도우 기본 검색 기능과 비교했을 때, "Everything"은 훨씬 가볍고 빠르며 실시간 업데이트 기능까지 지원하여 파일을 찾는 속도가 매우 빠릅니다.

주요 기능

• 즉각적인 검색: 프로그램을 실행하자마자 초 단위로 검색 결과를 제공
• 실시간 인덱싱: 파일이 생성되거나 삭제될 때 자동 업데이트
• 초경량 프로그램: 설치 파일 용량이 2MB 내외로 매우 가벼움
• 필터 및 정렬 기능: 파일 형식, 크기, 수정 날짜 등으로 검색 결과 정리 가능
• 고급 검색 기능: 와일드카드, 정규식 지원
• 네트워크 드라이브 지원: 로컬 파일뿐만 아니라 네트워크 공유 폴더에서도 검색 가능

2. "Everything" vs. 다른 파일 검색 프로그램

(1) "Everything" vs. 윈도우 기본 검색 기능

윈도우 기본 검색 기능은 시스템 리소스를 많이 소모하고 검색 속도가 느려 불편한 경우가 많습니다. 반면 "Everything"은 파일 이름 기반 검색이기 때문에 검색 속도가 거의 즉각적이며, 시스템 부담이 적습니다.

(2) "Everything" vs. 다른 유명한 파일 검색 프로그램

• Listary: 검색 속도가 빠르며 단축키 활용이 뛰어남, 그러나 무료 버전의 기능이 제한적
• UltraSearch: NTFS 인덱싱을 활용하여 빠른 검색을 제공하지만, 인터페이스가 다소 복잡
• Agent Ransack: 파일 내용 검색이 가능하지만, 속도는 상대적으로 느림

3. "Everything"의 장점과 단점

✅ 장점

1. 압도적인 검색 속도: 인덱싱을 활용하여 검색 결과를 거의 즉시 반환
2. 가벼운 프로그램: 설치 파일 크기가 작고 시스템 리소스를 거의 사용하지 않음
3. 무료 사용 가능: 개인 및 기업 사용자 모두 무료로 사용 가능
4. 실시간 업데이트: 파일 생성 및 삭제 시 자동으로 반영됨
5. 강력한 필터 기능: 정규식, 와일드카드 등을 활용한 고급 검색 가능
6. 네트워크 드라이브 검색 지원: 로컬뿐만 아니라 네트워크 폴더 검색도 가능

❌ 단점

1. 파일 내용 검색 불가: 파일명 검색만 가능하여 파일 내부의 텍스트를 찾을 수 없음
2. NTFS 전용: 기본적으로 NTFS 파일 시스템에서만 최적화됨 (FAT32 등은 성능 저하 가능)
3. 초보자에게는 다소 어려운 고급 기능: 정규식 검색 등은 초보자가 활용하기 어려울 수 있음

4. "Everything"을 더 유용하게 활용하는 팁

1. 고급 검색 연산자 사용:
   • 특정 파일 유형 검색: *.jpg (모든 JPG 파일 검색)
   • 특정 폴더 내 검색: C:\Users\Documents (해당 폴더 내에서 검색)
   • 최근 생성된 파일 검색: date:today (오늘 만든 파일 검색)
2. 단축키 활용:
   • Ctrl + F: 검색창 활성화
   • Ctrl + P: 경로 복사
   • Ctrl + Shift + C: 전체 파일 목록 클립보드 복사
3. 네트워크 드라이브 추가하기:
   • "도구 > 옵션 > 폴더 추가"에서 네트워크 드라이브 경로를 추가하면 공유 폴더도 검색 가능

5. 결론: "Everything"은 파일 검색 최강자!

컴퓨터를 오래 사용하다 보면 파일이 점점 많아지고, 원하는 파일을 찾는 데 시간이 오래 걸릴 때가 많습니다. "Everything"은 이러한 문제를 완벽하게 해결해 주는 빠르고 가벼운 파일 검색 프로그램입니다.

파일명을 기준으로 즉시 검색 결과를 제공하며, 실시간 인덱싱으로 검색 속도를 유지할 수 있습니다. 또한 무료로 제공되면서도 기업에서도 사용 가능하다는 점은 큰 장점입니다.

윈도우 기본 검색 기능의 답답함을 벗어나고 싶다면, 지금 바로 "Everything"을 설치해 보세요. 그리고 여러분만의 활용법이 있다면 댓글로 공유해 주세요! 😊

1. 프로그래밍 언어란?

프로그래밍 언어는 컴퓨터가 이해하고 실행할 수 있도록 명령을 작성하는 수단입니다. 인간이 자연어를 사용해 소통하듯이, 프로그래머는 특정한 문법과 규칙을 가진 프로그래밍 언어를 사용해 소프트웨어를 개발합니다.

오늘날에는 수많은 프로그래밍 언어가 존재하지만, 이들 모두는 특정 목적과 시대적 요구를 반영하여 발전해 왔습니다. 이번 글에서는 프로그래밍 언어의 역사적 흐름을 살펴보며, 어떤 언어들이 개발되었고, 어떤 영향을 미쳤는지 정리해 보겠습니다.

2. 프로그래밍 언어의 기원과 초기 발전

(1) 기계어와 어셈블리어 (1940~1950년대)

최초의 프로그래밍 언어는 기계어(Machine Language)였습니다. 기계어는 0과 1로 구성된 바이너리 코드로, CPU가 직접 해석하여 실행할 수 있는 언어입니다. 하지만 기계어는 사람이 이해하고 작성하기 매우 어려웠습니다.

이를 보완하기 위해 개발된 것이 어셈블리어(Assembly Language)입니다. 어셈블리어는 기계어보다 사람이 읽고 쓰기 쉬운 형태로, 특정 기계 명령어에 대해 축약된 기호(Symbol)를 사용했습니다. 그러나 어셈블리어도 여전히 하드웨어 종속적이어서, 다른 기종에서는 사용할 수 없는 한계가 있었습니다.

(2) 고급 프로그래밍 언어의 등장 (1950~1960년대)

컴퓨터가 발전함에 따라 보다 사람이 이해하기 쉬운 프로그래밍 언어가 필요해졌습니다. 이 시기에 등장한 대표적인 언어로는 다음과 같은 것들이 있습니다.

• Fortran (1957년): 세계 최초의 고급 프로그래밍 언어로, 수학 및 과학 계산을 위한 언어로 개발되었습니다.
• Lisp (1958년): 인공지능 연구에 많이 사용되었으며, 리스트 기반의 재귀적인 구조를 가진 언어입니다.
• COBOL (1959년): 기업용 데이터 처리에 특화된 언어로, 은행 및 행정 시스템에서 많이 사용되었습니다.

이러한 언어들은 프로그래밍을 보다 효율적으로 만들었고, 다양한 산업에서 컴퓨터를 활용할 수 있는 기반을 마련했습니다.

3. 현대 프로그래밍 언어의 발전 (1970년대~현재)

(1) 절차적 프로그래밍과 구조적 프로그래밍 (1970~1980년대)

1970년대부터 프로그래밍 패러다임이 체계적으로 정립되기 시작했습니다. 주요 언어는 다음과 같습니다.

• C 언어 (1972년): 벨 연구소에서 개발한 C 언어는 강력한 시스템 프로그래밍 기능을 제공하며, 현재까지도 널리 사용되고 있습니다.
• Pascal (1970년): 교육용으로 개발된 언어로, 구조적 프로그래밍 기법을 강조했습니다.
• Ada (1980년): 미 국방부 주도로 개발된 언어로, 대규모 시스템 개발에 적합한 언어였습니다.

이 시기의 언어들은 절차적 프로그래밍(Procedural Programming) 개념을 확립했으며, 코드의 가독성과 유지보수성을 개선하는 데 중점을 두었습니다.

(2) 객체지향 프로그래밍의 시대 (1980~1990년대)

1980년대 후반부터는 객체지향 프로그래밍(Object-Oriented Programming, OOP) 패러다임이 각광받기 시작했습니다. 객체지향 프로그래밍은 프로그램을 독립적인 객체(Object) 단위로 나누어 개발하는 방식으로, 코드의 재사용성과 확장성을 높이는 데 기여했습니다.

대표적인 객체지향 프로그래밍 언어는 다음과 같습니다.

• C++ (1983년): C 언어에 객체지향 개념을 추가하여 개발된 언어로, 현재까지도 게임 및 시스템 소프트웨어 개발에서 많이 사용됩니다.
• Smalltalk (1980년대): 객체지향 프로그래밍의 개념을 정립한 언어로, 이후 Java 및 Python과 같은 언어의 기반이 되었습니다.
• Java (1995년): "한 번 작성하면 어디서든 실행 가능(Write Once, Run Anywhere)"이라는 개념으로 개발된 언어로, 웹 및 엔터프라이즈 소프트웨어 개발에서 큰 인기를 끌었습니다.

(3) 웹 개발과 스크립트 언어의 부상 (1990~2000년대)

1990년대 후반부터 인터넷이 급격히 발전하면서 웹 개발이 활성화되었고, 이에 따라 새로운 프로그래밍 언어들이 등장했습니다.

• JavaScript (1995년): 웹 브라우저에서 실행되는 스크립트 언어로, 오늘날 프론트엔드 개발에서 필수적인 언어가 되었습니다.
• PHP (1995년): 동적인 웹 페이지를 쉽게 개발할 수 있도록 만들어진 서버 사이드 스크립트 언어입니다.
• Python (1991년): 가독성이 뛰어나고 다양한 용도로 활용 가능한 언어로, 현재 머신러닝 및 데이터 과학 분야에서도 많이 사용됩니다.

이와 함께 HTML, CSS 등의 웹 기술이 발전하면서 인터넷 환경이 빠르게 변화하기 시작했습니다.

4. 현대 및 미래의 프로그래밍 언어 (2010년대~현재)

최근 프로그래밍 언어는 보다 직관적이며 강력한 기능을 제공하는 방향으로 발전하고 있습니다. 대표적인 최신 프로그래밍 언어들은 다음과 같습니다.

• Swift (2014년): 애플이 개발한 iOS 및 macOS 애플리케이션을 위한 언어로, 기존의 Objective-C를 대체하고 있습니다.
• Kotlin (2011년): 안드로이드 개발을 위한 공식 언어로 선정되었으며, 자바보다 간결하고 효율적인 문법을 제공합니다.
• Go (2009년): 구글이 개발한 언어로, 빠른 실행 속도와 높은 병렬 처리 능력을 갖추고 있습니다.
• Rust (2010년): 메모리 안전성을 강조한 시스템 프로그래밍 언어로, C/C++의 대안으로 주목받고 있습니다.

AI와 빅데이터, 블록체인 등 새로운 기술들이 발전하면서 이에 적합한 프로그래밍 언어도 지속적으로 연구되고 있습니다.

5. 새로운 패러다임에 적응

프로그래밍 언어의 역사는 컴퓨터 기술의 발전과 함께 변화해 왔으며, 각 시대마다 요구에 맞는 새로운 언어들이 등장했습니다. 앞으로도 프로그래밍 언어는 더욱 발전하여, 보다 효율적이고 강력한 기능을 제공할 것입니다.

요즘에는 AI가 코드를 자동으로 생성하거나, 더욱 직관적인 방식으로 프로그래밍이 이루어지고 있습니다. 따라서 프로그래머들은 지속적으로 변화하는 기술 트렌드를 학습하고, 새로운 언어와 패러다임에 적응하는 것이 중요합니다.

이 글이 프로그래밍 언어의 역사에 대한 이해를 돕는 데 도움이 되었기를 바랍니다. 감사합니다!

요즘 AI 기술이 발달하면서 누구나 쉽게 멋진 이미지를 생성할 수 있게 되었습니다. 특히 무료로 사용할 수 있는 AI 이미지 생성 사이트들이 많아지면서, 디자인 경험이 없는 사람들도 클릭 몇 번으로 고품질의 이미지를 만들 수 있죠.

이번 글에서는 해외에서 유명한 무료 AI 이미지 생성 사이트 5곳을 소개해드리겠습니다. AI 이미지 생성이 필요하신 분들은 꼭 참고하세요!

1. Deep Dream Generator – 예술적인 AI 이미지 생성기

🔗 사이트 방문하기

Deep Dream Generator는 구글의 딥러닝 기술을 기반으로 한 이미지 생성 사이트입니다. 특히 몽환적이고 예술적인 스타일의 이미지를 만드는 데 강점이 있습니다.

✅ 특징

• 사진을 업로드하면 AI가 자동 변환
• 유화, 판화, 초현실주의 등 다양한 스타일 제공
• 간편한 UI로 누구나 쉽게 사용 가능

📝 사용 방법

1. 사이트에 접속 후 회원가입
2. 원하는 이미지를 업로드
3. 스타일을 선택 후 이미지 생성
4. 다운로드하여 활용

추천 대상: 예술적인 느낌의 AI 이미지를 만들고 싶은 분

2. Runway ML – 영상 & 이미지 생성까지 한 번에

🔗 사이트 방문하기

Runway ML은 AI 이미지뿐만 아니라 동영상 생성도 지원하는 강력한 AI 툴입니다. 최근에는 AI를 활용한 비디오 편집 기능까지 추가되어 더욱 주목받고 있습니다.

✅ 특징

• 텍스트 입력만으로 이미지 생성 가능
• AI 기반의 동영상 편집 기능 지원
• 초보자도 쉽게 사용할 수 있는 직관적인 인터페이스

📝 사용 방법

1. 사이트에 가입 후 대시보드 접속
2. 텍스트 입력 후 원하는 이미지 생성
3. 추가 편집 후 다운로드 가능

추천 대상: 영상 편집과 AI 이미지 생성이 모두 필요한 분

3. Dream by Wombo – 모바일에서도 간편한 AI 이미지 생성

🔗 사이트 방문하기

Dream by Wombo는 모바일에서도 손쉽게 AI 이미지를 생성할 수 있는 플랫폼입니다. 다양한 스타일을 제공하며, 입력한 텍스트에 따라 AI가 자동으로 이미지를 생성해줍니다.

✅ 특징

• 모바일 앱과 웹에서 모두 사용 가능
• 텍스트 프롬프트 입력만으로 AI 이미지 생성
• NFT 아트 생성 기능 제공

📝 사용 방법

1. 사이트 방문 또는 앱 다운로드
2. 원하는 스타일과 텍스트 입력
3. 생성된 이미지 다운로드

추천 대상: 스마트폰에서 빠르게 AI 이미지를 만들고 싶은 분

4. Craiyon (구 DALL·E mini) – 무료로 AI 이미지 생성

🔗 사이트 방문하기

Craiyon은 OpenAI의 DALL·E 기술을 기반으로 만들어진 무료 AI 이미지 생성 사이트입니다. 무료로 무제한 사용이 가능하며, 빠르게 이미지를 생성할 수 있어 인기입니다.

✅ 특징

• 완전 무료, 가입 없이 바로 사용 가능
• 빠른 속도로 이미지 생성
• 텍스트 입력만으로 다양한 스타일의 이미지 제공

📝 사용 방법

1. 사이트 방문 후 텍스트 입력
2. 이미지 생성 버튼 클릭
3. 원하는 이미지를 선택해 다운로드

추천 대상: 무료 AI 이미지 생성 사이트를 찾는 분

5. Artbreeder – 얼굴 및 풍경 생성 특화

🔗 사이트 방문하기

Artbreeder는 AI를 활용해 얼굴, 캐릭터, 풍경 등의 이미지를 세밀하게 조정할 수 있는 사이트입니다. 사용자가 직접 다양한 요소를 조합하여 새로운 이미지를 생성할 수 있습니다.

✅ 특징

• 얼굴, 풍경, 캐릭터 이미지 생성에 특화
• 사용자가 직접 커스텀 조정 가능
• 커뮤니티 기능을 통해 다양한 이미지 공유 가능

📝 사용 방법

1. 회원가입 후 원하는 이미지 유형 선택
2. 세부 조정 후 이미지 생성
3. 다운로드 및 공유

추천 대상: 캐릭터 디자인이나 얼굴 합성을 원하는 분

✅ 마무리 – 어떤 AI 이미지 생성 사이트가 좋을까?

사이트명주요 기능추천 대상

각 사이트마다 특징이 다르기 때문에 본인의 목적에 맞는 AI 이미지 생성기를 선택하는 것이 중요합니다. 무료로 제공되는 기능을 활용하여 원하는 AI 이미지를 직접 만들어보세요! 🚀

👉 추천 사이트 중 어떤 게 가장 마음에 드시나요? 댓글로 의견을 남겨주세요! 😊

서버를 어디서 어떻게 구동할 것인가... 이게 관건이었습니다.

토이프로젝트나 간단한 서비스를 위한 서버 구동을 위해 AWS나 Google Could를 사용하자니 돈벌이도 없는데 좀 그렇더군요. ㅠ.,ㅜ;

아래 블로그를 보다가 Freehosting 서비스로 무료 플랜도 괜찮아 보여 진행하려 하다가,...

결국 여기저기를 보던와중  Synology NAS 로 설정하는 걸 보았고.. 나도 있는데!?

 DS918+  Docker가 지원되는 모델!!!! 와우.. 그래서 밤샘하여 설정 테스트를 완료!! ㅎㅎ 기쁘네요.

시놀로지 Docker로 Nodejs 웹서버 설치하고 띄우기는 아래 블로그를 보고 차근히 따라 하면 됩니다.

위의 글대로 하면 nodejs로 서버 구동은 잘 되는데..

cmd나 bash 명령 처리 과정의 복잡성, 그리고 nodemon을 사용할 수 없다는 문제점이 있어서 밤샘 ㅠ.,ㅜ;

혹시 nodemon 되는 것을 누가 만들었을까 싶어 레지스트리를 봤더니 역시나 nodemon이 있어서 깔아보기도 했지만 오래되고 불안정하고 업데이트 안되고 있어서 삭제..

여튼 최종적으로 실제 서비스를 위한 Nodejs Docker와 개발을 위한 Nodejs Test Docker를 만들어서 Test 서버에서는 nodemon으로 구동할 수 있도록 환경구축 완료!!!!!

Synology.Docker 가장 골치아팠던 컨테이너  실행 명령 

아니.. 왜?? Why?? 컨테이너로 만들어진 이후에는 실행 명령을 수정할 수 없습니다!!!! 그래서 초반에 경로나 파일 내용이 잘못되거나 하면 Docker의 Nodejs가 실행자체가 안되기 때문에 어떠한 조작도 할수가 없습니다.

수십번을 컨테이너 지우고 만들기를 반복.. ㅋㅎ..

일단 좀더 쉽게 설정하도록 준비하여 처리하겠습니다.

이미 생성되어 있는 Nodejs 컨테이너 하나를 선택하고 "설정 - 내보내기"

"컨테이너 콘텐츠 및 설정 내보내기"는 Nodejs Docker를 전체 내보내기하여 txz 파일로 만들어줍니다. 나중에 실서버 백업을 한다거나 할 때 사용할 수 있겠네요.

한번 전체 내보내기 해보았는데 시간도 오래걸리고 용량도 꽤 큽니다. 200MB가 넘네요. 실제로 사용할 일은 적을 것 같고, 실서버에서라도 NAS의 폴더를 /home/node/app 으로 마운팅하여 사용하기 때문에 /home/node/app 폴더 내에서만 자료를 유지한다면 NAS에 알아서 보관이 되니 전체를 백업할 일이 없는 것이지요.

위의 설정으로 [내보내기]를 완료하면, /docker 폴더 안에 nodejsApp.syno.json과 같은 파일이 만들어져 있을겁니다.

폴더 구성 (node8000, nodemon9000)

일단 저는 실서버 구동을 위해 node8000 Nodejs 서버와 테스트 개발을 위한 nodemon9000 Nodejs 서버를 돌릴 예정입니다. 따라서 nodejsApp.syno.json 파일을  node8000.syno.json 으로 이름 변경하고,  nodemon9000.syno.json 으로 복사하여 한 개 더 만들어줍니다.

Visual Studio Code로 /docker를 열어서 node8000.syno.json을 열고 다음과 같이 수정합니다.

 node8000.syno.json 
- 수정이 필요한 부분은 "cmd"와 "port_bindings", "volume_bindings'입니다.

{
   "cap_add" : [],
   "cap_drop" : [],
   "cmd" : "node /home/node/app/index.js",
   "cpu_priority" : 50,
   "devices" : null,
   "enable_publish_all_ports" : false,
   "enable_restart_policy" : false,
   "enabled" : true,
   "entrypoint_default" : "docker-entrypoint.sh",
   "env_variables" : [
      {
         "key" : "PATH",
         "value" : "/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
      },
      {
         "key" : "NODE_VERSION",
         "value" : "18.0.0"
      },
      {
         "key" : "YARN_VERSION",
         "value" : "1.22.18"
      }
   ],
   "exporting" : false,
   "id" : "a29fb23a7b9f43b7645b72301a24ecb6f1265c99a78167d31ad2aa9efab198bd",
   "image" : "node:latest",
   "is_ddsm" : false,
   "is_package" : false,
   "links" : [],
   "memory_limit" : 0,
   "name" : "node",
   "network" : [
      {
         "driver" : "bridge",
         "name" : "bridge"
      }
   ],
   "network_mode" : "bridge",
   "port_bindings" : [
      {
         "container_port" : 8000,
         "host_port" : 8000,
         "type" : "tcp"
      }
   ],
   "privileged" : false,
   "shortcut" : {
      "enable_shortcut" : false
   },
   "use_host_network" : false,
   "volume_bindings" : [
      {
         "host_volume_file" : "/docker/node8000",
         "mount_point" : "/home/node/app",
         "type" : "rw"
      }
   ]
}

 "cmd" : "node /home/node/app/index.js" 

즉 Nodejs Docker가 실행되자마자 NAS의 /docker/node8000 폴더를 /home/node/app으로 마운팅시키고,

/home/node/app/index.js 파일을 node로 실행하도록 됩니다. 따라서 경로가 틀리거나 index.js 파일 내 에러가 존재한다면 해당 nodejs docker는 실행되지 않습니다.

상관없습니다. 왜냐면 해당 index.js는 일단 테스트 서버에서 돌려보고 업로드해주면 되니까요.

그럼 더 중요한 node9000.syno.jon을 다음과 같이 작성합니다.

 node9000.syno.json 

{
   "cap_add" : [],
   "cap_drop" : [],
   "cmd" : "node",
   "cpu_priority" : 50,
   "devices" : null,
   "enable_publish_all_ports" : false,
   "enable_restart_policy" : false,
   "enabled" : true,
   "entrypoint_default" : "docker-entrypoint.sh",
   "env_variables" : [
      {
         "key" : "PATH",
         "value" : "/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
      },
      {
         "key" : "NODE_VERSION",
         "value" : "18.0.0"
      },
      {
         "key" : "YARN_VERSION",
         "value" : "1.22.18"
      }
   ],
   "exporting" : false,
   "id" : "4335cbd6c4d99a72d5112dd374ffa21ae29c3f208d7c0259593d19d983a03be7",
   "image" : "node:latest",
   "is_ddsm" : false,
   "is_package" : false,
   "links" : [],
   "memory_limit" : 0,
   "name" : "nodemon8080",
   "network" : [
      {
         "driver" : "bridge",
         "name" : "bridge"
      }
   ],
   "network_mode" : "bridge",
   "port_bindings" : [
      {
         "container_port" : 9000,
         "host_port" : 9000,
         "type" : "tcp"
      }
   ],
   "privileged" : false,
   "shortcut" : {
      "enable_shortcut" : false
   },
   "use_host_network" : false,
   "volume_bindings" : [
      {
         "host_volume_file" : "/docker/nodemon9000",
         "mount_point" : "/home/node/app",
         "type" : "rw"
      }
   ]
}

NAS이 마운팅 폴더가 /docker/nodemon9000이며,

"cmd" : "node"로 원래 처음 Nodejs를 생성했을 때의 코드를 사용합니다. 그렇기에 실행이 안될일은 없는 것이지요.

/docker 폴더안에

 /docker/node8000, /docker/nodemon9000  폴더도 생성합니다.

이제 불필요한 컨테이너를 삭제합니다. 왜냐면 컨테이너는 실행하지 않더라도 포트가 동일하면 컨테이너로서 만들어지지도 않습니다. (사실 이건좀 애매 -_-; 시놀로지에서 그렇게 관리되도록 한듯한데.. 실행되지 않으면 상관없잖우?? 실행할 때 체크하도록 허지..)

그리고 "설정 - 가져오기"를 클릭하여,

/docker에서 node8000.syno.json과 node9000.syno.json을 각각 가져오기 합니다. (한번에 안되요)

node8000은 실행해도 바로 정지됩니다. /home/node/app/index.js 가 없기 때문입니다.

node8000을 더블클릭하여 세부사항을 보면 내용을 확인할 수 있습니다.

네 index.js 모듈을 찾을 수 없다고 하네요.. (근데 시간이 왜 안맞을까요 -_-; NAS 시스템 시간은 맞음.)

일단 무시해주고요.. nodemon9000을 실행합니다.

 nodemon9000 실행

그러면 잘 실행됩니다. 단지 nodemon이 아니라 node라는 것.

nodemon9000 더블클릭하여 여기서  터미널  탭을 클릭합니다.

nodemon9000이 있고 터미널창이 떠 있지만 이건 무시하고, [생성] 버튼을 클릭합니다.

그르면 "bash"가 생성되는데 이걸 클릭합니다.

아래와 같이,

 cd /home/node/app  으로 이동하여,

 npm install -g nodemon  실행합니다. (-g는 전역으로 설정하는 옵션입니다.)

추가적으로 express 프레임워크를 돌릴 것이라 미리 설치해줍니다.

(추가적인 module을 PC에서 설정하여 설치하는 것은 맨아래에 추가)

이제 Visual Studio Code에서 /docker/nodemon9000/index.js 파일을 생성하고 다음을 작성합니다.

 /docker/nodemon9000/index.js 

const express = require('express')
const app = express()
const HOST = '0.0.0.0'
const PORT = 9000

app.use(express.static('static'))

// URL 라우팅
app.get('/', (req, res) => {
	res.json({
		message: "This is TEST Nodemon Server.",
		port: PORT,
        success: true,
    });
	console.log('Hello World Sent.')
})

app.listen(PORT, () => {
	console.log(`TEST Server running at http://${HOST}:${PORT}`);
})

이제 터미널 화면에서  nodemon index.js 로 서버를 실행합니다.

잘 실행되었습니다!!!!!

로컬주소 http://192.168.0.4:9000 이나

DDNS 설정되어 있다면 해당 주소로 접근하면 다음과 같이 웹브라우저로 볼 수 있습니다.

콘솔창에도 잘 출력됩니다.

이렇게 실행된 상태로 두면, nodemon으로 구동되는 테스트 서버를 실행시켜둘 수 있습니다.

이제 index.js 파일을 수정하면 nodemon이 알아서 node를 재실행해주기 때문에 테스트 서버는 놔두고 개발에만 전념할 수 있게 됩니다.

이제 터미널을 닫아도 프로세스로 nodemon이 실행되고 있게 됩니다.

=> 터미널을 닫았을 때 nodemon이 실행은 되고 있지만 index.js 코드를 수정했을 때 프로세스가 죽어버리고 마네요 ㅠ.,ㅜ;;; 결국 터미널을 개발하는 동안 지속 켜놓아야 하니 역시 불편하네요. 다른 해결방법을 찾기 전까지는 켜놓아야 할 상황이네요.

그래서 또 이걸보고 처음부터 "node /usr/loca/bin/nodemon index.js"로 시작하면 되잖아!?!? 싶지만..

다시 syno.json 설정파일을 변경하고 새로 컨테이너를 만들면, 해당 컨테이너에는 nodemon이 설치되어 있지 않기 때문에 Error!!! 결국 방법이 없네요. 아시는 분 답변 좀 주세요 ㅠ.,ㅜ;

Node8000 실서버 돌리기

이제 해당 index.js 파일을 /docker/node8000 폴더에 복사하고 다음과 같이 수정해줍니다.

 /docker/node8000/index.js 

const express = require('express')
const app = express()
const HOST = '0.0.0.0'
const PORT = 8000

app.use(express.static('static'))

// URL 라우팅
app.get('/', (req, res) => {
	res.json({
		message: "This is REAL Node Server.",
		port: PORT,
        success: true,
    });
	console.log('Hello World Sent.')
})

app.listen(PORT, () => {
	console.log(`REAL Server running at http://${HOST}:${PORT}`);
})

그리고 node8000 도커 컨테이너를 실행하면 또 정지되어 버립니다. 왜냐면 express를 설치하지 않아 없는 모듈이기 때문입니다.

그렇다면 실행도 되지 않는 컨테이너에 어떻게 express를 설치할 수 있을까요?? 터미널 bash도 컨테이너가 켜져서 돌아야 npm 명령이라도 입력할텐데 말입니다.

이제 필요한 것이 PC에서 해당 폴더에 npm 설치하기입니다.

PC cmd 창에서 npm 패키지 설치하는 방법

cmd를 실행하고 해당 폴더로 이동하여 작업을 하면 될 것 같지만,

UNC 경로를 지원하지 않아 네트워크 드라이브 접속이 안됩니다. UNC로 접근하는 방법을 써도 되겠지만..

좀더 간편하고 작업하기도 편한 네트워크 드라이브 할당으로 연결하여 작업하였습니다.

Z:로 Nas의 docker 폴더를 연결해줍니다.

cmd에서 Z:로 이동하여 보면 /docker 폴더로 연결된 것을 볼 수 있습니다.

node8000에 express를 설치할 것이므로,

이렇게 하면 해당 프로젝트 폴더에 node_modules 폴더를 가지게 되고, 해당 프로젝트에서는 해당 module을 사용할 수 있게 됩니다. 즉 현재 node8000 폴더에 한해서 index.js에서 express를 사용할 수 있게 된다는 것이지요.

이제 다시 node8000을 실행시켜 봅니다. 오~오~ 죽지않고 살아있습니다.

잘 설정되었다는 것이지요.

더블클릭해서 보면

로그도 잘 남았고..

프로세스도 잘 실행되고 있습니다.

브라우저 접속해 봅니다.

실서버는 index.js 파일이 수정되었다면, 컨테이너를 반드시 재시작해주어야 정상 동작합니다.

 Node.js  개념

Node.js는 구글 크롬 V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다!? (공식설명)

Node.js는 서버 사이드 어플리케이션 개발을 위한 소프트웨어 플랫폼입니다.

Node.js는 웹서버와 같은 확장성 있는 네트워크 프로그램 제작을 위해 고안되었습니다.

Node.js는 서버 사이드에서 구동되는 자바스크립트 엔진입니다.

더 자세한 개념등을 알고 싶으면, 하기와 같은 다른 블로그를 참고하세요.

하나의 Task가 무거운 일(Load가 많이 걸리는)을 해야할 때에는 Node.js는 적합하지 않으며,

개수가 많고 작은 Task가 빈번히 발생하는 데에는 Node.js가 적합합니다.

현재 하고자 하는 대부분의 작업들이 이해 해당됩니다.

단발적인 Load가 걸리는 일든은 별도 Python 등으로 구동할 예정입니다.

갑자기  npm ?? (Node.js Package Manager)

node.js를 설치하면 같이 설치됩니다.

확장성이 고려되어 있어 Node.js를 위해 추가적인 패키지들을 설치할 수 있는데, 이를 관리해주는 녀석입니다.

쉽게 node.js는 무조건 npm과 함께라고 생각하면 됩니다.

이렇게 마구잡이식 가져다 사용이 정말 익숙하지 않은데.. 적응해 나아가는 중..

편하긴 정말 편함. 현재는 배포자들을 믿고 가는 세상..

윈도우에서 Node.js 설치

무엇인지 모른다면,  LTS(대다수 사용자에게 추천) 를 다운로드 하면 됩니다.

Windows Installer (.msi)를 자신의 윈도우 버전에 맞는 (32-bit, 64-bit) 설치 파일을 다운로드하여 설치하세요.

설치가 완료되었으면, cmd 명령프롬프트를 실행하고 다음과 같이 실행..

그렇다 이제 어디에서든 실행되는  node 라는 명령어 하나를 얻은 셈!!!

node를 실행하면 아래와 같이 javascript 문법을 바로 사용할 수 있습니다.

종료할 때에는  Ctrl + C 를 두번 누르면 됩니다.

마찬가지로 다음도 해보자.

역시 어디에서든 실행되는  npm 이라는 명령어를 얻었습니다.

그럼 이것으로 무얼할 수 있는데?? 기본적으로 서버를 만들 수 있지.. 어떻게?? 오케이.. 진행해봅시다.

Node.js 로 웹서버 시작하기

Node.js 프로젝트를 구동하기 위해 코딩을 할 텐데, 파일을 만드려면 폴더가 있어야겠지요.

D:/Nodejs 등의 위치에 폴더를 만듭니다.

바로 프로그래밍을 해도 되지만 일반적인 절차로 설명..

D:/Nodejs 폴더로 이동하여  npm init  실행. 커서 깜빡일 때 내용을 입력하고 엔터를 치거나 그냥 엔터를 치면 다음으로 넘어간다. 마지막에는  yes  입력하고 엔터.

그럼 package.json 파일이 생성되는데, 나중에 추가 패키지를 설치하거나 관리하는데 도움이 되는 것이라서 보통 생성해두고 진행합니다. 생성된 내용은 위에 표시된 내용이 전부!

이제 웹서버를 돌릴텐데, Node.js 공식홈페이지의 About에 나와있는 내용으로 진행하겠습니다.

 D:/Nodejs/index.js 

파일을 만들고 아래 내용을 입력하고 저장. (Visual Studio Code를 사용하면 편합니다.)

const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

Visual Studio Code를 사용하면 편하게 코딩하면서 아래처럼 터미널 창도 바로 쓸수 있어서 좋습니다.

Visual Studio Code가 설치되었다면,

D:/Nodejs 폴더에서 우클릭으로 나타나는 "Code(으)로 열기"로 Visual Studio Code를 실행하여 연동해 줍니다.

터미널 - 새 터미널을 만들고  node index.js  명령을 입력하여 서버를 실행시킵니다.

Server running at http://127.0.0.1:3000/ 이라고 나오며 서버가 실행되고 접속자를 기다리게 됩니다.

터미널창에서 http://127.0.0.1:3000 주소를 Ctrl 누르고 클릭하면 바로 브라우저가 열립니다.

그럼 크롬으로 해당 주소를 열어보자.

멋지다. 나만의 웹서버 완성!!!

실행중인 Node 서비스를 종료할 때에는 터미널 창에서  Ctrl + C 를 입력하면 정지됩니다.

npm을 이용하여 express, nodemon 설치

이제 Node.js에서 돌아가는 Express라는 웹서버 프레임워크를 설치하고 만들어보겠습니다.

아니 Node.js가 웹서버라며, 근데 또 express라는 웹서버를 설치하고 만든다고???

자세한 설명은 패스하고, Node.js로 웹서버를 만들면 페이지 관리 등의 복잡한 문제들이 생기는데 이를 편하게 관리해주는 녀석이라고 생각하면 됩니다.

이렇게 생각하면 좀 낫습니다.

이제 Node.js는 그냥 웹서버만을 돌리기 위한 단순한 프레임워크가 아니라.. npm 등으로 여러 패키지들을 설치하고 구동하게 해주는 전체 통합 프레임워크이고, 웹서버를 위해 특화된 express를 돌리는 것이 좀더 좋다라고 말이지요.

Node.js + express 조합은 현재 가장 많이 사용되고 있습니다.

그래서 express 프레임워크 패키지를 설치할 것이고, 추가적으로 nodemon 패키지를 설치할 것입니다.

node.js는 구동 js 파일의 변경과 무관하게 처음 실행될 때의 js 파일 내용으로 구동하게 되고, 변경내용을 적용하려면 node를 종료하고 다시 node를 실행해야만 한다. 개발 시점에서는 얼마나 귀찮은 일인가!?

그래서 nodemon이 등장하였다.

nodemon이 내부에서 node를 실행하고, 파일 변경이 발생하면 알아서 node를 재시작해주는 것입니다.

npm express 설치 명령
 > npm install express 

express 공식 홈페이지

npm nodemon 설치 명령
 > npm install -g nodemon 

-g는 global로 어디에서는 nodemon을 실행할 수 있도록 전역 설정해주는 옵션이다.

D:/Nodejs>에서만 nodemon을 사용하겠다면 -g를 붙일 필요는 없다.

Nodejs.express로 웹서버 구동하기

 전체 구성  (index.js, test.html, test.css, test.js, cat.jpg)

 /template  폴더 안에 test.html을 하나 만들고..

 /static  폴더 안에 test.js, test.css 파일과 cat.jpg 이미지 하나를 넣어줍니다.

template에는 html 파일을 보관해 둘것이고, static은 고정 경로로 참조할 파일들을 넣어둘 곳입니다.

 index.js 

const express = require('express')
const app = express()
const HOST = '127.0.0.1'
const PORT = 3000

app.use(express.static('static')) // 고정 폴더 사용

//
app.get('/', (req, res) => { // / 메인 페이지
	res.send("Hello World!!! <a href='/test'>Test Page</a>") // 바로응답
	console.log('Hello World Sent.')
})
app.get('/test', (req, res) => { // /test 페이지
	res.sendFile(__dirname + "/template/test.html") // 파일전송
})

app.listen(PORT, () => { // 서버실행
	console.log(`Nodejs.express Server running at http://${HOST}:${PORT}`);
})

 test.html 

<html>
<head>
    <title>Test Page</title>
    <link rel="stylesheet" href="test.css"/>
    <script src="test.js"></script>
</head>
<body>
    <a href="/">Home</a><br/>
    <img class="mycat" onclick="testAlert()" src="cat.jpg"/><br/>
    한번 가면 끝인 없는 인생 멀그리 힘들게 사니..
</body>
</html>

 test.css 

* {
    background-color: rgb(193, 226, 241);
}
.mycat {
    border-radius: 30px;
}

 test.js 

function testAlert() {
    alert('할거면 목숨바쳐 해봐!')
}

cat.jpg

nodemon으로 index.js 실행
 > nodemon index.js 

이제 모두 끝났습니다. 터미널 창에서 아래와 같이 입력합니다.

서버가 잘 실행되었습니다.

이 상태에서 index.js 파일 내용을 변경하고 저장을 하면..

위와 같이 nodemon이 변경사항으로 인해 node를 알아서 재실행해주는 것을 볼 수 있습니다.

이제 편하게 개발에 집중할 수 있겠네요.

http://127.0.0.1:3000  접속해봅니다.

이제 무언가 그럴싸한 html + css + javascript와 이미지로 이루어진 웹페이지를 구성할 수 있게 되었습니다.

* VSCode

* Node, Npm, Javascript, React Native & Expo를 이용하여 나만의 꿀팁 페이지 꾸미기

* Expo AboutPage.js 만들어보기

예전에 일일이 불안정한 프로그램들 설치하며 찾아다니며, 공부하고 바꾸고 힘들던 그때.. 는 갔다..

물론 지금은 너무 많기 때문에 잘 찾아서 사용해보고 나에게 맞는 프레임워크를 구축하는 것도 일이긴 할 것 같다.

1. FileZilla

 + AWS FTP 접속용

2. 가비아

 + shop 도메인 500원 할인중

3. 무비스타 프로젝트 완성

4. AWS

5. Flask 서버 구동

6. 원페이지 쇼핑몰 DB연동 도메인 연동하여 실행

http://innosoft.shop 

음 재미있는 웹개발이었다..

예전에 php, javascript, css로 노가다 개발하던 것과 크게 다른 건 없는 듯 하면서도..

각각 잘 구성된 프레임워크라는 이름으로 잘 가져다 쓰도록 구성되었다는 점이 좋은 듯..

확실히 특정 정보를 보기 위해 페이지를 넘기며 매번 페이지가 바뀌는 형태보다는

Ajax로 백엔드와 연동하여 UI를 갱신하는 것이 사람이 인식함에 지속적인 정보의 유지가 된다는 느낌이 든다.

조금 아쉬운 것은

생각하는 아이디어들을 구현해낼 정도의 결과물들은 아니라서 ㅠ.,ㅜ;

완전 겉핥기가 끝난것이고, 또 공부할 내용들이 많을 듯하다.

1. Flask 서버 사용하기

2. Flask 서버로 Ajax 이용하여 GET, POST 등 요청

3. 모두의 책 리뷰. 요청정보 MongoDB 저장하고 List 불러와서 보여주기

4. 나홀로메모장. 글쓰기 -> 웹크롤링하여 DB저장하고 -> 목록 보여주기

5. 원페이지 쇼핑몰 - 주문하고 목록보여주기

Flask 서버와 Ajax를 활용하여 백그라운드 정보 요청 및 표시 처리 등의 반복 작업..

마지막 원페이지쇼핑몰은 오히려 웹크롤링 등이 연동되지는 않음.

1. OpenAPI로 Ajax 연동

2. Python List, Dictionary 기본 사용

+ JQuery와 거의 유사하네.

3. Naver 영화 랭크 페이지 크롤링하여 MongoDB에 저장

4. 지니 뮤직 사이트 랭크 크롤링 및 MongoDB 저장

이젠 정말 하나하나 이해하고 개발하는 시대는 끝났다..

무엇을 어떻게 잘 활용하여 서비스를 만드는가가 중요한 것이다.