분류 전체보기
-
AI, 책임 있는 AI, 그리고 미래에 AI로 대체될 직업들AI&ML 2024. 10. 6. 08:26
인공지능(AI)은 이제 더 이상 미래의 기술이 아닌, 우리 삶의 일상적인 부분이 되었습니다. AI는 우리 생활을 혁신하고 있으며, 이를 통해 효율성을 높이고 더 나은 결과를 도출할 수 있게 해줍니다. 하지만 AI가 직업 시장에 미치는 영향에 대한 논의도 활발해지고 있습니다. 그럼 AI란 무엇이고, 책임 있는 AI는 왜 중요한지, 그리고 어떤 직업들이 미래에 AI로 대체될 가능성이 있는지 살펴보겠습니다.AI란 무엇인가?AI(Artificial Intelligence)는 인간의 지능을 모방해 학습하고 문제를 해결할 수 있는 기술을 말합니다. 기계가 데이터를 학습하고 인간처럼 사고하고 결정을 내리는 능력을 갖추도록 만드는 것이죠.AI의 종류AI는 크게 두 가지로 나눌 수 있습니다: **약한 AI(Weak AI..
-
스벨트킷(SvelteKit) 레이아웃 정의하기 - 07SvelteKit 2024. 10. 5. 17:12
지금까지 우리는 라우팅을 다루면서 각 페이지를 독립적인 컴포넌트로 취급했습니다.하지만 애플리케이션을 개발할 때는 모든 페이지에 고정된 레이아웃을 정의하는 것이 흔합니다. 예를 들어, 상단에 헤더와 하단에 푸터를 배치하는 것과 같은 구조가 자주 사용됩니다. SvelteKit에서는 레이아웃을 정의하기 위해 +layout.svelte 파일을 생성할 수 있습니다.레이아웃 정의하기1단계: +layout.svelte 파일 생성우선, routes 폴더 안에 +layout.svelte 파일을 생성합니다. 이 파일이 기본 레이아웃 파일이 됩니다. 이 레이아웃 파일은 모든 페이지에 공통으로 적용됩니다.2단계: 슬롯 태그 사용하기이제 +layout.svelte 파일에 HTML 구조를 추가할 건데요, 여기에서 중요한 것은 s..
-
스벨트킷(SvelteKit) 동적 네비게이션 방법 - 06SvelteKit 2024. 10. 5. 10:16
보통 웹애플리케이션을 작성할때 앵커 태그를 사용하여 다른 경로로 이동할수 있다는것을 아실겁니다. 대부분의 경우 이것만으로 충분하지만, 때로는 특정 경로로 프로그래밍적으로 이동해야 할 때가 있습니다. 예를 들어, 쇼핑몰에서 주문을 할 때, 폼 제출이 성공적으로 이루어지면 주문 확인 페이지로 이동하게 됩니다. 이 시나리오는 다른 종류의 제출 작업에서도 마찬가지일 수 있으며, 실제 애플리케이션에서는 반드시 필요한 기능 중 하나입니다.이번 글에서는 SvelteKit에서 이를 어떻게 구현할 수 있는지 배워보겠습니다. 가상의 시나리오를 가정하고 버튼 클릭 핸들러를 통해 프로그래밍적으로 다른 경로로 이동하는 방법을 구현해 보겠습니다. 예시로, 홈 페이지에서 "주문하기" 버튼을 클릭하면 제품 목록 페이지로 이동하도록..
-
스벨트킷(SveltKit) 동적 라우트 구현과 라우트 파라미터 처리 방법 - 05SvelteKit 2024. 10. 4. 23:50
SvelteKit은 빠르게 성장하고 있는 웹 프레임워크 중 하나로, 다양한 웹 애플리케이션을 효율적으로 구축할 수 있도록 돕습니다. 특히 SvelteKit의 네스티드 라우트와 동적 라우트 기능은 복잡한 애플리케이션에서 매우 유용합니다. 이번 글에서는 SvelteKit에서 동적 라우트를 설정하고 라우트 파라미터를 처리하는 방법을 알아보겠습니다.네스티드 라우트 개념네스티드 라우트는 말 그대로 라우트 안에 또 다른 라우트를 정의하는 방식입니다. 예를 들어 /blog/first와 같은 경로는 /blog라는 메인 경로 아래에 first라는 서브 경로를 추가하는 방식입니다. SvelteKit에서 네스티드 라우트를 구현하려면 특정 폴더 구조를 따라 파일을 배치하면 됩니다.제품 목록 및 세부 정보 페이지 생성이제 간단..
-
스벨트킷(SvelteKit) 라우팅 - 04SvelteKit 2024. 10. 3. 21:04
스벨트킷(SvelteKit)은 파일 시스템 기반의 라우팅을 제공합니다. 이는 코드베이스 내 파일과 폴더에 따라 브라우저에서 접근할 수 있는 URL 경로가 정의된다는 뜻입니다. 이제 코드를 통해 구체적인 예시로 이 라우팅 방식을 알아보겠습니다.프로젝트 설정이전 글에서 설명한것처럼 먼저 새로운 스벨트킷 프로젝트를 설정하고 나서, 해당 프로젝트의 폴더 구조를 이해하는 것이 중요합니다. 기본 폴더 구조프로젝트를 설정한 후, src 폴더 아래에 routes 폴더를 생성하고 모든 라우트는 이 폴더 내에 위치해야 합니다. 스벨트킷에서는 라우트를 설정하기 위해 특정한 파일 및 폴더 명명 규칙을 따르는 것이 중요합니다.라우팅 규칙모든 라우트는 routes 폴더에 위치해야 합니다.**파일명은 +page.svelte**이어..
-
허브를 사용하여 관리, 공동 작업 [Azure AI 스튜디오 - 생성형 AI 개발 허브]AI&ML 2024. 9. 30. 13:58
1. 허브란 무엇인가?허브는 Azure AI Studio의 기본 최상위 리소스로, AI 개발을 위한 중앙 관리 시스템입니다. 허브를 통해 팀은 IT 관리자의 지속적인 지원 없이도 안전하게 프로젝트를 만들고, Azure 리소스를 공유할 수 있습니다.2. AI 프로젝트에서 허브의 역할허브는 프로젝트 작업 공간을 제공하여 개발자가 데이터를 격리하고 액세스를 제한할 수 있게 합니다. 이를 통해 팀은 독립적으로 작업을 구성하고, 동일한 보안 설정과 리소스 접근을 쉽게 상속받습니다.3. IT 병목 현상 없이 AI 사용 사례 탐색성공적인 AI 프로젝트는 프로토타입에서 시작되며, 이를 위해 클라우드 리소스가 필수적입니다. 하지만 단일 팀이 이러한 리소스를 관리할 경우, 많은 병목 현상이 발생할 수 있습니다. Azure..
-
스벨트킷(SvelteKit) 프로젝트 구조 - 03SvelteKit 2024. 9. 29. 18:41
이번 글에서는 이전 강좌에서 만들어본 간단한 SvelteKit 애플리케이션의 파일과 폴더 구조에 대해 하나씩 살펴보도록 하겠습니다. 이미 "Hello World" 애플리케이션을 생성하고 실행하는 방법을 배웠으니, 이제 그 프로젝트 안에 포함된 파일들이 어떤 역할을 하는지 간단히 알아보겠습니다.프로젝트 디렉토리 구조 살펴보기먼저, VS Code에서 "Hello World" 프로젝트를 열면, 루트 디렉토리에는 아래 그림과 같이 폴더들과 파일들이 보일 것입니다. 1. package.json 파일이 파일은 Node.js 프로젝트에서 매우 중요한 역할을 하며, 프로젝트의 의존성(Dependencies) 및 실행 스크립트를 정의합니다.의존성: SvelteKit과 Svelte 관련 패키지가 여기에 나열되어 있습니다..
-
스벨트킷(SvelteKit) 프로젝트 시작하기 - 02SvelteKit 2024. 9. 29. 14:10
스벨트킷(SvelteKit)을 사용해 애플리케이션을 처음부터 만드는 과정을 알아보겠습니다. 이 과정에서는 개발 환경을 설정하는 방법부터 기본적인 애플리케이션을 실행하고 수정하는 방법까지 다룹니다.1. 개발 환경 설정하기스벨트킷을 사용하기 위해선 두 가지가 필요합니다:Node.js 설치개발툴(IDE) 선택1.1 Node.js 설치Node.js는 스벨트킷을 실행하는 데 필수적입니다. Node.js를 설치하려면 nodejs.org로 가서 최신 안정 버전을 다운로드하고 설치하세요.이미 설치되어 있다면 최신 버전으로 업데이트하는 것이 좋습니다.1.2 개발툴(IDE) 선택텍스트 에디터로는 VS Code를 추천합니다. code.visualstudio.com에서 VS Code를 다운로드하고 설치하세요.2. 프로젝트 폴..