profile
개발자로 성장하기 위한 아카이브 😎
post-thumbnail

React Query를 이용해 ToDo List를 만들기 2

React Query를 이용해 ToDo List를 만들기 1이번엔 추가, 수정, 삭제를 구현하는 법을 포스팅해보려고 한다.빨리 올렸어야했는데 요즘 정신이 없어서 포스팅이 밀렸다ㅠ코드는 React Query를 이용해 ToDo List를 만들기 1과 동일한 Todos.ts

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L2 스킬트리

1. 문제 설명 선행 스킬이란 어떤 스킬을 배우기 전에 먼저 배워야 하는 스킬을 뜻합니다. 예를 들어 선행 스킬 순서가 스파크 → 라이트닝 볼트 → 썬더일때, 썬더를 배우려면 먼저 라이트닝 볼트를 배워야 하고, 라이트닝 볼트를 배우려면 먼저 스파크를 배워야 합니다.

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L3 보석 쇼핑

본 문제는 정확성과 효율성 테스트 각각 점수가 있는 문제입니다.개발자 출신으로 세계 최고의 갑부가 된 어피치는 스트레스를 받을 때면 이를 풀기 위해 오프라인 매장에 쇼핑을 하러 가곤 합니다.어피치는 쇼핑을 할 때면 매장 진열대의 특정 범위의 물건들을 모두 싹쓸이 구매하

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

🎁 Gift MBTI - 4. 토이 프로젝트 에러 모음zip

사실 더 많았는데 기록하는걸 까먹어서ㅠ 아쉽지만 생각나는것만 적어봤다 1. Do not use Array index in keys 🤔 에러가 일어나는 이유 근본적으로 array에 key는 왜 지정하는걸까? ➡️ 렌더링을 최적화하기 위해서 > Key는 React가

2022년 10월 29일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L2 [1차] 뉴스 클러스터링

문제 설명 뉴스 클러스터링 여러 언론사에서 쏟아지는 뉴스, 특히 속보성 뉴스를 보면 비슷비슷한 제목의 기사가 많아 정작 필요한 기사를 찾기가 어렵다. Daum 뉴스의 개발 업무를 맡게 된 신입사원 튜브는 사용자들이 편리하게 다양한 뉴스를 찾아볼 수 있도록 문제점을 개선

2022년 10월 28일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L3 최고의 집합

문제 설명 자연수 n 개로 이루어진 중복 집합(multi set, 편의상 이후에는 "집합"으로 통칭) 중에 다음 두 조건을 만족하는 집합을 최고의 집합이라고 합니다. 각 원소의 합이 S가 되는 수의 집합 위 조건을 만족하면서 각 원소의 곱 이 최대가 되는 집합 예를

2022년 10월 28일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L2 n^2 배열 자르기

https://school.programmers.co.kr/learn/courses/30/lessons/87390정수 n, left, right가 주어집니다. 다음 과정을 거쳐서 1차원 배열을 만들고자 합니다.n행 n열 크기의 비어있는 2차원 배열을 만듭니다.

2022년 10월 27일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L1 삼총사

문제 설명 한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라고 합니다. 예를 들어, 5명의 학생이 있고, 각각의 정수 번호가 순서대로 -2, 3, 0, 2, -5일 때, 첫 번째

2022년 10월 27일
·
0개의 댓글
·
post-thumbnail

🎁 Gift MBTI - 3. Result 페이지 아토믹 디자인 패턴 적용하기

출처 https://fe-developers.kakaoent.com/2022/220505-how-page-part-use-atomic-design-system/ 문제점 result 페이지는 mbti 카드, mbti 유형 설명, 추천 선물, 궁합이 잘 맞는, 안 맞는

2022년 10월 20일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L2 괄호 회전하기

다음 규칙을 지키는 문자열을 올바른 괄호 문자열이라고 정의합니다.(), \[], {} 는 모두 올바른 괄호 문자열입니다.만약 A가 올바른 괄호 문자열이라면, (A), A, {A} 도 올바른 괄호 문자열입니다. 예를 들어, \[] 가 올바른 괄호 문자열이므로, (\[])

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 2019 카카오 개발자 겨울 인턴십 | L2 튜플

1. 문제 설명 셀수있는 수량의 순서있는 열거 또는 어떤 순서를 따르는 요소들의 모음을 튜플(tuple)이라고 합니다. n개의 요소를 가진 튜플을 n-튜플(n-tuple)이라고 하며, 다음과 같이 표현할 수 있습니다. (a1, a2, a3, ..., an) 튜플은

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L3 이중우선순위큐

이중 우선순위 큐는 다음 연산을 할 수 있는 자료구조를 말합니다.이중 우선순위 큐가 할 연산 operations가 매개변수로 주어질 때, 모든 연산을 처리한 후 큐가 비어있으면 0,0 비어있지 않으면 최댓값, 최솟값을 return 하도록 solution 함수를 구현해주

2022년 10월 11일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L2 [1차] 캐시 feat 페이지 교체 알고리즘

1. 문제 설명 캐시 지도개발팀에서 근무하는 제이지는 지도에서 도시 이름을 검색하면 해당 도시와 관련된 맛집 게시물들을 데이터베이스에서 읽어 보여주는 서비스를 개발하고 있다. 이 프로그램의 테스팅 업무를 담당하고 있는 어피치는 서비스를 오픈하기 전 각 로직에 대한 성능

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

React Query를 이용해 ToDo List를 만들기 1

출처 React Query Tutorial for Beginners https://www.youtube.com/playlist?list=PLC3y8-rFHvwjTELCrPrcZlo6blLBUspd2 리액트 쿼리? 리액트에서 데이터를 fetching할 때 사용하는 라이

2022년 10월 1일
·
0개의 댓글
·
post-thumbnail

🎁 Gift MBTI - 2. Result 페이지 시작(Emotion theme 적용, SEO 최적화 )

이번 프로젝트에선 emotion으로 스타일링을 하기로 했는데 특별한 이유가 있던 것은 아니고 그냥 다들 많이 쓰길래 사용해봤다.한 번도 사용해본적 없는 라이브러리라 걱정했는데 웬걸 그냥 문법이 styled-components랑 똑같았다!찾아보니 둘 다 CSS-in-JS

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L2 점프와 순간 이동

OO 연구소는 한 번에 K 칸을 앞으로 점프하거나, (현재까지 온 거리) x 2 에 해당하는 위치로 순간이동을 할 수 있는 특수한 기능을 가진 아이언 슈트를 개발하여 판매하고 있습니다. 이 아이언 슈트는 건전지로 작동되는데, 순간이동을 하면 건전지 사용량이 줄지 않지만

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L2 예상 대진표

△△ 게임대회가 개최되었습니다. 이 대회는 N명이 참가하고, 토너먼트 형식으로 진행됩니다. N명의 참가자는 각각 1부터 N번을 차례대로 배정받습니다. 그리고, 1번↔2번, 3번↔4번, ... , N-1번↔N번의 참가자끼리 게임을 진행합니다. 각 게임에서 이긴 사람은 다

2022년 9월 23일
·
0개의 댓글
·
post-thumbnail

✨ 깃허브 프로필 페이지 꾸미기 ✨

쪼렙이라 별건 없지만 제 깃헙도 구경오세요 👋깃허브 구경 🧐이때 레포 이름을 내 아이디와 같게 만들어야 함!그럼 이 레포는 ✨special✨한 레포로 README.md 파일을 깃헙 프로필에 올릴 수 있다고 안내가 나온다.프로필에 올릴거니까 당연히 public에 ad

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

[JS] 프로그래머스 코딩테스트 연습 | L1 완전탐색 최소직사각형

1. 문제 설명 명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

JS의 실행 컨텍스트(Execution Context)

자바스크립트 엔진이 코드를 실행하기 위해선 여러 정보들이 필요 예) 전역/매개 변수, 변수의 유효 범위, this같은 정보들호이스팅 발생외부 환경 정보 구성this 값 결정JS엔진은 컨텍스트 코드를 실행하는데 필요한 환경 정보들을 수집, 실행 컨텍스트에 저장→ 코드를

2022년 9월 21일
·
0개의 댓글
·