profile
매일 조금씩 성장하고 있는 개발자입니다.
post-thumbnail

React Design Pattern 🎨

➡️ 데이터 처리와 데이터 출력을 분리하는 패턴입니다. 컨테이너 컴포넌트에서는 주로 데이터 fetch가 이루어 지게 됩니다. Redux를 이용해 상태 관리를 하게 된다면 dispatch 를 예로 들 수 있습니다. 연관이 있는 서브 컴포넌트를 렌더링합니다.DOM Mark

2021년 3월 2일
·
12개의 댓글
post-thumbnail

[자바스크립트 ES6+] map, filter, reduce

이번 시간에는 map, filter, reduce에 대해 알아보겠습니다. 상품 이름이나 가격만 따로 빼서 하는 로직을 작성map 함수를 직접 작성해보겠습니다. 이 map 함수를 이용해 products의 이름만 뽑아 보겠습니다. 이렇게 함수 부분에는 이름을 리턴해주는 함

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

Front-End 면접 질문 대비 Part5 (JavaScript 이벤트 루프, 비동기 처리)

이번 글에서는 자바스크립가 어떻게 동작을 하는지, 이벤트 루프 중심으로 살펴보겠습니다! 🧐 이벤트 루프 ➡️ 아래 그림을 통해 전체적인 자바스크립트 동작원리를 파악할 수 있습니다. 출처: https://blog.sessionstack.com/how-does-j

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

[자바스크립트 ES6+] ES6에서의 순회와 이터러블

이번 시간에는 순회와 이터러블에 대해서 공부해보겠습니다. 📕마무리

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

[자바스크립트 ES6+] 함수형 자바스크립트 기본기

함수형 프로그래밍과 자바스크립트 ES6+ 내용에 대해서 글을 연재해 나가고자 합니다. 1. 평가와 일급 평가 코드가 계산(Evaluation)되어 값을 만드는 것을 의미합니다. 일급 값으로 다룰 수 있다. 변수에 담을 수도 있다. 함수의 인자로 사용될 수 있

2021년 1월 30일
·
0개의 댓글

MobX 톺아보기 🧐

obsevables을 기반으로 계산된 값, 정보를 뜻한다. Lazily 하게 evaluate 하는데 obsevables 가 변경되었을때만 계산을 진행한다. Computed Value는 getter 로 지정해서 표현할 수 있다. Example)➡️ 예시와 같이 get을

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

Front-End 면접 질문 대비 Part4(SSR, CSR, Execution Context, Iterator, Event Delegation)

오늘도 이어서 시작하겠습니다. SSR vs CSR SSR(Server Side Rendering) 완전하게 만들어진 HTML 파일을 서버로부터 받아오고 이를 웹브라우저에 렌더링합니다. 웹서버에 요청을 할 때마다 브라우저 새로고침이 일어나고 새로운 페이지는 서버에

2021년 1월 3일
·
5개의 댓글
post-thumbnail

Front-End 면접 질문 대비 Part3 (CORS, http, browser(최신버전 추가))

아마 프론트 엔드를 개발하시는 분들이라면 한 번씩을 다 CORS에 대해서 보셨을꺼라고 생각합니다. 😫➡️ 여기서 교차 출처란 다른 출처를 의미합니다. 즉 다른 출처로 자원을 요청하면 CORS 오류가 발생하는 것입니다. (하나의 정책)URL을 보면 Protocol, H

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

Front-End 면접 질문 대비 Part2 (Promise, Arrow Function, Prototype)

직무 면접 대비 파트 2입니다. ✅ 자바스크립트에서는 대부분의 작업들이 비동기적으로 이루어집니다.=> Promise 패턴을 사용하면 이런 비동기적 처리를 컨트롤하기 쉬워집니다.참고: https://programmingsummaries.tistory.com/32

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

Front-End 면접 질문 대비 Part1 (hoisting, closure, this)

이번에 면접 대비를 위해 프론트 엔드 분야에서 알아야 될 내용들을 정리하고자 합니다. ➡️ 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것. 끌어올린다고 생각하면 됩니다.여기서 유효 범위는 함수 블록 {} 안을 뜻합니다.✅ var

2021년 1월 1일
·
2개의 댓글