thumbnail

TIL 6/17~22

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

2019년 6월 17일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개의 댓글

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

TIL 5/2

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

2019년 5월 4일0개의 댓글

TIL 5/1

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

2019년 5월 2일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개의 댓글

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

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

2019년 4월 24일0개의 댓글

TIL 4/19

오늘 한 것 BYOM에서 Server Control이 필요한 부분 구현 ✅ DJ가 선택 한 노래가 화면에 표시된다. - Todolist, posts, chats 등에서 어떤 item을 수정하고 싶을 때 어떻게 수정 요청을 할까? - 해당 item의 id를 잉ㅇ해 d...

2019년 4월 19일0개의 댓글