전체 글

1년차 프론트엔드 개발자입니다 😣 아직 열심히 배우는 중이에요! 리액트를 하고있어요 :) - gueit214@naver.com - https://github.com/gueit214
개발 일상/개발 회고

[개발 회고록] 5월 1주차

💭 1. 이번 주엔 어떤 일들이 있었고, 그 속에서 나는 어떤 것을 느꼈을까 5월 1일(월) : 오늘은 OFF 5월 2일(화) : React 공식 문서 번역 도전기 React 공식 문서를 번역하였고, 이를 블로그에 기록 중이다. 아직 작성 중이다. 5월 3일(수) : '개발자가 되고 싶은 이유' 글 작성 블로그에 기록하였다. 이는 다음 주에 업로드 예정이다. 📜 정적 블로그 분석 또한, 정적 블로그를 분석하고 이를 블로그에 기록 중이다. 아직 작성 중이다. 5월 4일(목) : 첫 스터디 진행 CS 스터디를 진행했다. 원래 3명을 모집할 계획이었으나 지원자가 많아 4명을 받았다. 그러나 한 분이 참석하지 못해 결국 3명으로 진행했다. CS 스터디의 경우 인원이 많으면 집중력과 책임감이 분산되기 때문에 오히..

코딩 테스트/프로그래머스

[프로그래머스] 순위 검색

📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/72412?language=javascript [프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr](https://school.programmers.co.kr/learn/courses/30/lessons/72412?language=javascript) 문제 설명 🌈 2.시작하며 풀이 과정 1 (시간 초과 풀이) 처음에는 객체를 사용하려다가, 객체를 사용하여 javascript,css.. 등 각각 매칭시키면 javascript-ba..

개발 일지/개발 일지

[개발 일지] React성능 최적화 (2) : React Query의 캐싱 기능

📚 1. 사전 지식 React Query와 Stale 출처 React Query는 기본적으로 캐싱된 data를 stale 한 상태로 여긴다 # stale : 신선하지 않은. 신선하다 함은, 서버에서 조회한 데이터는 그때 당시의 데이터 snapshot이고, 외부 요청으로 서버 데이터가 변경이 되었다면 내 브라우저가 가진 데이터는 오래된 낡은 데이터가 되었으므로 stale 하다고 말하는 것 stale 한 상태가 되면 다음의 경우 refetch 된다. 1. 새로운 query instance가 마운트 될 때 : 즉, page를 이동했다가 왔을 때 2. 브라우저 화면을 이탈했다가 다시 focus 할 때 3. 네트워크가 다시 연결될 때 4. 특별히 refetchInterval(시간 간격)을 설정한 경우 또한, qu..

코딩 테스트/백준

[백준] 1012번 : 유기농 배추

📙 1. 문제 Link : https://www.acmicpc.net/problem/1012 문제 설명 차세대 영농인 한나는 강원도 고랭지에서 유기농 배추를 재배하기로 하였다. 농약을 쓰지 않고 배추를 재배하려면 배추를 해충으로부터 보호하는 것이 중요하기 때문에, 한나는 해충 방지에 효과적인 배추흰지렁이를 구입하기로 결심한다. 이 지렁이는 배추근처에 서식하며 해충을 잡아 먹음으로써 배추를 보호한다. 특히, 어떤 배추에 배추흰지렁이가 한 마리라도 살고 있으면 이 지렁이는 인접한 다른 배추로 이동할 수 있어, 그 배추들 역시 해충으로부터 보호받을 수 있다. 한 배추의 상하좌우 네 방향에 다른 배추가 위치한 경우에 서로 인접해있는 것이다. 한나가 배추를 재배하는 땅은 고르지 못해서 배추를 군데군데 심어 놓았다..

개발 일지/개발 일지

[개발 일지] React성능 최적화 (1) : React.memo로 사용자 경험 개선하기

📚 1. 사전 지식 React 렌더링 성능 최적화 방법 참고 : 렌더링 성능 최적화하는 7가지 방법, React.memo()로 최적화 1. useMemo : 함수에서 리턴되는 값을 메모이제이션 const average = useMemo(() => { console.log("calculate average. It takes long time !!"); return users.reduce((acc, cur) => { return acc + cur.score / users.length; }, 0); }, [users]); 2. React.memo : 컴포넌트 메모이제이션 순수 함수 컴포넌트와 렌더링 성능을 향상하는 기능. React.memo로 감싸진 함수의 결괏값은 메모리에 저장되는데, 같은 인풋값으로 해당 ..

개발 일상/개발 회고

[개발 회고록] 4월 4주차

💭 1. 이번 주엔 어떤 일들이 있었고, 그 속에서 나는 어떤 것을 느꼈을까 4월 23일(일) : 시험공부 4월 24일(월) : 스마트기기 시스템, 현대인의 식생활과 건강 시험 4월 25일(화) : 빅데이터분석개론 시험 4월 26일(수) : 디지털콘텐츠 기획 시험 📜 PWA 시험이 끝나고, 시험기간 동안 공부하지 못했던 것들을 공부하고, 글을 읽고, 정리를 했다. 다시 주식 공부도 시작했다. 앞으로 꾸준히 업로드할 예정이다. 이제 시험도 끝났겠다, 내가 하고 싶던 개발 공부 다시 시작해야지. 4월 26일(목) : 오늘은 OFF 4월 27일(금) : 지난 프로젝트 리팩토링 - 최적화 요즘, 지난겨울방학에 진행한 프로젝트를 리팩토링 중이다. 오늘은 프로젝트 최적화를 진행했다. 이에 대한 글을 작성 중이다. ..

코딩 테스트/프로그래머스

[프로그래머스] 양궁대회

📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/92342 문제 설명 카카오배 양궁대회가 열렸습니다. 라이언은 저번 카카오배 양궁대회 우승자이고 이번 대회에도 결승전까지 올라왔습니다. 결승전 상대는 어피치입니다. 카카오배 양궁대회 운영위원회는 한 선수의 연속 우승보다는 다양한 선수들이 양궁대회에서 우승하기를 원합니다. 따라서, 양궁대회 운영위원회는 결승전 규칙을 전 대회 우승자인 라이언에게 불리하게 다음과 같이 정했습니다. 어피치가 화살 n발을 다 쏜 후에 라이언이 화살 n발을 쏩니다. 점수를 계산합니다. 과녁판은 아래 사진처럼 생겼으며 가장 작은 원의 과녁 점수는 10점이고 가장 큰 원의 바깥쪽은 과녁 점수가 0점입니다...

개발 일상/개발 이야기

[개발 이야기] 스타트업 인턴 프로그램 코딩테스트 후기

본 글은 스타트업 인턴 프로그램 코딩테스트 치르고 작성한 후기입니다. https://career.programmers.co.kr/competitions/3287/2023-summer-coding 2023 Summer Coding - 스타트업 인턴 프로그램 주니어/예비 개발자를 위한 Summer CODING 🏖 22개 기업이 함께 참여하고 있습니다. #스타트업#개발인턴십#정직원 전환시 사이닝 보너스 50만원#코딩테스트 Summer Coding은 학생 개발자, 졸업 후 고민이 career.programmers.co.kr 처음으로 코딩테스트를 치렀다. 평소에 프로그래머스, 백준 등에서 코딩테스트들을 치러봤지만, 시간을 두고 하는 공식적인 코딩테스트는 처음이었다. 결과부터 말하자면 총 4문제 중에 2 솔을 했다..

피터s
피터의 성장기록