본문 바로가기

전체 글170

프로그래머스 옹알이(2) 자바스크립트 https://school.programmers.co.kr/learn/courses/30/lessons/133499# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //babbling의 길이 만큼 반복문을 돌면서 다음 과정을 수행한다. //[aya , ye , woo , ma] 만큼 돌면서 다음 과정을 수행한다. //만약에 babbling의 원소중에 위 리스트의 원소가 포함되어 있으면 해당 원소를 지운다. //반복문을 다 돌고 나서 babbing의 원소가 다 비었다면 answer를 추가한다. //answer를 리턴한다. function solution(b.. 2023. 8. 23.
프로그래머스 다트 게임 자바스크립트 https://school.programmers.co.kr/learn/courses/30/lessons/17682 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //dartResult를 하나씩 돌면서 다음 과정을 수행한다. //먄약 입력값이 숫자라면 해당 숫자를 배열에 저장한다. //만약 입력값이 S , D , T중 하나라면 배열에 넣은 값을 S , D , T에 따라서 처리한다. //만약 입력값이 * , #중 하나라고 하면 배열에 넣은 값 그리고 그 전에 값에 영향을 준다. //배열의 모든 값들을 더한 값을 리턴한다. function solution(da.. 2023. 8. 22.
프로그래머스 덧칠하기 자바스크립트 https://school.programmers.co.kr/learn/courses/30/lessons/161989 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(n, m, section) { var answer = 0; let max = 0; for(let i = 0; i max) { answer += 1 max = section[i] + m - 1 } } return answer; } function solution(n, m, section) { .. 2023. 8. 21.
Suspense에 대하여... 1. Suspense 란? suspense는 어떤 컴포넌트가 읽어야 하는 데이터가 아직 준비가 되지 않았다고 리엑트에서 알려주는 새로운 매커니즘이다. 2. Suspense를 사용하는 이유 suspense를 사용하는 이유는 2가지 정도가 있다. 첫번째는 표준화이다. 리엑트에서 suspense가 나오기 전에는 컴포넌트가 비동기 데이터를 읽어오는 방법을 표준화 시켜지지 않았기에 이는 코드의 가독성과 유지보수적인 측면에서 어려움이 존재한다. 두번째로는 waterfull처럼 명령 프로그래밍에 가깝다는 것이다. 이는 리엑트에서 기본적인 선언적 프로그래밍을 지원한다는 점에서 보았을 때 핀트가 맞지 않는다는 문제가 발생한다. 하지만 Suspense를 통해서 복잡한 코드는 1차적으로 보이지 않고 핵심 로직만을 보여주기 .. 2023. 8. 20.
React Lazy에 대하여... 1. React Lazy를 사용하는 이유? React Lazy를 사용하는 이유는 다음과 같다. 만약 다음과 같은 코드가 있다고 가정하자 import { BrowserRouter, Route, Routes } from "react-router-dom"; import Home from "../pages/Home"; import Write from "../pages/Write"; import Chart from "../pages/Chart"; import SignIn from "../pages/SignIn"; import SignUp from "../pages/SignUp"; const Router = () => { return ( ); }; export default Router; 여기서 만약 매인페이지에 .. 2023. 8. 20.
useTransition에 대하여... 오늘은 useTransition에 대해서 알아볼려고 한다. 1. useTransition의 탄생배경 : useTransition은 사실상 리엑트에서의 동시성의 구현하기 위한 도구라고 볼 수 있다. 2. useTransition의 구조 : useTransition은 2가지를 리턴하고 있다. isPending과 startTransiton이다. isPending : 현재 우선순위가 낮은 작업이 지연되고 있음을 알려주는 boolean 값이다. startTransiton : 우선순위를 낮게 잡을 함수를 래핑하는 함수이다. 2023. 8. 20.

티스토리툴바