혜개바라
close
프로필 배경
프로필 로고

혜개바라

  • 분류 전체보기 (170)
    • 코테 준비 (46)
      • 알고리즘 (8)
      • [JS] 프로그래머스 (37)
      • [MYSQL] 프로그래머스 (1)
    • 언어 정리 (52)
      • JavaScript (52)
      • TypeScript (0)
    • 개발 공부 (26)
      • HTML (2)
      • CSS (2)
      • React-Next.js (6)
      • Vue (0)
      • Tanstack Query (1)
      • Webpack (4)
      • Github (2)
      • MYSQL (2)
      • 기타 (개발 공부) (7)
    • 프로젝트 (22)
      • Vanilla JS 문서편집기 (10)
      • 올해도 아좌좌 (5)
      • 개발괴발 (5)
      • 기타 (프로젝트) (2)
    • 회고 (18)
    • 블로그 관리 (0)
    • 기타 (4)
  • 홈
  • 코테 준비
  • 언어 정리
  • 개발 공부
  • 프로젝트
  • 회고
  • 태그
  • 방명록
  • github@suehdn
Vue로 영화 검색 페이지 만들기 회고(+ TS 사용 후기)

Vue로 영화 검색 페이지 만들기 회고(+ TS 사용 후기)

DemoGithub한 주 동안 무엇을 했는가?월요일, 화요일 : vue 강의 듣기수요일, 목요일, 금요일, 토요일, 일요일 : vue 강의를 들으며 영화 검색 페이지 제작 과제프로젝트 접근 순서1. 의욕만 앞선 ["일단 강의를 다 듣자!"] 결심-> 일단 강의를 먼저 듣기 시작했고 점점 조급해져오는 마음에 일단 구현 먼저 하고 필요할 때마다 강의를 보자는 생각을 함vite를 이용해 기초 세팅 먼저 하고 무대포로 일단 코드를 짜기 시작처음에 검색페이지를 만들고 하는것 까진 좋았으나......기본 요구사항에 존재하는클라이언트(브라우저)에서 API Key(7035c60c)가 노출되지 않아야 합니다! 항목은 무시한채 그대로 Network에서 고스란히 보여줘버리기!이 문제를 해결하기 위해선 서버가 필요하다는 것을..

  • format_list_bulleted 프로젝트/기타 (프로젝트)
  • · 2024. 8. 6.
  • textsms

프로그래머스 Lv.2 : 소수 찾기 - 완전 탐색

이 문제는 두가지 방법으로 풀 수 있습니다.첫 번째는 만들 수 있는 가장 큰 수를 찾아 그 수 이하의 모든 소수를 구해 numbers의 숫자가 포함되어 있는지 확인하는 방법.두 번째는 만들 수 있는 모든 수를 구해(DFS) 소수인지 아닌지 판별하는 방법.첫 번째 방법은function solution(numbers) { let answer = 0; let arr = []; numbers = numbers.split("").sort((a,b)=> b-a).join(""); for(let i = 0; i x).map(x =>{ let mini_numbers = numbers.toString().split(""); let mini_x = x.toString().sp..

  • format_list_bulleted 코테 준비/[JS] 프로그래머스
  • · 2024. 8. 5.
  • textsms

프로그래머스 Lv.2 : 가장 큰 수 - 정렬

제가 문제를 풀다가 난관에 봉착했었습니다.//1번function solution(numbers) { var answer = ''; let arr = []; for(let i = 0; i b[1].substr(0,4)-a[1].substr(0,4)) arr.map(x => answer+=x[0]) return answer[0] === "0"?"0":answer;}//2번function solution(numbers) { var answer = ''; let arr = []; for(let i = 0; i b[1].substr(0,4)-a[1].substr(0,4)) arr.map(x => answer+=x[0]) return answer[0] ..

  • format_list_bulleted 코테 준비/[JS] 프로그래머스
  • · 2024. 8. 5.
  • textsms
프로그래머스 Lv.2 : 피로도 - DFS

프로그래머스 Lv.2 : 피로도 - DFS

던전 array 순서대로 처음부터 탐색 -> 점점 깊게 들어가는 방식function solution(k, dungeons) { let max = 0; let visit = new Array(dungeons.length).fill(false); function dfs(cur,tired,depth){ visit[cur] = true; tired-=dungeons[cur][1]; for(let i = 0; i =dungeons[i][0])dfs(i,tired,depth+1); } max = Math.max(max,depth); visit[cur] = false; } for(let i = 0 ; i

  • format_list_bulleted 코테 준비/[JS] 프로그래머스
  • · 2024. 8. 5.
  • textsms

2차원 배열 쉽게 선언하는법

js를 이용하다보면 2차원 배열을 생각보다 선언하기 힘들다는 것을 느낄 것이다. 이 때 추천하는 방법은 2가지가 있는데, 편한 방법을 골라서 사용하면 된다.1. Array.from()을 이용const dp = Array.from({length: 2}, () => Array(10)); // 2x10 배열을 완성할 수 있다.  2. 스프레드 연산자(...) 이용[...Array(n)].map(x => new Array(n));

  • format_list_bulleted 언어 정리/JavaScript
  • · 2024. 8. 5.
  • textsms

every(), some()

every()조건을 만족하지 않는 값이 발견되는 즉시 순회 중단. -> false 반환let i = [1,2,3,4,5]console.log(i.every(x => x%2 === 0) //falsesome()조건을 만족하는 값이 발견되는 즉시 순회 중단. -> true 반환let i = [1,2,3,4,5]console.log(i.some(x => x%2 === 0) //true

  • format_list_bulleted 언어 정리/JavaScript
  • · 2024. 8. 5.
  • textsms
  • navigate_before
  • 1
  • ···
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (170)
    • 코테 준비 (46)
      • 알고리즘 (8)
      • [JS] 프로그래머스 (37)
      • [MYSQL] 프로그래머스 (1)
    • 언어 정리 (52)
      • JavaScript (52)
      • TypeScript (0)
    • 개발 공부 (26)
      • HTML (2)
      • CSS (2)
      • React-Next.js (6)
      • Vue (0)
      • Tanstack Query (1)
      • Webpack (4)
      • Github (2)
      • MYSQL (2)
      • 기타 (개발 공부) (7)
    • 프로젝트 (22)
      • Vanilla JS 문서편집기 (10)
      • 올해도 아좌좌 (5)
      • 개발괴발 (5)
      • 기타 (프로젝트) (2)
    • 회고 (18)
    • 블로그 관리 (0)
    • 기타 (4)
최근 글
인기 글
최근 댓글
태그
  • #2023
  • #회고
  • #0단계
  • #프로젝트
  • #js메서드
  • #JavaScript
  • #js
  • #프로그래머스
  • #VanillaJS
  • #코딩테스트준비
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바