profile
어제보다 오늘 더 노력하는 프론트엔드 개발자
post-thumbnail

[React] Context API 사용을 통한 전역상태관리

강의 내용을 정리한 포스팅입니다.memo 또는 PureComponent는 불필요한 렌더링을 막기 위해서 자식 컴포넌트에서 사용해 준다.useMemo: 복잡한 함수 결과 값을 기억한다.useRef: 일반 값을 기억한다.hooks는 함수 컴포넌트 전체를 다시 실행하기때문에

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

[React] 클래스 컴포넌트의 라이프사이클과 Hooks에서의 라이프 사이클

강의 내용을 정리한 포스팅입니다.react에서의 조건문은 \*\*삼항연산자\*\*를 많이 사용한다. jsx에서 false, undefined, null은 태그 없음을 의미한다.hooks에서는 this의 속성을 Ref로 대체하여 사용한다.useRef: 값이 바뀌기는 하

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

[React] 성능 개선과 반복문에서 주의해야할 것

강의 내용을 정리한 포스팅입니다.exports되는 것이 객체나 배열이라면 구조분해 할 수 있습니다. default는 한번만 사용이 가능하고 const 선언은 여러번 사용이 가능하다.babel이 Require를 import로 바꿔준다. React는 import나 expo

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

[React] 바벨과 웹팩을 통한 설정

강의 내용을 정리한 포스팅입니다.웹팩을 왜 사용할까요?2만개의 컴포넌트 자바스크립트 파일을 하나로 합치고 바벨까지 적용하는 것스크립트의 중복성을 제거할 수 있다.웹팩을 하기 위해서는 Node를 사용해야한다. 터미널에서 하이픈(-D) 개발에서만 사용한다.리액트 설치웹팩

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

21년 7월 회고

네이버 삼선 메인서비스에 들어가기 위해 3주간, 교육 우수자 동기 분들과 부스팅 스터디를 진행하였다. 뭐 다른 것은 할 새가 없었다 ㅎㅎ, 아래는 줄글 압박 주의!!나는 정말 인복이 좋은 사람이라 생각한다. 이번에도 운이 좋게 같이 네이버 교육을 받던 페어분께(서인수님

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

21년 6월 회고

6월 한 달 동안 네이버 특별 심화반에 지원해서 1달 간 네이버 입사 기회를 얻기 위해 달렸다. 더불어 파이썬 알고리즘 스터디도 같이 병행했다.네이버 특별 심화반에 지원해서 1달 간 네이버 입사 기회를 얻기 위해 달렸다. 네이버 특별 심화반은 알고리즘, CS, HTML

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

리액트란 무엇이고? 왜 사용하는가?

웹 게임을 만들며 배우는 React 1강 강의 내용을 정리한 포스팅입니다.리액트는 SPA(single page Application)화면 깜빡임이 없다.거의 앱과 비슷한 느낌이난다.사용자 인터페이스, 사용자 경험등이 좋아진다.웹보다는 앱이 사용자 경험이 좋다.데이터 처

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

CSR(Client Side Rendering)과 SSR(Server Side Rendering)

CSR(Client Side Rendering) 클라이언트 사이드 렌더링은 클라이언트 사이드에서 HTML을 반환한 후에, JS가 동작하면서 데이터만을 주고 받아서 클라이언트에서 렌더링을 진행하는 것을 말합니다. > 동작 과정 : HTML 다운로드 → JS 다운로드

2021년 6월 20일
·
0개의 댓글
post-thumbnail

이벤트 버블링, 캡처, 위임

이번 포스팅에서는 이벤트 버블링과 이벤트 캡처, 이벤트 위임에 대해 알아보겠습니다.이벤트 등록이란? 웹 애플리케이션에서 사용자의 입력을 받기 위해 필요한 기능입니다.이처럼 addEventListener() 웹 API는 웹 개발자들이 화면에 동적인 기능을 추가하기 위해

2021년 6월 20일
·
0개의 댓글
post-thumbnail

호이스팅과 TDZ는 무엇이고 어떤 연관이 있을까요?

호이스팅 ? > 함수 안에 있는 선언들을 모두 끌어 올려서 해당 함수 유효 스코프의 최상단에 선언 하는 것을 말합니다. 호이스팅의 대상 var 변수 선언과 함수 선언문에서만 호이스팅이 일어납니다. var 변수/함수의 선언만 위로 끌어 올려지며, 할당은 끌어 올려지

2021년 6월 13일
·
0개의 댓글
post-thumbnail

스코프 (Scope)

스코프란? 스코프는 어떤 변수에 접근 할 수 있는지를 정의합니다. 스코프에는 동작과 레벨로 분류를 할 수 있고 동작 스코프에는 정적 스코프(Static Scope), 동적 스코프(Dynamic Scope)로 나뉘고 레벨 스코프에는 함수 스코프, 블록 스코프, 전역 스

2021년 6월 13일
·
0개의 댓글
post-thumbnail

해시 테이블의 충돌 해결은 어떻게 할까?

해시 테이블과 해시 테이블을 사용하면서 발생하는 상황에 대해서 정리해보겠습니다."해시 테이블은 연관 배열 구조를 이용하여 key에 value를 저장하는 자료구조입니다" -> 위키백과 정의다른 말로 표현 하면 데이터를 효율적으로 관리하기 위해, 임의의 길이 데이터를 고정

2021년 6월 6일
·
0개의 댓글
post-thumbnail

우선 순위 큐는 어떻게 작동하는 가?

우선 순위 큐의 정의와 , 우선 순위 큐의 작동 방법

2021년 6월 6일
·
0개의 댓글
post-thumbnail

캐시와 웹 캐시는 무엇일까?

사용자가 웹사이트(client)에 접속할 때, 정적 컨텐츠(JS,이미지, CSS)을 특정 위치에 저장하여, 웹 사이트 서버에 해당 컨텐츠를 매번 요청하여 받는 것이 아닌, 특정 위치에서 불러옴으로서 사이트 응답 시간을 줄이고, 서버 트래픽 감소 효과를 볼 수 있는 것을

2021년 6월 6일
·
0개의 댓글

[알고리즘] 직사각형 좌표 구하기

내 풀이 x,y의 개수를 파악한다.x와 y를 hashx , hashy 두 개의 해쉬를 사용하여 개수를 추적하고value값이 1개인 key값을 순차적으로 삽입하여 값을 리턴한다.

2021년 4월 15일
·
0개의 댓글

[DataStructure&Algorithm] 부분집합,멱집합 SubSet, powerSet

부분집합과 멱집합 알고리즘 Backtracking1 (체크 배열 사용) Backtracking2 Lexicographic Subsets (비트연산자)

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

Babel 이란?

크로스 브라우징이란 ? 브라우저나 플랫폼마다 보여지는 모습이 다른 경우가 많습니다. 바벨은 이러한 차이를 최소하 하여 브라우저, 환경에 영향을 최소한으로 받고 해당 웹 서비스를 사용할 수 있게 최적화를 하는 작업을 말합니다. 일부 최신 브라우저에서만 동작하는 기능을 그

2021년 2월 17일
·
0개의 댓글

[DataStructure&Algorithm] Heap

완전 이진 트리의 일종으로 우선순위 큐를 위하여 만들어진 자료구조입니다.여러 개의 값들 중에서 최대값이나 최솟값을 빠르게 찾아내도록 만들어진 자료구조입니다.힙은 일종의 반정렬상태(느슨한정렬) 를 유지합니다.큰 값이 상위 레벨에 있고 작은 값이 하위 레벨에 있다는 정도

2021년 2월 16일
·
0개의 댓글

[DataStructure&Algorithm] BFS(너비우선 탐색)

Concept너비 우선 탐색(Breath First Search, BFS)은 탐색을 할때 너비를 우선으로 하여 탐색을 수행하는 탐색 알고리즘입니다. 특히나 '맹목적인 탐색'을 하고자 할 때 사용할 수 있는 탐색 기법입니다. 너비 우선 탐색은 '최단 경로'를 찾아준다는

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

Queue(큐)와 PriorityQueue(우선순위 큐)

Concept큐는 먼저 들어온 것이 먼저 나가는 구조를 가지고 있습니다. 실생활과 연관지어 은행 창구를 떠올릴수 있습니다.먼저 번호표를 뽑은 사람이 먼저 서비를 받게 되고 중간에 새치기는 불가능한 것이 기본적인 큐의 구조입니다.array를 사용하여 queue를 구현 할

2021년 2월 10일
·
0개의 댓글