profile
프론트엔드 개발자
태그 목록
전체보기 (85)React(23)코드캠프(22)리액트(16)JavaScript(4)graphql(4)promise(2)useState(2)API(2)typescript(2)image(2)query(2)mutation(2)오류(2)git(2)TIL(1)브라우저 구조(1)destructuring(1)cors(1)React-player(1)component(1)Hydration-Issue(1)hydration(1)web editor(1)Callbaack-Hell(1)import(1)이미지 라이브러리(1)동기(1)library(1)라이브러리(1)http(1)Cross-Site-Script(1)iamport(1)REST(1)Utility Type(1)taskqueue(1)Common-Component(1)통신(1)memoization(1)validation(1)FileReader(1)rest parameter(1)refetch(1)throttiling(1)incariant violation(1)callback(1)lazyload(1)react hook form(1)preload(1)Firebase(1)SPA-CSR(1)await(1)sessionStorage(1)서버(1)useEffect(1)MDN(1)비동기(1)Presenter(1)export(1)EventLoop(1)useApolloClient(1)macrotask(1)ESLint(1)Prettier(1)Debouncing(1)refresh_token(1)asnyc(1)Generic(1)Image Upload(1)자바스크립트(1)template literals(1)XSS(1)cli(1)@media(1)REST API(1)diffing(1)promise chain(1)예외처리하기(1)bass(1)commit(1)apollo server(1)State(1)useRef(1)event bubbling(1)Advanced-Date-Issue(1)Custom Hooks(1)MPA-SSR(1)Styled compenents(1)구조분해할당(1)hook(1)microtask(1)storage(1)localstorage(1)HoF(1)Cache-Modify(1)BasicJS(1)tryCatch(1)템플릿 리터럴(1)setState(1)yup(1)HoC(1)JSX(1)cookie(1)next.js(1)내장함수(1)event delegation(1)Database(1)postman(1)Map(1)graphql-condegen(1)Playground(1)Props(1)closure(1)git커밋(1)emotion(1)promise.all(1)container(1)터미널(1)basket(1)Apollo client(1)search(1)ant Design(1)
post-thumbnail

Javascript | This Binding

바인딩(Binding)이란 함수 호출과 실제 함수를 연결하는 방법이다. 즉 함수를 호출하는 부분에 함수가 위치한 메모리 번지를 연결시켜 주는 것이다. 자바스크립트에서 함수를 호출 할 때는 암묵적으로 arguments 객체 및 this 변수가 함수 내부로 전달된다. 이에

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

JavaScript | V8 Engine

V8은 웹 브라우저를 만드는데 기반을 제공하는 구글에서 개발한 오픈소스 자바스크립트 엔진이다.V8은 자바스크립트 코드를 실행 전에 최적화된 머신 코드로 컴파일하는 엔진이다.(즉, V8은 자바스크립트 코드를 받아 컴파일하고 실행하는 C++ 프로그램이다.)크롬 브라우저와

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

Javascript | OOP vs FP

OOPObject Oriented Programming의 약자로써 class와 object에 기반한 프로그래밍 패러다임(디자인 패턴) 이다. 관련된 데이터끼리 묶어서 class를 형성하고 그 안에서 object instance를 만듬으로써 프로그램을 디자인한다.Impe

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

NoSQL vs SQL

우선 데이터베이스란 무엇일까? 데이터베이스란 데이터의 모음을 말한다.일반적으로 컴퓨터 시스템에 전자적으로 저장되는 조직화된 데이터 모음을 말한다.이렇게 데이터를 조직화하면 데이터에 의미가 생긴다. 또한 대량의 데이터를 효율적으로 관리할 수 있다.이러한 데이터를 조직화하

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

TS generic

제네릭은 Java 등의 정적 타입 언어를 사용하던 사람에게는 익숙한 단어일지도 모르겠다. 그러나 JavaScript를 사용해왔던 개발자에게는 그렇지 않다.제네릭은 어떠한 클래스 혹은 함수에서 사용할 타입을 그 함수나 클래스를 사용할 때 결정하는 프로그래밍 기법을 말한다

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

Atomic Pattern

Atomic Design helps to build consistent, solid and reusable design systems.이 개발 방식은 사실 개발에만 적용되는 개념이 아니라 디자인에도 적용되는 설계 패턴이다.말 그래도 작은 단위의 컴포넌트를 재사용성이 강

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

Next Router vs React Router

Next 프레임워크와 React 프레임워크를 사용하면서 두 가지 차이점에 대해 궁금증이 생길 것이다.React.js는 많은 스타트업 및 대기업에서 프론트엔드 프레임워크로 사용하고 있는데, Next.js는 사실상 React.js와 많이 다르면서 취업하는데 있어 다른 개발

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

Javascript | immutable와 mutable

Immutable 객체는 내용이 변하지 않는 객체를 말한다. 객체는 다양한 이유로 불변적일 수 있는데, 예시로 아래와 같은 경우가 있다.성능을 향상시키기 위함객체가 미래에 변할 계획이 없을 때메모리 사용을 줄이기 위함전체 객체를 복사하지 않고 객체 참조를 만듦Threa

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

Virtual DOM

MDN에서는 “DOM은 HTML, XML document와 상호작용하고 표현하는 API이다. DOM은 browser에서 로드되며, Node(이하 노드) 트리(각 노드는 document의 부분을 나타낸다)로 표현하는 document 모델이다. 위의 설명으로, Docume

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

Browser Rendering Process

렌더링이란 HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 말한다.브라우저 마다 다르지만, 브라우저는 렌더링을 수행하는 렌더링 엔진을 가지고 있다. 크롬은 블링크(Blink), 사파리는 웹킷(Webkit) 그리고 파이어폭스는 게코(

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

HTTP 상태 코드 정리

출처 : https://www.whatap.io/ko/blog/40/ 클라이언트 - 서버 구조에서 클라이언트가 서버에게 request를 보내면 서버는 이에 대해 response를 보낸다. 모든 HTTP 응답 코드는 5개로 분류할 수 있다. => Status cod

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

Javascript | 스코프(Scope)

스코프는 참조 대상 식별자(identifier, 변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙이다. 자바스크립트는 이 규칙대로 식별자를 찾는다.전역 혹은 코드 블록(if, while, for, thy/c

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

Javascript | Shallow and Deep Copy (얕은 복사와 깊은 복사)

위의 예시처럼 객체를 직접 대입하는 경우 참조에 의한 할당이 이루어지므로 둘은 같은 데이터(주소)를 가지고 있다.이것이 얕은 복사이다.위 두 객체는 같은 데이터(주소)를 가지고 있고, 그래서 같은 주소를 참조하고 있다.때문에 obj2의 property를 수정하고, ob

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

Javascript | 호이스팅(Hoisting)

함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다.자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다.자바스크립트 Parser가 함수 실행 전 해당 함수를 한 번 훑는다.

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

null vs undefined

이 두 타입은 모두 자바스크립트에서 '값이 없음'을 나타낸다.기본적으로 값이 할당되지 않은 변수는 undefined 타입이며,  undefined 타입은 변수 자체의 값 또한 undefined 입니다.즉, 정의되지 않은 것, 초기화되어 있지 않거나 존재하지 않는 객체의

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

JS와 node.js 차이

Javascript는 프로그래밍(Programming) 언어Node.js Javascript 프로그래밍 기반으로 컴퓨터 내에서 구동시켜주는 일종의 프로그램이다.nodejs는 Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 Javascript 런타

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

Javascript | var, let, const

var, let, const 차이점은? var는 function-scoped이고, let, const는 block-scoped이다. 그럼, function-scoped와 block-scoped가 뭘까? var 예전에는 자바스크립트의 변수 선언이 var로만 가능했

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

Javascript | ES6의 특징

ES는 자바스크립트를 이루는 코어(Core)스크립트 언어로써, 다양한 환경에서 운용될 수 있게 확장성을 갖고 있기때문에 사용처가 웹환경으로 국한되어 있지는 않다. 자바스크립트는 웹브라우저에서 돌아갈 수 있도록 BOM과 DOM을 함께 사용하는 확장성이 된다. 이러한 확장

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

JS 기본 상식 | == 와 === 차이

동등연산자 (==) 는 동등연산자(Equal Operator)이고, ===는 일치 연산자(Strict Equal Operator)이다. 동등연산자(==)는 두 개의 피연산자가 동일한지 확인하며, Boolean값을 반환 한다. 일치연산자(===) 일치연산자(==

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

코드캠프 FE 37일차 - TIL(Docker)

📔 학습목표1.도커 >> Docker클라우드 프론트만 글로벌시디엔 서비스여서 컨텐츠를 전송해주는 네크워크다전세계적으로 흩뿌려준다 내위치에서 제일 가까운데서 뿌려주는거라서 SSL인증서 설치해서 검증을 해줘야함썰티피케이트의 디폴트가 버지니아 북부간단히 말하면, 클라우드

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