[프로그래머스 | JavaScript] 최소직사각형

(1) 내 풀이 (제출) function solution(sizes) { let w = []; let h = []; sizes.map(([s1, s2]) => { if (s1 > s2) { w.push(s1); h.push(s2); } else { w.push(s2); h.push(s1); } }); return Math.max(...w) * Math.max(...h); } 1. 배열 w와 h비교해서 큰 숫자는 w / 작은 숫자는 h 2. w(큰숫자) max * h(작은숫자) max 구하기 => 핵심은 배열 [0]과 [1]을 비교해서 큰 수와 작은수로 구분후 각각의 최대값을 구하는 것 (2) 내 풀이 (미제출)--> 실패함 (이렇게 풀 필요가 없었음😢😢) function solution(sizes) { ..

  • format_list_bulleted 코딩테스트
  • · 2023. 12. 1.
  • textsms

[프로그래머스 | JavaScript] 크기가 작은 부분문자열

1. 내 코드 function solution(t, p) { let arr = t.split('').map(Number); //한개씩 나누기 [3,4,1,5,9,2] let newNum = ''; let newArr = []; //t의길이-p의길이까지 반복 (넘어가면 undefined나오니깐) for (let i = 0; i x 그 길이 리턴 => 개수 출력 가능 2. 다른 사람 풀이 function solution(t, p) { let count = 0; for(let i=0; i= +value) count++; } return count; } ▶배열의 slice를 사용 끝.

  • format_list_bulleted 코딩테스트
  • · 2023. 11. 30.
  • textsms

[프로그래머스 | JavaScript] 삼총사

(1) 내 코드 function solution(number) { let cnt = 0; for (let i = 0; i

  • format_list_bulleted 코딩테스트
  • · 2023. 11. 30.
  • textsms

[프로그래머스 | JavaScript] 이상한 문자 만들기

(1) 내 코드 function solution(s) { let words = s.split(' '); let newWord = ''; let arr = []; words.forEach((word) => { newWord = ''; for (let i = 0; i < word.length; i++) { i % 2 === 0 ? (newWord += word[i].toUpperCase()) : (newWord += word[i].toLowerCase()); } arr.push(newWord); }); return arr.join(' '); } input ="try hello" / output = "TrY HeLlO" 1) 문자열을 배열로 만들기 2) 짝수면 대문자로 홀수면 소문자로 변환 후 새로운 배열에 ..

  • format_list_bulleted 코딩테스트
  • · 2023. 11. 30.
  • textsms
리액트 : 인증/인가(쿠키, 세션, 토큰, JWT)

리액트 : 인증/인가(쿠키, 세션, 토큰, JWT)

1.인증/인가 (1) 인증 : Authentication ▶ 해당 유저가 등록된 회원 확인 ( 로그인 ) (2) 인가 : Authorization (권한) ▶ 특정 리소스에 접근할 수 있는 권한 ( 마이페이지 권한 ) ▶유저가 마이페이지에서 서버에 API 요청으로 개인정보를 받아오는 요청할때, 서버는 클라이언트에게 [인가]해줌! (3) http 프로토콜 통신의 특징 2가지 ▶ 무상태(stateless) : 서버는 클라이언트의 상태를 기억하지 못함. (client : 나 기억나? / server : 아니!) ▶ 비연결성(Connectionless) : 서버와 클라이언트는 연결 x (server : 매번 새로운 요청이 들어옴) 2. 쿠키 : 브라우저가 주머니에 갖고 있는 과자! ▶ http 프로토콜 통신 2..

  • format_list_bulleted React
  • · 2023. 11. 30.
  • textsms
[리액트 심화] 비동기통신 Axios 사용방법 (GET, POST, DELETE, FETCH)

[리액트 심화] 비동기통신 Axios 사용방법 (GET, POST, DELETE, FETCH)

1. GET: 데이터 조회 import { useEffect, useState } from 'react'; import './App.css'; import axios from 'axios'; function App() { const [todos, setTodos] = useState(null); const [inputValue, setInpuValue] = useState({ //id : json의 방식의 데이터는 자동으로 입력됨 title: '', }); //[조회] const fetchTodos = async () => { const { data } = await axios.get('http://localhost:4002/todos'); console.log('data', data); setTodos..

  • format_list_bulleted React
  • · 2023. 11. 29.
  • textsms