- 전체보기(44)
- deep dive(26)
- Java Script(15)
- JavaScript(13)
- js(12)
- React(9)
- Event(4)
- typescript(3)
- redux saga(2)
- http(2)
- issue(2)
- 프론트엔드(2)
- this(2)
- project(2)
- local(2)
- global(2)
- parse()(2)
- github(2)
- &&(2)
- 취준(2)
- try catch(2)
- stringify()(2)
- REST API(2)
- PR(2)
- kakao api(2)
- ajax(2)
- object(2)
- 알고리즘(2)
- social-login(2)
- local storage(2)
- 프로퍼티(1)
- stack(1)
- queue(1)
- 전역(1)
- 객체 타입(1)
- 이벤트 전파(1)
- heap(1)
- 프로미스(1)
- obejct(1)
- 객체(1)
- generator(1)
- velog(1)
- XMLHTTPRequest(1)
- CommonJS(1)
- ESM(1)
- Module(1)
- 이벤트 타깃(1)
- call stack(1)
- 면접(1)
- MPA(1)
- 지역(1)
- throttle(1)
- debounce(1)
- 디바운스(1)
- await(1)
- event loop(1)
- 고차 함수(1)
- react redux(1)
- async(1)
- 비동기(1)
- name binding(1)
- branch(1)
- 렉시컬 스코프(1)
- reducer(1)
- error(1)
- 인스턴스(1)
- json(1)
- next(1)
- const(1)
- let(1)
- var(1)
- 화이팅(1)
- 기명 함수(1)
- teamProject(1)
- ClearTimeout(1)
- 즉시 실행 함수(1)
- new(1)
- 함수(1)
- setInterval(1)
- setTimeout(1)
- 메서드(1)
- 타이머(1)
- DOM(1)
- axios(1)
- 함수 표현식(1)
- 면접준비(1)
- 협업(1)
- CSR(1)
- SSR(1)
- 생성자 함수(1)
- type(1)
- clearInterval(1)
- localstorage(1)
- 함수 선언문(1)
- 스타트업(1)
- execution context(1)
- binding(1)
- 데이터 타입(1)
- 호출 스케줄링(1)
- strict mode(1)
- spa(1)
- use strict(1)
- next.js(1)
- 변수(1)
- 이벤트 버블링(1)
- 마이크로태스크 큐(1)
- life cycle(1)
- 팀프로젝트(1)
- 정적 타이핑(1)
- CRUD(1)
- 원시 타입(1)
- 블록 레벨 스코프(1)
- 이벤트 캡처링(1)
- redux(1)
- 정적 스코프(1)
- modal(1)
- Spring(1)
- emotion(1)
- task queue(1)
- infinite scrolling(1)
- scope(1)
- 함수 리터럴(1)
- 익명 함수(1)
- tag(1)
- function(1)
- primitive value(1)
- cors(1)
- 회고(1)
- 검색어(1)
- 동적 타이핑(1)
- 이벤트 위임(1)
- promise(1)
- 태스크 큐(1)
- 쓰로틀(1)
- boiler-plate(1)
- 동기(1)
- 자료구조(1)
- propagation(1)
[React] 전역으로 관리하는 모달 만들기
이번에 만들어 볼 것은 모달인데, ios에서 기본적으로 제공하는 것처럼 생긴 모달을 만들 것입니다!먼저 완성본부터 보겠습니다디자인에 관련된 정확한 측정이 스스로의 힘으로는 불가능하였지만, 같이 협업하고 계신 디자이너님께서 만들어서 제공해주셨습니다👍프론트 작업 시에,
DEEP DIVE 한 장 요약 (모듈)
모듈(module)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다.일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다.자신만의 파일 스코프를 갖
DEEP DIVE 두 장 요약 (이벤트 ⑵ , event)
이전 장 읽어보기 이벤트 객체의 공통 프로퍼티 앞서 말했듯이 이벤트 객체는 사용자에 의해 이벤트가 발생했을 때 동적으로 생성됩니다. 이렇게 동적으로 생성된 이벤트 객체를 활용하기 위해 자바스크립트에서는 이벤트 객체의 공통 프로퍼티를 제공합니다. | 공통 프로퍼티
DEEP DIVE 두 장 요약 (이벤트 ⑴ , event)
브라우저는 처리해야 할 특정 사건이 발생하면 이를 감지하여 이벤트(=evnet)를 발생(=trigger)시킨다. 예를들어, 클릭, 키보드 입력, 마우스 이동 등이 일어나면 브라우저는 이를 감지하여 특정한 타입의 이벤트를 발생시킨다. 만약 애플리케이션이 특정 타입 이벤트
DEEP DIVE 한 장 요약 (데이터 타입)
데이터 타입, data type(을 줄여서 '타입'이라고도 한다)은 값의 종류를 말한다. 자바스크립트의 모든 값은 데이터 타입을 갖는다. 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 7개의 데이터 타입은 원시 타입(= primitive type)과 객체 타입
DEEP DIVE 한 장 요약 (객체)
자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 '모든 것'이 객체다. 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체이다. 원시 타입(primitive type) 은 단 하나의 값만 나타내지만 객체 타입(objec
DEEP DIVE 한 장 요약 (변수)
변수 변수란 무엇인가 애플리케이션은 데이터를 다룬다. 아무리 복잡한 애플리케이션이라 해도 데이터를 입력(input)받아 처리하고 그 결과를 출력(output)하는 것이 전부다. 변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. 자바스크립트 엔진이
DEEP DIVE 한 장 요약 (구조분해할당 디스트럭처링 할당)
디스트럭처링 할당(destructuring assignment)은 구조 분해 할당이라고도 합니다. 구조화된 배열과 같은 이터러블 또는 객체를 destructuring(비구조화, 구조 파괴)하여 1개 이상의 변수에 개별적으로 할당하는 것을 말합니다. 배열과 같은 이터러블
DEEP DIVE 한 장 요약 (브라우저 렌더링 과정)
클라이언트단에서 서버에게 페이지 요청을 보낼 수 있는 통로로 검색창이 있습니다.우리는 개발을 하면서 URL, URI라는 단어를 들어봤을 것입니다. 저는 정확히 알지는 못하지만, 주소를 보내는 것과 같다는 느낌으로 받아들이고 해석한 경험이 있습니다.URL은 URI에 포함
DEEP DIVE 한 장 요약 ( 자바스크립트 개발 환경)
모든 브라우저(크롬, 사파라, 익스플로러 등) 는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. 브라우저뿐만 아니라 Node.js도 자바스크립트 엔진을 내장하고 있다. 따라서 자바스크립트는 브라우저 환경 또는 Node.js 환경에서 실행할
DEEP DIVE 한 장 요약 (자바스크립트란?)
렌더링, Ajax, 비동기1995년, 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있는 넷스케이프 커뮤니케이션즈는 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로 결정한다. 그래서 탄생한 것이 바로 브랜던 아이
DEEP DIVE 한 장 요약 (프로그래밍이란?)
프로그래밍, 기계어, 컴파일러, 인터프리터프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다.컴퓨터에게 우리의 문제 해결 방안을 전달하기 위해 컴퓨터가 이해할 수 있는 기계어로 전달해야 한다.하지만 ① 사람의 언어 체계와 ② 컴퓨터의 언어 체계가 다르므로,
[React] 노마드 코더 [ReactJS로 영화 웹 서비스 만들기] 리덕스와 인피니티 스크롤 적용하여 무한으로 즐기기
들어가기 앞서 위 글은 기존 노마드 코더님의 강의인 'ReactJS로 영화 웹서비스 만들기'를 바탕으로 공부한 부분을 적용하여 리뉴얼 하였습니다. 기존 클래스형 컴포넌트에서 함수형 컴포넌트로 변경한 후에, 리덕스 및 리듀서를 통해 데이터를 관리할 수 있도록 만들었습니