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

테스트란?

\- 테스트의 의미와 종류(테스트란?( - 단위 테스트( - 통합 테스트( - E2E 테스트( - 자동화 테스트( - 좋은 테스트 코드(\- 자바스크립트 테스트 도구(테스트 러너( - 테스트 프레임워크( - 단언(Assertion) 라이브러리( - 테스트

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

Proxy Server(프록시 서버)란?

프록시 서버는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 컴퓨터 시스템이나 응용프로그램을 말합니다. 서버와 클라이언트 사이에 중계기 로서 대리로 통신을 수행하는 것을 가리켜 '프록시', 그 중계 기능을 하는 것을 프록시 서버라고

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

[이펙티브 타입스크립트] chapter 1

Effective typescript의 chapter1을 읽고 정리한 내용입니다. 타입스크립트는 자바스크립트의 상위 집합이다. 모든 자바스크립트 프로그램은 이미 타입스크립트 프로그램이다. 반대로, 타입스크립트 프로그램은 별도의 문법을 가지고 있기 때문에 일반적으로는 유

2021년 10월 14일
·
0개의 댓글
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개의 댓글