[알고리즘] 선택 정렬

Selection SortSimilar to bubble sort,but instead of first placing large values into sorted position, it places small values into sorted position.진행하면서 최솟값을 선택하고, 한 루프가 끝나면 맨 앞으로 배치하는 작업을 반복한다.Selection Sort 구현하기Store the first element as the smallest value you've seen so far.Compare this item to the next item in the array until you find a smaller number.If a smaller number is found, designate th..

• format_list_bulleted Study Notes/알고리즘
• · 2025. 5. 2.
• textsms

[알고리즘] 버블 정렬

📌VISUALGO 사이트를 이용하면, 정렬 알고리즘을 시각적을 한 번에 이해하기 아주 좋다! 유용한 사이트 What is sorting?Sorting is the process of rearranging the items in a collection (e.g. an array) so that the items are in some kind of order. 정렬을 수행하는 방법은 무수히 많다...정렬 알고리즘이 무섭게 느껴지는 이유는 현존하는 유명 알고리즘을 15개나 떠올릴 수 있기 때문...! Why do we need to learn this?Sorting is an incredibly common task, so it's good to know how it works.사용하는 언어에 내장된 정렬 ..

• format_list_bulleted Study Notes/알고리즘
• · 2025. 5. 1.
• textsms

[학습 기록] Day65

프론트단에서 유효성 검사테스트용으로 간단하게 작성. 본래는 좀 더 엄격한 조건을 건다.import { useState } from 'react'import css from './registerpage.module.css'import axios from 'axios'export const RegisterPage = () => { const [userName, setUserName] = useState('') const [password, setPassword] = useState('') const [passwordOk, setPasswordOk] = useState('') const [errUserName, setErrUserName] = useState('') const [errPassword,..

• format_list_bulleted 웹 개발 일기/[LG유플러스] 유레카
• · 2025. 4. 30.
• textsms

[학습 기록] Day64: API 사용하기 (2) - Tanstack Query

Tanstack Query Installation | TanStack Query React DocsYou can install React Query via , or a good ol' tanstack.com 모든 라이브러리를 100% 학습하는 것은 불가능하다.공식문서를 참고하며 필요한 기능을 체득하자. 🎯 TanStack Query를 쓴다는 건? 서버 데이터(fetch)를 편하게 다루고 관리하겠다 직접 fetch하고, 로딩 중 상태 관리하고, 에러 처리하고, 리렌더링 관리하는 게 너무 귀찮은데 React Query는 이걸 자동으로 해준다. 캐싱(caching)과 리페칭(refetching)도 알아서 해줌. 리액트 쿼리 설치npm i @tanstack/react-query yarn add @tansta..

• format_list_bulleted 웹 개발 일기/[LG유플러스] 유레카
• · 2025. 4. 29.
• textsms

[학습 기록] Day63: API 사용하기 (1) - 날씨 API

.env 파일에서 Key 관리1. .env 파일 생성프로젝트 루트 디렉토리에 .env 파일을 생성합니다:VITE_API_KEY=your_api_key_hereVITE_API_URL=https://api.example.com2. 네이밍 규칙Vite에서 환경 변수를 클라이언트 코드에서 사용하려면 반드시 VITE_ 접두사를 붙여야 합니다:VITE_API_KEY=abcdef123456 (O)API_KEY=abcdef123456 (X - 클라이언트 코드에서 접근 불가)3. 환경 별 .env 파일다양한 환경에 따라 다른 .env 파일을 사용할 수 있습니다:.env - 기본 파일, 모든 환경에서 로드.env.local - 로컬 환경 변수, git에서 무시해야 함.env.development - 개발 환경.env.pr..

• format_list_bulleted 웹 개발 일기/[LG유플러스] 유레카
• · 2025. 4. 29.
• textsms

[학습 기록] Day62: 리액트로 가계부 만들기

완성본 github 주소: https://github.com/yeom-kenco/account-book.git완성본 배포 사이트: https://yeom-kenco.github.io/account-book/💭가계부 이름에 내 닉네임만 뜨지만... input으로 받아서 뜰 수 있게했으면 좋았겠다고 뒤늦게 생각이 드는...💭모달 구현 진행 예정....💭유효성 검사 및 이에 대한 토스트창 띄우기 진행 예정... 과제 요구사항더보기개요수입과 지출을 기록하고 잔액을 관리할 수 있는 웹 애플리케이션으로, 모든 데이터는 브라우저의 로컬 스토리지에 저장된다.React의 기본 개념, 상태 관리, 로컬 저장소 활용 능력을 평가하기 위한 것이다.디자인의 정확한 구현보다 기능적 요구사항을 충족하는 데 중점을 둘 것.기술..

• format_list_bulleted 웹 개발 일기/[LG유플러스] 유레카
• · 2025. 4. 25.
• textsms