전체 글

🔮 파이썬 설치하기1) 공식 홈페이지(https://www.python.org)에서 맥을 위한 설치 파일(.pkg)을 다운로드합니다. 2) 다운로드가 완료되면 더블 클릭하며 설치합니다. 3) 설치가 완료되면 패키지 파일은 삭제합니다. 4) 터미널을 열어 아래 명령어를 입력했을 때, 설치된 파이썬의 버전 정보가 나오면 정상적으로 설치된 것입니다.python3 --version예시) Python 3.14.7 🔮 가상환경 생성하기아래 작업은 프로젝트를 새로 생성할 때 한 번만 수행하면 됩니다. 1) 프로젝트를 위한 폴더를 생성합니다.단순히 Finder에서 폴더를 생성할 수도 있고, 터미널에서 명령어를 통해 생성할 수도 있습니다. 2) 터미널을 열고 방금 생성한 프로젝트 폴더로 이동합니다. 3) 현재 프로젝..

🗂️ sort 메서드배열 메서드인 sort()는 기존 배열 자체를 오름차순 또는 내림차순으로 정렬합니다.요소들을 문자열로 취급하여 정렬하기 때문에 콜백 함수 없이 sort()만 사용한다면 숫자의 대소 관계가 아닌 사전 순으로 정렬됩니다. sort()는 배열의 두 요소를 반복적으로 비교하면서 비교 함수의 반환값이 음수인지 양수인지에 따라 요소의 순서를 결정합니다.return a - b // a, b 순서 유지return a - b // > 0 라면 a가 b보다 작다 -> a, b 위치 교환return a - b // = 0 라면 a와 b가 같다 -> 현재 순서 그대로 유지// 최종적으로 오름차순 정렬이 됨따라서 비교 함수를 통해 다양한 요소를 기준으로 정렬 방식을 커스텀할 수 있습니다.아래에서 비..

오늘날 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가지..