profile
재생재생열매

블로그 이전합니다

개인 블로그를 개발하고 싶어서 gatsby를 이용해 블로그를 만들었습니다아직 개발중이라 미흡한 부분이 있을 수 있습니다

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

React Context API, useReducer를 사용하여 전역상태관리 만들기

Context Context는 props드릴링을 줄이기 위해 사용합니다 Context를 사용하면 props로 넘겨주지 않아도 하위 트리의 모든 구성 요소에서 해당 값을 사용할 수 있어요 useReducer useState와 비슷합니다 상태관리를 할 수 있어요 use

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

18장 함수와 일급객체

무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성이 가능하다.변수나 자료구조(객체, 배열)에 저장할 수 있다함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다.자바스크립트의 함수는 위의 조건을 모두 만족하므로 일급객체이다일급 객체로써 가장 큰 특징은

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

퀵 정렬

퀵 정렬도 합병 정렬과 비슷하게 재귀함수를 사용하여 구현합니다pivot이라는 helper함수를 만들어 줄 것 입니다배열의 첫번 째 값을 기준값으로 두고왼쪽에는 작은 값 오른쪽에는 큰 값을 두었을때 기준값이 처음 배열에서 몇 번재 인덱스 자리에 이썽야하는지를 반환합니다코

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

Infinity Scroll 무한 스크롤 적용

이번 프로젝트에서 병원 검색이라는 서비스를 제공하기 위해서약 7만 6천 개가량의 병원 데이터가 있었습니다.검색어를 '병원'이라고 검색했을 때는 모든 데이터를 보여주어야 하고 전체 데이터를 한 번에 넘겨줄 수 없어 분할 요청이 필요했습니다.먼저 페이지별로 나눌까 무한 스

2023년 2월 20일
·
0개의 댓글
·
post-thumbnail

합병 정렬

합병 정렬은입력받은 배열을1자리가 될 때까지 나눈 뒤 정렬하며 합치는 알고리즘이다두 배열을 합쳐주는 함수 merge배열을 둘로 나누고 값을 반환할 함수 mergeSort정렬할 배열은 5,4,3,2,1로 했을 때를 간단하게 그려보았습니다그림과 같이 좌우로 절반을 나누어

2023년 2월 17일
·
0개의 댓글
·
post-thumbnail

삽입정렬

삽입 정렬은 배열의 두 번째 요소부터 루프를 시작한다선택한 요소를 이전에 있는 요소들과 비교하면서선택한 요소보다 작다면 뒤에 위치시킨다선택한 요소보다 크다면 앞에 위치시킨다\[2,1,9,76,4] 배열을 정렬해보자2,1,9,76,41은 2보다 작으니 앞으로 위치시킨다1

2023년 2월 16일
·
0개의 댓글
·
post-thumbnail

선택정렬

인자로 들어온 Array가 있을 때Array를 순회하면서가장 작은 숫자를 찾아 순회를 시작한 index와 swap하는 식으로 정렬을 한다여기서 최적화를 하려면 swap하는 부분을 함수화 시켜 빼는 방법이 있을 것 같다

2023년 2월 16일
·
0개의 댓글
·
post-thumbnail

17장 생성자 함수에 의한 객체 생성

Object 생성자 함수 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다 Object 생성자 함수 이외에도 String,Number.Boolean,Function,Array,Date,RegExp,Promise 등의 빌트인 생성자

2023년 2월 15일
·
0개의 댓글
·
post-thumbnail

버블정렬

버블 정렬은배열의 첫 번째부터 그다음 배열과 비교하여 크다면 swap하고 작다면 다음 index으로 넘어간다그렇게 배열끝까지 정렬을 시작한다말로만 설명을 하려니 어렵다6,2,4,10,8,1 배열이 있을 때 버블 정렬을 적용해보도록 하자6 > 2 2보다 큰가 ? swap

2023년 2월 15일
·
0개의 댓글
·

함수의 중첩 (go,pipe,curry)

go > a(b,c(d,e())) 위와 같이 함수가 연속으로 중첩되어 가독성이 매우 떨어진다, 작성하기도 이해하기도 어렵다. 이를 간편하고 읽기 쉽게 코드를 짜기 위해 go함수를 사용할 수 있다 go함수는 먼저 다음과 같이 생겼다 go 함수는 인자를 받아 결과를

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

선형 검색,이진 검색

처음부터 끝까지 배열들을 순회하면서 일치하는 것을 찾아낸다메서드로는 indexOf includes등이 있다예시로 indexOf를 만들어 보자arr와 찾고자 하는 value만 넣으면 해당 인덱스를 반환하거나 없다면 -1를 리턴하는 함수이다이것이 바로 선형 검색이다이보다

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

재귀함수

자기 자신을 호출하는 함수이다간단한 예를 들면인자값으로 넣은 값부터 1까지 찍어주는 함수이다0보다 작거나 같지 않다면foo 함수에 num - 1 값을 다시 넣어 실행시켜준다0보다 작거나 같다면 Done 출력 후 함수를 종료한다조금 더 어렵게 작성을 해보면위 함수는 입력

2023년 2월 9일
·
0개의 댓글
·

원티드 프리온보딩 인턴십 에세이

1. 지원하고싶은 참가기업 스위치원,타라티피에스,루빗,에드엑스 모두 괜찮은 기업이지만 눈길이 가는 4개의 회사를 찾아보았는데 일을 하면서 성장을 많이 할 수 있을 것 같고 도메인에 관심이 갔다 인턴십을 거치면서 참가 기업의 과제들을 해보며 흥미가 가장있는 기업에 지원

2023년 2월 8일
·
0개의 댓글
·
post-thumbnail

13장. 스코프

자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념이다. 스코프의 이해가 부족하면 다른 개념을 이해하기 어려울 수 있다 더욱이 자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있으므로 주의가 필요하다. 그리고 var키워드로 선언한 변수와 l

2023년 2월 3일
·
0개의 댓글
·
post-thumbnail

12장 함수

함수는 필요할 떄 여러번 호출할 수 있다. 즉, 실행 시점을 개발자가 결정할 수 있고 몇 번이든 재사용이 가능하다함수는 몇 번이든 호출할 수 있으므로 코드의 재사용이라는 측면에서 매우 유용하다코드의 중복을 억제하고 재사용성을 높이는 함수는 유지보수의 편의성을 높이고 실

2023년 1월 27일
·
0개의 댓글
·

참조,얕은 복사, 깊은 복사

참조는 같은 객체를 참조하는 방법이다무엇을 비교해도 true가 나온다얕은 복사는 복사한 객체의 가장 바깥만 복사되고 그 안에 객체들은 참조 관계를 유지한다가장 바깥쪽만 비교하였을 때 false 안쪽을 비교하게 되면 true가 나온다대표적인 방법으로는 ... 전개 연산자

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

10장.객체

자바스크립트는 객체기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 "모든 것"이 객체이다원시 값을 제외한 나머지 값(함수,배열,정규 표현식 등)은 모두 객체이다원시타입은 단 하나의 값만 나타내지만 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

넘블(Numble) | JS로 만드는 SPA

넘블이라는 서비스를 접하게 되었습니다 바닐라 자바스크립트로만 구현해야하는 SPA사이트 만들기에 참여하게 되었다 넘블 사이트 넘블 챌린지 간단 소개 총 2주간 이루어진다 가이드 라인을 통해 챌린지 진행에 필요한 와이어프레임과 백엔드 API를 제공한다 상태관리 라이브러리

2023년 1월 19일
·
0개의 댓글
·

Event Loop

Queue에는 3가지가 있습니다MacroTaskQueuesetTimeout,setInterval,Event Dispatch,networking response....이벤트 루프는 MacroTaskQueue에 있는 task를 하나만 빼서 실행하고 다음 루프로 넘어갑니다M

2023년 1월 5일
·
0개의 댓글
·