Web(8)
-
로또 번호 생성기: 역대 로또 데이터를 기반으로 한 확률 높은 번호 생성기 만들기 (Next.js & MySQL)
역대 로또 데이터를 활용해 번호 출현 빈도를 분석하고, 가중치 기반으로 확률 높은 로또 번호를 생성하는 방법을 소개합니다. Next.js와 MySQL로 구현한 로또 번호 생성기 프로젝트로 효율적인 번호 추천1. 소개로또를 구매할 때마다 "이번엔 당첨될까?"라는 기대를 하곤 합니다. 이런 기대를 바탕으로, 이번 포스팅에서는 역대 로또 데이터를 기반으로 번호 출현 빈도를 분석하고, 확률 높은 번호를 추천하는 로또 번호 생성기를 만드는 방법을 소개합니다.이 프로젝트는 Next.js와 MySQL을 활용하여 구현되었으며, 로또 번호 6개와 보너스 번호 1개를 생성하는 알고리즘을 포함합니다.2. 주요 기능역대 로또 데이터 분석: 데이터베이스에서 과거 당첨 번호를 가져와 번호 출현 빈도를 계산합니다.가중치 기반 번호..
07:59:39 -
프로미스 패턴(Promise): 비동기 작업을 효율적으로 다루는 방법
프로미스 패턴(Promise): 비동기 작업을 효율적으로 다루는 방법 JavaScript는 웹 애플리케이션에서 비동기 작업을 처리하는 데 필수적인 언어입니다. 비동기 작업은 파일 로딩, 네트워크 요청 및 데이터베이스 쿼리와 같은 작업을 의미하며, 이러한 작업을 효과적으로 다루려면 프로미스 패턴이 필요합니다. 프로미스란 무엇인가요? 프로미스는 JavaScript에서 비동기 작업을 관리하는 객체입니다. 이 패턴을 사용하면 코드를 깔끔하게 유지하고 오류 처리를 간단하게 할 수 있습니다. 프로미스는 세 가지 상태를 가집니다. 대기(Pending): 작업이 진행 중일 때의 상태입니다. 이행(Fulfilled): 작업이 성공적으로 완료된 상태입니다. 거부(Rejected): 작업이 실패한 상태입니다. 프로미스 사용..
2023.11.07 -
chatGPT가 만든 스네이크 게임(Snake Game)
최근 이슈 되고 있는 chat gpt 이거 정말로 코딩도 해주는지 시험삼아서 한번 해봤습니다!! Score: 0 10번정도 수정을 걸쳐서 순수하게 GPT만드로 코드를 만들었습니다. 생각보다 잘하는데요? 아래는 실행 이미지입니다.
2023.04.21 -
[Javascript] replace에서 gi?가 뭐야??
replace에서 gi?가 뭐야?? 우선 이걸 알기 위해선 "replace()" 에 대해서 먼저 알아야 해요. replace()함수는 문자열에서 변경하려는 문자열이 여러번 반복될 경우, 첫 번째로 발견된 문자열만 치환애줘요. const str = "hello test word"; console.log(str.replace(/t/, 'a')) > hello test word > hello aest word g :발생한 모든 pattern에 대한 전역 검색 > i : 대/소문자 구분 안함 > m : 모든줄 검색 gi = 문자전체, 대소문자 구문 없이 변경이라는 옵션이 되는 거에요. const str = "hello Test word"; console.log(str.replace(/t/gi, 'a')) > h..
2023.02.11 -
<img> 태그의 alt 속성 왜 넣어야 하나?
정의 및 특징 태그의 alt 속성은 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트를 명시합니다. 이러한 alt 속성은 사용자가 느린 네트워크 환경이나 src 속성값의 오류, 시각 장애인용 스크린 리더의 사용 등 어떤 이유로든 사용자가 이미지를 볼 수 없을 때 이미지 대신 제공할 대체 정보를 제공합니다. 한국처럼 인터넷이 빠른 환경에서는 크게 볼일이 없지만 인터넷 환경이 느리거나 장애인 관련 프로그램이나 액세스 빌리티관련하여 조금 공부를 했다면 누구나 아는 내요이겠죠. 문법 예제 이미지가 로딩되지 않는 상황 또는 장애인분들의 웹사용의 편의를 위해서 꼭 넣어주세요 지원브라우저 속성 크롬 웨일 파이어폭스 사파리 오라클 엣지 alt O O O O O O
2022.12.01 -
create-nuxt-app은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.
'create-nuxt-app'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 검색을 해도 node.js 설치 버전등을 명시하지 안된다고는 되어있지 않았다. 그래서 조금더 검색해보니 안되는 이유가 나와있었다. > npm i -g create-nuxt-app 설치를 해줘야 한다고 합니다. 설치이후에는 잘동작합니다.
2022.11.09