profile
데일리 개발일지
post-thumbnail

[JS][귤 고르기]

귤 고르기cart라는 오브젝트로 종류별 귤이 몇개 담기는지 구현해준다.cart오브젝트에서 value값만 추출해서 하나의 배열로 만들어준뒤, 크기순으로 나열한다. object Value -MDN 설명이제 cartArray을 앞에서부터 더해주면서 k보다 커지는 순간까지 담

2023년 8월 8일
·
0개의 댓글
·
post-thumbnail

[REACT/VITE]카카오맵 api

현재 프로젝트에 지도가 필요해서 지도 API를 현재 REACT 프로젝트에 적용시켜보려고 한다.카카오 개발자 사이트에서 회원가입카카오맵 API 링크로 접속한다.APP KEY 발급 선택어플리케이션 추가하기5.앱 이름과 여러 정보들을 입력하고 6.일단 로컬에서 실행할거니까

2023년 8월 7일
·
0개의 댓글
·

[JS][멀리뛰기]

Programmers 멀리뛰기 문제효진이는 멀리 뛰기를 연습하고 있습니다. 효진이는 한번에 1칸, 또는 2칸을 뛸 수 있습니다. 칸이 총 4개 있을 때, 효진이는(1칸, 1칸, 1칸, 1칸)(1칸, 2칸, 1칸)(1칸, 1칸, 2칸)(2칸, 1칸, 1칸)(2칸, 2칸)

2023년 8월 5일
·
0개의 댓글
·
post-thumbnail

[JS][N개의 최소공배수]

N개의 최소공배수두 수의 최소공배수(Least Common Multiple)란 입력된 두 수의 배수 중 공통이 되는 가장 작은 숫자를 의미합니다. 예를 들어 2와 7의 최소공배수는 14가 됩니다. 정의를 확장해서, n개의 수의 최소공배수는 n 개의 수들의 배수 중 공통

2023년 8월 2일
·
1개의 댓글
·
post-thumbnail

영화 추천 웹 프로젝트 - 2)TMDB API 탐색

TMDB API 탐색

2023년 7월 23일
·
1개의 댓글
·
post-thumbnail

영화 추천 웹 프로젝트

이번에는 Next.js와 TypeScript, 그리고 TMDB API를 활용하여 영화 웹사이트를 만드는 프로젝트에 도전해 보려고 합니다. 개인적으로 영화를 좋아하고, 최근에 Next.js와 TypeScript에 대해 조금씩 배웠기 때문에 이를 실전 프로젝트에 적용해 보

2023년 7월 23일
·
0개의 댓글
·
post-thumbnail

React로 QR코드 생성하기

라이브러리 활용 10초만에 QR만들기

2023년 7월 17일
·
1개의 댓글
·

[JS][LV2][점프와 순간 이동]

문제 설명OO 연구소는 한 번에 K 칸을 앞으로 점프하거나, (현재까지 온 거리) x 2 에 해당하는 위치로 순간이동을 할 수 있는 특수한 기능을 가진 아이언 슈트를 개발하여 판매하고 있습니다. 이 아이언 슈트는 건전지로 작동되는데, 순간이동을 하면 건전지 사용량이 줄

2023년 7월 8일
·
0개의 댓글
·
post-thumbnail

[JS][Lv2][예상 대진표]

https://school.programmers.co.kr/learn/courses/30/lessons/12985문제 설명△△ 게임대회가 개최되었습니다. 이 대회는 N명이 참가하고, 토너먼트 형식으로 진행됩니다. N명의 참가자는 각각 1부터 N번을 차례대로 배

2023년 7월 5일
·
0개의 댓글
·
post-thumbnail

[JS][Lv.2][영어 끝말잇기]

영어 끝말잇기문제 설명1부터 n까지 번호가 붙어있는 n명의 사람이 영어 끝말잇기를 하고 있습니다. 영어 끝말잇기는 다음과 같은 규칙으로 진행됩니다.1번부터 번호 순서대로 한 사람씩 차례대로 단어를 말합니다.마지막 사람이 단어를 말한 다음에는 다시 1번부터 시작합니다.앞

2023년 7월 1일
·
0개의 댓글
·

[JS][Lv.2][짝지어 제거하기]

https://school.programmers.co.kr/learn/courses/30/lessons/12973문제 설명짝지어 제거하기

2023년 6월 30일
·
0개의 댓글
·
post-thumbnail

[JS][Lv2][피보나치 수]

https://school.programmers.co.kr/learn/courses/30/lessons/12945문제 설명피보나치 수는 F(0) = 0, F(1) = 1일 때, 1 이상의 n에 대하여 F(n) = F(n-1) + F(n-2) 가 적용되는 수 입

2023년 6월 28일
·
0개의 댓글
·
post-thumbnail

[JS][Lv.2][다음 큰 숫자]

https://school.programmers.co.kr/learn/courses/30/lessons/12911주어진 자연수보다 큰 수 중에둘다 이진수로 변환했을때 1의 갯수가 같은 수그것들중 가장 작은 수당연히 처음에는 반복문을 써주면 좋겠다고 생각이 들었

2023년 6월 27일
·
0개의 댓글
·
post-thumbnail

[JS][Lv.2][이진 변환 반복하기]

https://school.programmers.co.kr/learn/courses/30/lessons/701291 . 0을 없애준다.2\. 남은 문자열의 길이를 이진수로 변환3\. 문자열이 '1'이 될때까지 반복다음과같이 1번과 2번 3번 조건을 적절히 배치

2023년 6월 26일
·
0개의 댓글
·
post-thumbnail

Next.js 폰트적용하기

https://nextjs.org/docs/pages/building-your-application/optimizing/fonts간단하게 요약하자면 1\. Next/font는 모든 글꼴 파일에 대해 자동&자체 호스팅을 제공2\. CSS는 내부적은 size-ad

2023년 6월 24일
·
0개의 댓글
·
post-thumbnail

Nextjs 이미지 넣기

이미지 주소 복사 , 호스트네임 설정하기

2023년 6월 5일
·
0개의 댓글
·

Next.js Loading UI 구현

웹을 구현할 때 data를 가져오는 경우가 많은데,간혹 받아오기전에 HTML로 표시를 해주려다보니 레이아웃이 어그러지거나 오류가 뜨는경우가 있다. 이때, loading을 구현해주면 한결 편할 것이다. NEXT.JS에서는 이러한 로딩 방식을 미리 구현을 해놓은 상태라

2023년 6월 3일
·
0개의 댓글
·
post-thumbnail

[프로그래머스][JS][JadenCase 문자열 만들기 ]

https://school.programmers.co.kr/learn/courses/30/lessons/12951JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 단, 첫 문자가 알파벳이 아닐 때에는 이어지는 알파

2023년 6월 2일
·
0개의 댓글
·
post-thumbnail

Next.js 13 정적/동적 라우팅

Next.js를 학습하면서 편하다라고 느낀것은 바로 라우팅이다. Next.js는 기본적으로 페이지 기반의 라우팅 시스템을 제공한다. 파일 시스템에 기반한 라우팅은 빠르고 쉽게 웹 애플리케이션의 구조를 만들 수 있게 해주며 구조는 다음과 같이 직관적이다. 기존13버전 이

2023년 6월 1일
·
0개의 댓글
·