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

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

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

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

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

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

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

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

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

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