thumbnail

좋은 글, 영상 모아두기

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

4일 전0개의 댓글

TIL 5/16

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

4일 전0개의 댓글

TIL 0515

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

5일 전0개의 댓글

TIL 5/14

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

6일 전0개의 댓글

TIL 5/13

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

7일 전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개의 댓글

[JS] 함수 객체: 일급 객체로써의 함수, 함수의 property, 내부함수와 스코프 체인

책 인사이드 자바스크립트를 읽고 정리한 내용입니다. - 함수는 일급 객체 ( 변수에 값으로 할당될 수 있고, 함수의 리턴값, 함수의 매개변수로 전달, 객체이기 때문에 동적으로 프로퍼티를 생성할 수 있음) - 기본 property : length, prototype ...

2019년 5월 5일0개의 댓글

TIL 5/2

BYOM About 화면, 첫 화면 UI 및 Figma로 그렸다. 확실히 UI를 정해놓고 작업하니까 훨씬 편했고 Figma가 픽셀 간격, box-shadow까지 다 알려줘서 편한 것 같다. - /project 라우터를 삭제하고 /, /about만 남겨놓았다. 버튼 누...

2019년 5월 4일0개의 댓글

[JS] 자바스크립트 데이터 타입

책 인사이드 자바스크립트 내용을 정리한 내용입니다. 데이터 타입에서 꼭 알고 넘어가야하는 부분 1. 기본 타입, 참조(객체) 타입의 종류 및 각각의 특징 - 참조 타입의 특성 : 참조값을 저장, 함수의 매개변수로 전달할때 (call by value, call ...

2019년 5월 4일0개의 댓글

TIL 5/1

Flux, Redux 개념을 살펴보았다. 아직은 무슨 말인지 모르겠다. - Velopert님의 유튜브 영상을 보다가 Figma라는 디자인 툴을 알게되어 BYOM UI를 만들었다. - 4월 회고를 하고 어떤 점이 부족했는지, 잘했는지, 고쳐야할 점은 무엇인지 파악했다....

2019년 5월 2일0개의 댓글

[JS] 자바스크립트의 Function 호출과 this

this 란 ? this The object that is executing the current function. 1. 함수가 어떻게 호출되냐에 따라서 this가 결정된다. 먼저 함수의 호출 패턴에 대해서 알아보자. 함수는 여러가지의 패턴으로 실행된다. -...

2019년 4월 30일0개의 댓글

MPL 개발하면서 배운 것들

React - React의 props, state 의 개념을 좀 더 확실히 이해 하게됨 - React-Router로 url 별로 다른 Component 마운트 하기 - React는 선언형 스타일 (결괏값에 조금 더 집중) - React 가상 DOM, 실제 DOM, 이...

2019년 4월 30일0개의 댓글

TIL 4/25, 26

TIL 4/25 (목) - MPL 메인 화면 아래 로고 추가하기 - FestivalName 양 옆에 괄호 svg 추가하고 위치 수정하기 - Festival List의 순서에 따라 font-size 바뀌는 로직 추가하기 - transition 추가하기 Festival...

2019년 4월 30일0개의 댓글

TIL 4/24

구현한 것 - 리스트를 스크롤 하면 해당 리스트들이 휠 처럼 돌아감 - 스크롤 하는 범위 제한 - throttle 함수를 사용해서 스크롤 이벤트를 적당히 제한 - 해당 리스트들 화면 중앙에 위치 배운 것 1. throttle, debounce 함수 2. pro...

2019년 4월 25일0개의 댓글

[CSS] position : relative, absolute

position : static 기본 값, - position : relative 기본으로 위치해야 할 곳에서 top, bottom, left, right 등의 box offset property를 이용하여 위치를 변경 시킬 수 있음 - position : abso...

2019년 4월 24일0개의 댓글

TIL 4/22~23, 그리고 반성..

지금까지 임시글로만 작성하고 포스팅하지 않은 글들이 많다. 임시글로 놔두는데는 여러가지 이유가 있는데 주로 어떤 내용인지는 알지만 확실하게 이해하지 못한 내용이거나 모르는 내용인데 아직 답을 찾지 못한 경우가 많다. 포스팅 하나를 쓰는데는 사실 많은 시간이 필요하다....

2019년 4월 24일0개의 댓글