-
react
React 19 톺아보기 - use
스터디의 두 번째 주제로 정한 hook은 use였다.이번 주는 갓생 살기로 다짐해서 나름 열심히 공부해 봤다. 1. Useconst value = use(resource); Promise나 Context와 같은 데이터를 참조하는 hook. 다른 React hook과 달리 use는 조건문과 반복문 내부에서 호출이 가능하다.다만, 컴포넌트 또는 훅 안에서만 호출해야 한다. resource : 참조 데이터. Promise나 Context일 수 있다.Promise나 Context에서 참조한 값을 반환한다. 1) Context 참조import { createContext, useState } from "react";import ThemeDisplay from "../components/ThemeDisplay"..
-
react
React 19 톺아보기 - useTrasition
항해 플러스 부트캠프가 완료되고, 항해 사람들끼리 비대면 스터디를 진행하기로 했다.주제는 React19 톺아보기로 한 달 동안 진행하기로 했다! 신규 메서드 혹은 hook을 살펴보고,실무에 도입할만한 메서드가 있는지, 기존 코드를 어떻게 효율적으로 개선할 수 있을지 고민하는 것이 목표이다. 첫 주자차에는 hook을 살펴보며 어떤 변화가 있었는지 이야기하는 시간을 가졌다.대체로 "굳이 왜 사용해야 하는지 모르겠다"는 의견이 강했다.그래서 그 중 메서드들을 몇 개 꼽아서 실제로 구현해 보기로 했다.사용해 보면 다를 수도 있으니까! 처음 선택한 메서드는 useTransition이다. 1. UseTransitionconst [isPending, startTransition] = useTransition() u..
-
Etc
프론트엔드 개발자의 이직 이야기 : 준비부터 성공까지 (4개월의 여정)
1월이 되면서 4개월 간의 순탄하지 않았던(?) 이직 여정을 끝내게 되었다. 퇴사하고 이직을 준비하는 것이라 불안함이 많았고, 경기가 어려운만큼 스트레스도 많이 받았다. 그래도 끝내 이직에 성공하면서 느꼈던 경험과 배움을 정리해보고,같은 고민을 하고 계신 분들에게 조금이나마 도움이 되고자 포스팅을 작성하게 되었다😊 1. 이직을 결심한 이유이런 불시장에서 이직을 결심한 이유는.. 정신적으로 버틸 수 없었기 때문이었다. 출퇴근하다가 울어본 사람 나야나,, 이전 회사에서는 프론트엔드 개발자가 나 혼자였고, 배울 수 있는 사람도 마땅치 않았다.항상 같은 일만 반복했기에 지루하기도 했다. 그러다가 회사가 어려워져서 결국 임금 삭감을 당하게 되었다..재택근무도 사라지고, 자율출근제도 없어졌다.위 과정에서 대부..
-
99클럽
[99클럽] 비기너 코딩테스트 스터디 TIL - 백준, 1755
1. 문제풀이1) 문제79를 영어로 읽되 숫자 단위로 하나씩 읽는다면 "seven nine"이 된다. 80은 마찬가지로 "eight zero"라고 읽는다. 79는 80보다 작지만, 영어로 숫자 하나씩 읽는다면 "eight zero"가 "seven nine"보다 사전순으로 먼저 온다.문제는 정수 M, N(1 ≤ M ≤ N ≤ 99)이 주어지면 M 이상 N 이하의 정수를 숫자 하나씩 읽었을 때를 기준으로 사전순으로 정렬하여 출력하는 것이다. 입력첫째 줄에 M과 N이 주어진다. 출력M 이상 N 이하의 정수를 문제 조건에 맞게 정렬하여 한 줄에 10개씩 출력한다.2) 해석 M이상 N이하의 정수를 영어로 숫자 하나씩 읽었을 때 기준으로, 사전순으로 정렬하여 출력정수로 한 줄에 10개씩 출력우선 영어 배열 만들기 ..
-
99클럽
[99클럽] 비기너 코딩테스트 스터디 TIL - 백준, 1524
1. 문제풀이1) 문제, 세준세비 (백준 1524)세준이와 세비는 온라인 게임을 즐겨한다. 이 온라인 게임에서는 군대를 서로 키울 수 있다.세준이는 N명의 병사를 키웠고, 세비는 M명의 병사를 키웠다. 이제 서로 전쟁을 하려고 한다.전쟁은 여러 번의 전투로 이루어진다. 각 전투에서 살아있는 병사중 제일 약한 병사가 죽는다.만약 제일 약한 병사가 여러 명이고, 제일 약한 병사가 모두 같은 편에 있다면, 그 중에 한 명이 임의로 선택되어 죽는다.하지만, 제일 약한 병사가 여러 명이고, 양 편에 모두 있다면, 세비의 제일 약한 병사 중 한 명이 임의로 선택되어 죽는다.전쟁은 한 명의 병사를 제외하고 모두 죽었을 때 끝난다. 전쟁의 승자를 출력하는 프로그램을 작성하시오. 입력첫째 줄에 테스트 케이스의 개수 T가..
-
99클럽
[99클럽] 비기너 코딩테스트 스터디 TIL - LeetCode, 2500
1. 문제풀이1) 문제, Delete Createst Value in Each Row (LeetCode, 2500)You are given an m x n matrix grid consisting of positive integers.Perform the following operation until grid becomes empty:- Delete the element with the greatest value from each row. If multiple such elements exist, delete any of them.- Add the maximum of deleted elements to the answer.Note that the number of columns decreases by o..
-
99클럽
[99클럽] 코딩테스트 스터디, 14일차 TIL - 비기너 (백준, 26042)
1. 문제풀이1) 문제, 식당 입구 대기 줄 (백준 26042)여러 명의 학생이 식사하기 위하여 학교 식당을 향해 달려가고 있다. 학교 식당에 도착한 학생은 식당 입구에 줄을 서서 대기한다. 학교 식당에 먼저 도착한 학생이 나중에 도착한 학생보다 식당 입구의 앞쪽에서 대기한다. 식사는 1인분씩 준비된다. 식사 1인분이 준비되면 식당 입구의 맨 앞에서 대기 중인 학생 1명이 식당으로 들어가서 식사를 시작한다. 식사를 시작한 학생은 항상 식사를 마친다. 학생이 학교 식당에 도착하고 식사가 준비되는 n개의 정보가 저장된 A가 주어진다. A에 저장된 첫 번째 정보부터 n번째 정보까지 순서대로 처리한 다음,식당 입구에 줄을 서서 대기하는 학생 수가 최대가 되었던 순간의 학생 수와 이때 식당 입구의 맨 뒤에 대기 ..