FE 톺아보기

NodeJS에서 기본 모듈 시스템으로 채택하고 있다.require()와 module.exports를 사용한다.script 파일이 global scope 처럼 사용된다.여러 개의 객체를 내보낼 경우, exports 변수의 fields로 할당한다.한개의 객체를 내보낼 경우

함수이름을 호출하여 재사용이 가능하다.함수 리터럴 방식으로 만들어진 이름없는 함수.리터럴?문자 그대로데이터를 만들 때 흔히 사용하는 방식변수에 함수의 코드를 저장하는 대신 함수명을 사용하지 않음변수 명을 함수 명처럼 사용해서 함수를 호출하거나 변수 값을 이동시키는데 사

📖 목차1\. 비즈니스 로직과 프레젠테이션 로직2\. MVVM이란?3\. Recoil을 접목시킨 MVVM 패턴이번에 collusic-new, about 프로젝트에 mvvm 패턴을 적용하면서 디자인 패턴에 대해 처음 공부하게 되었다. model, view, viewmo

일반 함수는? 하나의 값 만을 반환한다.제너레이터를 사용하면 여러 개의 값을 필요에 따라 하나씩 반환할 수 있다.제너레이터와 이터러블 객체를 함께 사용하면 손쉽게 데이터 흐름 집합체를 만들 수 있다.function\*제너레이터 함수를 호출하면 코드가 실행되지 않고, 제

옵저버패턴이란? 객체의 상태 변화를 관찰하는 관찰자들, 즉 옵저버들의 목록을 객체에 등록하여 상태 변화가 있을 때마다 메서드 등을 통해 객체가 직접 목록의 각 옵저버에게 통지하도록 하는 디자인 패턴이다. 어떤 객체의 상태가 변할 때 그와 연관된 객체들에게 알림을 보내

SSR(Server Side Rendering) server에서 HTML을 정제해서 브라우저로 전송해 페이지를 띄워주는 방식 특징 server에서 HTML을 완성해서 보내주기 때문에 브라우저에서 우클릭 후 페이지 소스 보기 를 하면 완성된 html을 볼 수 있다.

자사 서비스가 실질적으로 운영되는 사이트. 이 프로젝트는 React를 통해 Client를 띄워주고 있다.Google, Kakao, Naver 등 인증에 필요한 아이템을 제공해주는 서버.Client는 ID, PW로 로그인 요청을 해서 Authorization Code를

인증 vs 인가 인증이란? 유저가 누구인지 확인하는 절차. 회원가입하고 로그인하는 절차를 의미한다. 인가란? 인증 이후, 유저에 대한 권한을 허락하는 절차. 인증된 사용자가 특정 페이지, 특정 api 정보를 호출할 때

3, 2, 1, 0 카운트 다운을 진행하는 컴포넌트를 동작시키기 위해 setInterval을 사용해 3에서 1초마다 countDown을 동작하고, count가 0이 되었을 때, clearInterval을 사용해 setInterval을 중지하는 로직을 구현 중이었다.cl

자식 컴포넌트 2개의 데이터를 비동기로 호출하는데 이 때 두 컴포넌트 모두 데이터가 존재하지 않다면, emit을 통해 데이터 존재 여부를 상위 컴포넌트로 전달해주고, 상위 컴포넌트의 렌더링을 막으려고 했다.FirstChild와 SecondChild의 data 존재 여부