thumbnail

why webpack ?

👩🏻‍💻 정확히 webpack은 자바스크립트의 어떤 부족한 점을 채워주는 걸까? '모듈'이란 말과 크게 관련이 있는 거 같다. 그렇다면 정확히 모듈은 어떤 걸 뜻하는지, webpack이 나오게 된 배경들은 어떤지 알아보자. 모듈 (module) modular...

2019년 9월 17일0개의 댓글

Short-Circuiting( &&, || ), Conditional (ternary) operator

Short-Circuiting - && 는 두 연산자 모두 true면 true를 리턴, 그렇지 않으면 false를 반환한다. - `는 두 연산자가 모두 false이면 false를 리턴, 그렇지 않은 경우들엔 true를 반환한다. &&, ` operator는 항상 ...

2019년 6월 18일0개의 댓글

{...byIds[id], id} 쪼개보기

예제: mapStateToProps 함수 1. todos에 저장된 id 순서로 [{content: 'blabla', completed: false, id: 1}, {content: 'blahblah', completed: false, id: 2}] 배열을 만들고 2...

2019년 6월 18일0개의 댓글

TIL 6/17~22

이번주 목표 - BYOM 배포하기 - SmallTalk 로그인, 회원가입, 마이페이지 완료하기 - 9 JavaScript Interview Questions 질문 준비 및 답변 정리 6/17 (월) 🗣SMALLTALK - 회원가입, 로그인 데이터 처리하기 위...

2019년 6월 17일0개의 댓글

web socket과 socket.io

HTTP 프로토콜과 WebSocket 프로토콜 기존의 HTTP 프로토콜은 서버와 클라이언트 사이의 연결이 유지되지 않는다.(connectionless) 이로 인해 HTTP로 실시간 통신을 구현하는덴 어려움이 많았고 보완하기 위해 WebSocket 프로토콜이 나왔다. W...

2019년 6월 13일1개의 댓글

자바스크립트 면접 스터디 #4

Github에서 유명한 자바스크립트 면접 질문들을 정리해보고 있습니다. 원본 , 번역을 참고 하였습니다. 일반적으로 웹 사이트의 전역 스코프를 그대로 두고 건드리지 않는 것이 좋은 이유는 무엇인가요? 전역 스코프에 저장되어 있는 값들은 어디에서나, 누구나 사용...

2019년 6월 11일0개의 댓글

TIL 5/29

TIL 5/29 - 자바스크립트 면접 스터디에 다녀옴 - 라이브러리의 소스 코드들을 한번 공부 해보고싶다는 생각이 들었다. 배운 것 : 객체 타입의 state를 setState 하는 법. - 각 페이지의 화면 상태를 'open', 'close', 'min' 중...

2019년 5월 29일0개의 댓글

TIL 5/27, 8

TIL 5/27 - media query를 사용해서 일반 웹 화면에서만 footer가 보여지게 했다. - 컴포넌트들이 많아질 수록 어떻게 하면 더 좋은 코드를 만들 수 있을까 고민하게 된다. 주석이 필요없이 읽었을 때 바로 이해할 수 있는 코드가 좋은거라고 들었는데 아...

2019년 5월 29일0개의 댓글

TIL 5/22

자바스크립트 클로저 개념 다시 정리 - 객체를 생성자를 이용해서 만들 때 생성자 함수 안에 메소드를 정의하는 것은 권장하지 않는다. 매번 객체가 생성자 함수에 의해 새로 만들어질 때마다 똑같은 메소드가 정의되기 때문에 이러한 반복을 막기 위해서 생성자 함수의 프로토타...

2019년 5월 22일0개의 댓글

TIL 5/17, 18

TIL 5/17 코딩 인터뷰 완전 분석 chapter 1인 string, array 문제를 풀었다. string도 iterable하다는 것과 js의 Map 자료구조에 대해서도 배웠다. 확실히 책으로 공부하는게 더 편하고 머리에 잘 남는 거 같다. - 남에게 무언가...

2019년 5월 21일0개의 댓글

좋은 글, 영상 모아두기

A perfect guide for cracking a JavaScript interview (A developer’s perspective) - 돈만 많이 벌면 된다는 사람들에게 - 이 영상의 댓글 중 일이 내 생활이 되고 돈을 넘어서서 행복과 보람을 느끼는 것에...

2019년 5월 17일0개의 댓글

TIL 5/16

React는 라이프 사이클이 있다. 컴포넌트의 라이프 사이클 순서는 크게Mounting(마운팅) - Updating(갱신) - UnMounting(언마운팅) 과정을 거친다. - 마운팅은 컴포넌트가 DOM 노드에 추가할 때 발생한다. - 갱신은 props나 state...

2019년 5월 17일0개의 댓글

TIL 0515

Big-O 개념에 대해서 다시 공부했다. 알고리즘 공부를 할 때 내가 만든 알고리즘이 효율적인지 아닌지에 대해서 간과했었는데 바보 같은 짓이였다. 시간 복잡도는 코드가 어떤 의미인지 또는 코드가 몇 번 반복 되는지 생각해보면 된다. 위 코드의 시간복잡도를 계산해보자...

2019년 5월 16일0개의 댓글

TIL 5/14

현재 React를 이용하여 파티에 참가한 사람들이 실시간으로 음악을 올릴 수 있는 웹을 만들고 있다. 오늘은 DJ가 선택한 곡이 사용자들의 플레이리스트에 '현재 재생되는 곡'으로 표시되는 걸 구현하였다. '현재' 재생되는 곡에만 글씨에 색을 바꾸고, 이전에 재생 되었...

2019년 5월 15일0개의 댓글

TIL 5/13

constructor 안에 super(props)라고 명시해주지 않으니 Cannot set property 'state' of undefined이라는 오류가 남 자식 컴포넌트 내의 constructor에서 this를 사용하기 전에는 반드시 super(props)를 해줘...

2019년 5월 14일0개의 댓글

TIL 5/9

인사이드 자바스크립트 책의 실행컨텍스트와 클로져 부분을 다시 읽었다. 스코프 체인과 클로저가 이해가기 시작했다. - 참고할 만한 프로젝트들의 폴더 구조를 분석? 하여 현재 진행중인 BYOM 프로젝트에 적용시켜보았다. 기존에 파일들이 상대경로 대로 import하고 있어서...

2019년 5월 10일0개의 댓글

TIL 5/8

인사이드 자바스크립트 6장 객체 지향 프로그래밍 부분을 읽었다. 자바스크립트는 객체 프로토타입 체인을 이용해서 상속을 구현한다는걸 알게되었다. 클래스 기반의 상속 내용도 읽었지만 아직 어떻게 써야하는지는 모르겠움 - BYOM 프로젝트를 presenter와 contain...

2019년 5월 9일0개의 댓글

TIL 5/7

인사이드 자바스크립트 4.1~4.3 함수 부분을 복습하고 5장 실행 컨텍스트와 클로저 부분을 읽었다. 실행 컨텍스트 생성 과정과 스코프 체인이 어려워서 클로저 부분까지는 넘어가지 못했다. - BYOM 화면의 플레이리스트 부분도 마찬가지로 UI Layer 담당 Pres...

2019년 5월 8일0개의 댓글

TIL 5/6

인사이드 자바스크립트 4.4 함수 호출과 this, 프로토타입 체이닝을 읽었다. 헷갈렸던 프로토타입 개념을 이해하게 되었다. - BYOM 첫 로그인 컴포넌트의 render 메소드에 너무 많은 div 태그들이 있어 UI 레이어 역할을 하는 Presentational C...

2019년 5월 7일0개의 댓글

TIL 5/4, 5/5

TIL 5/4 - babel는 ECMAScript 2015+의 코드들을 브라우저가 이해할 수 있는 코드로 변형해주는 컴파일러 - 인사이드 자바스크립트 책을 보게 되었는데 설명이 깔끔하게 잘되어있어서 헷갈렸던 개념들을 다시 잡기 좋았다. 자바스크립트 데이터 타입과 연산자...

2019년 5월 5일0개의 댓글