분류 전체보기

오늘날 AI는 다양한 산업뿐만 아니라 일상 속 깊숙이 들어오게 되었습니다.AI는 우리에게 엄청난 편리함을 제공하지만, 동시에 여러 유형의 피해를 발생시키기도 합니다.단순히 기술적 오류를 넘어 개인과 사회 전체에 영향을 미칠 수 있기 때문에 AI로 인해 발생할 수 있는 피해의 유형을 알고 있는 것은 중요합니다.아래에서 대표적인 피해 유형 5가지와 그 예시를 알아보겠습니다.구글의 강의 플랫폼 Coursera에서 'Google AI Essentials' 강의를 듣고 정리한 내용입니다. 👾 AI로 인한 피해 유형1) 할당 피해 (Allocative Harm)AI가 개인의 웰빙과 직결되는 영역에서 기회, 자원, 정보를 차단할 때 일어납니다.개인의 복지에 부정적인 영향을 미치며 특정 집단이 기회를 잃게 되는 상황..

먼저 폰트를 적용한 프로젝트의 기술 버전은 다음과 같습니다.Next.js 15 (Page Router)Tailwind v4Typescript 5 💬 폰트 파일 다운로드하기제가 사용할 폰트는 'Pretendard'와 '이롭게 바탕체'였습니다.공식 사이트에서 웹 폰트를 다운로드하고, 'woff' 파일을 프로젝트에 추가합니다.저는 다음과 같은 폴더 구조로 폰트 파일을 저장했습니다. (./src/assets/fonts) 💬 localFont 불러오기프로젝트의 뼈대가 되는 '_app.tsx' 파일에 Next.js의 'next/font' 모듈을 임포트 하고 폰트를 로드합니다.import localFont from 'next/font/local';// 프리텐다드 폰트const pretendard = localFo..

티스토리에 글을 올리면 깃허브에도 잔디가 심어지도록 RSS와 Github Actions를 사용해 연동해보도록 하겠습니다. 🖇️ 준비하기1) 티스토리 RSS 설정'블로그 관리 페이지 - 관리 탭 - 블로그 항목'에서 기타 설정을 사진과 같이 변경해줍니다.잘 설정되었다면 '자신의_블로그_주소/rss'로 접속 시 다음과 같은 화면이 보입니다.ex) https://dev-district.tistory.com/rss 2) 깃허브 레포지토리 클론하기깃허브에서 README.md 파일이 있는 폴더를 클론해옵니다.선호하는 방법으로 클론해 오면 되며, 개인적으로 SSH 방식을 추천합니다. (참고 링크)VSCode에서 클론해 온 폴더를 열어 연동할 준비를 마칩니다. 🖇️ Github Action 파일 작성하기(로컬에서..

🌳 훅(Hook)이란함수형 컴포넌트에서 리액트의 상태(state)와 생명주기 기능을 연동해주는 함수입니다.리액트 버전 16.8부터 새롭게 추가된 기능으로, 리액트의 클래스형 컴포넌트에서만 이용할 수 있던 기능을 함수형 컴포넌트에서도 사용할 있게 해줍니다.따라서 훅을 사용하면 기존의 클래스(class)를 작성하지 않고도 상태와 리액트의 다른 여러 기능들을 이용할 수 있습니다.훅은 함수형 컴포넌트에 맞게 만들어진 것이므로 함수형 컴포넌트에서만 사용이 가능하며, 'use'라는 키워드로 시작하는 특징을 가지고 있습니다. 리액트에는 여러 가지 훅들이 존재합니다. 이번 글에서는 대표적인 5가지 훅을 정리해보겠습니다.useStateuseEffectuseRefuseMemouseCallback 🌳 대표적인 훅 5가지..