profile
아직은 절반만 개발자🤪

[Codecamp-Week7] memoization

기능 구현에 급급한 코린이는 비효율성 같은건 따질 생각도 하지 못했다..!useState를 쓸 경우 useState를 제외한 모든 값이 리렌더링 된다는 사실을 인지하지 못하고 있었다.페이지가 리렌더링되는 과정을 살펴보고, 불필요한 리렌더링을 막을 수 있는 방법에 대해

약 17시간 전
·
0개의 댓글
·

[Codecamp-Week7] LazyLoad vs PreLoad

데이터는 user의 웹사이트 사용 패턴에 따라 로딩하는 방법을 선택할 수 있다.데이터 로딩 방법인 LazyLoad와 PreLoad에 대해 살펴보자!LazyLoad란, 페이지를 읽어들이는 시점에 중요하지 않은 리소스 로딩을 추후에 하는 기술로 스크롤이 내려가면서 필요한

3일 전
·
0개의 댓글
·

[Codecamp-Week7] Promise all

이전 글에서 promise에 대해 살펴본 적이 있다.Promise는 async await가 실행되는 것처럼 하나의 Promise가 실행되고 난 후 그 다음 Promise가 실행된다.만약 이미지 업로드를 할 경우 이미지 하나하나가 하나씩 하나씩 로드된다면 user는 답답

3일 전
·
0개의 댓글
·
post-thumbnail

[Codecamp-Week7] Observable

refreshToken을 드디어 배웠다!refreshToken 셋팅이 이 정도로 어려울 줄이야?refreshToken 셋팅에 Apollo-client의 onError()를 활용하는데, onError()의 return 타입이 observable이라고 한다.넹 observ

4일 전
·
0개의 댓글
·
post-thumbnail

[Codecamp-Week6] Callback > Promise > async-await

처음부터 비동기 처리를 위해 async-await를 써온 줄 알았는데 async-await도 역사가 있었다.역시 세상에 똑똑한 개발자는 넘나 많은 것...async-await를 쓰기까지의 과정을 살펴보자!Callback 함수란 함수의 인자로 들어가는 함수를 말한다.여기

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

[Codecamp-Week6] Event Loop

수업시간에 stack과 queue가 있다는 이론적인 개념을 배웠다.stack과 queue개념만으로도 어질어질했는데 해당 개념에서 한발 더 나아가 Event Loop에 대해 배웠다.Stack과 Queue가 무엇인지 살펴보고, Javascript의 Event Loop와 다

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

[Codecamp-Week6] React vs Next

초반부터 항상 프레임워크가 뭔지 개념이 너무 애매했다6주차에 접어든 지금에서야 Next js를 매일 쓰다보니 프레임워크가 어떤 것인지 감이 좀 잡혔다!프레임워크 중 React와 Next js의 차이점에 대해 살펴보자!(Next js 안에 React도 포함되어 있다!)R

2022년 8월 11일
·
0개의 댓글
·

[Codecamp-Week6] Recursive Functions (재귀함수)

이름부터 희한한 재귀함수...지난주에 재귀함수 문제를 풀다가 탈모가 오는줄 알았다ㅎㅎ오늘은 이름부터 이상한 재귀함수에 대해 살펴보고 싶지 않지만 살펴보자....!재귀함수란 함수가 직접 또는 간접적으로 자신을 호출하는 함수다. 즉, 함수가 계속해서 자신을 실행하여 반복하

2022년 8월 10일
·
0개의 댓글
·

[Codecamp-Week5] React Currying

6주차에 쓰는 5주차 블로그..^^Currying이란 여러 개의 인자를 받는 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법으로, React에서 많이 사용된다.매개변수를 하나만 사용하는 HOF라고 생각하면 될까..?기존 함수는 a, b 매개변수 두 개를 사용하

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

[Codecamp-Week5] React HOC vs HOF (with 권한 분기)

HOC, HOF 개념은 이전 글에서 공유한 Closure와 관련있다.Closure에 대해 모른다면 이전 글부터 숙지하기!HOC (Higher Order Component)는 보통 권한 분기를 위해 많이 활용되므로, 권한 분기에 대해 먼저 알아보자!권한 분기란 한글 그대

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

[Codecamp-Week5] JS Closure

Javascript Closure는 Javascript 기본 동작 원리(?)라고 하는데기본이라는게 이렇게 어려울 줄이야..?수업을 들으면서도 어질어질했던 Javascript Closure에 대해 살펴보자Closure의 개념을 이해하기 위해서는 Scope에 대해 먼저 살

2022년 8월 7일
·
0개의 댓글
·

[Codecamp-Week5] Browser Storage : Cookie, Session Storage, Local Storage

HTML5를 사용하기 시작한 후로 Client Browser에 정보를 캐시하거나 저장할 수 있는 다양한 옵션이 제공되었다. 이전엔 브라우저 데이터 저장을 cookie만 사용하여 크기에 제한이 있었으나, session storage와 local storage를 함께 사용

2022년 8월 5일
·
0개의 댓글
·

[Codecamp-Week5] Regular Expression (Regex)

처음에 정규표현식 (Regular Expression)을 보고 왠 외계어인가 싶었다여전히 나에게 외계어인건 마찬가지지만...정규표현식에 대해 살펴보고, 과제 중 알아낸 몇몇 패턴에 대해 함께 살펴보자!정규표현식이란 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

[Codecamp-Week5] Global state (Redux, Mobx, Context API, SWR)

자유게시판 작업을 하는 동안 항상 props drilling 때문에 머리가 아팠다넘겨주는 곳에서도 다 써줘야하고, 받는 곳의 types 파일에도 다 써줘야하고...이번 블로그는 이러한 고민을 어느정도 덜게 해 줄 Global State(전역상태관리)에 대해 살펴보고자

2022년 8월 2일
·
0개의 댓글
·

[Codecamp-Week4] Throttling & Debouncing

5주차에 쓰는 5주차에 배운 4주차 주제(?)게시물 목록에서 검색버튼을 클릭하면 해당 제목이 검색되도록 하는 방법, 검색버튼 없이 input 창에 제목을 검색하면 자동으로 검색되도록 하는 방법에 대해 배웠다.검색 버튼 없이 자동으로 검색되도록 하는 방법을 배우면서 Th

2022년 8월 1일
·
0개의 댓글
·

[Codecamp-Week4] shallow routing

1. shallow routing이란? shallow routing은 데이터를 가져오는 method를 다시 사용하지 않고 url 변경을 가능하도록 해주는 Next.js의 기능이다. shallow routing을 상ㅇ하기 위해서는 shallow routing 옵션을 tr

2022년 7월 30일
·
0개의 댓글
·

[Codecamp-Week4] Object.keys( ), values( ), entries( ), assign( )

Javascript의 method는 배워도 배워도 끝이 없는 느낌ㅠ이번엔 객체에 대한 method를 배웠다객체 method가 이렇게 다양할 줄이야...객체 method인 keys, values, entries, assign에 대해 살펴보자!(알고리즘 테스트 할 때 자주

2022년 7월 30일
·
0개의 댓글
·

[Codecamp-Week4] useEffect

이전 글에선 class형 component에서의 lifecycle을 살펴보았다.이번 글에선 functional (함수형) component의 lifecycle에 대해 살펴보자!함수형 컴포넌트에서는 class 컴포넌트와 달리 useEffect 하나로 다 해결 할 수 있다

2022년 7월 28일
·
0개의 댓글
·

[Codecamp-Week4] useRef

React에는 다양한 Hook이 있다.Hook 중 하나인 useRef에 대해 알아보자!useRef란 useState처럼 React Hook 중 하나로, HTML 태그를 변수에 저장하도록 도와주는 역할을 한다.따라서 focus를 선택하거나 하나의 태그를 다른 태그로 대체

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

[Codecamp-Week4] State Lifecycle

이전 글에선 functional component와 class component를 알아보았다.글에 언급한 것처럼 이번 블로그에선 state lifecycle(생명주기)에 대해 살펴보도록 하자!(처음에 생명주기란 말을 듣고선 '그럼 state가 죽으면 다시 살려줘야되는

2022년 7월 26일
·
0개의 댓글
·