전체태그 보기

#TIL (48개의 포스트)

TIL 6월 18일 - SameValueZero, ECMAScript, Enumerability, event handler 요소 접근
ktseo41
SameValueZero Codestates의 underbar 과제를 하다가 uniq의 풀이법이 많아보이는 것 같았다. 그래서 아예 lodash의 uniq를 찾아보려고 가니 documentation에서 equality comparison으로 SameValueZero 를 사용해줬다는 대목이 나와서 찾아봤다. ECMAScript에서는 같은지 아닌지 비교할때...
TIL 6월 17일 - JSON.parse()
ktseo41
JSON.parse() - JSON.parse()는 JSON 데이터를 가진 문자열을 객체로 변환한다. (이를 역직렬화라고 한다) - 예시 - reviever라고 부르는 Optional한 function을 callback함수로 받는다. Syntax :JSON.parse(text[, reviver]) - 예시 : https://developer.m...
imacoolgirlyo

TIL 6/17~22

2일 전0개의 댓글
이번주 목표 - BYOM 배포하기 - SmallTalk 로그인, 회원가입, 마이페이지 완료하기 - 9 JavaScript Interview Questions 질문 준비 및 답변 정리 6/17 (월) 🗣SMALLTALK - 회원가입, 로그인 데이터 처리하기 위해 redux 개념 다시 공부 ✔️ Redux...! 복잡하다..이해하는거 ...
TIL 6월 16일 - Object methods, Map object, Date object, String.prototype.padStart()
ktseo41
Object methods Object.keys() - Example - 출처 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart 의문점, 더 공부해볼 것 - Map Object (MDN, Map vs O...
TIL 6월 15일 - JSON, MIME type
ktseo41
JSON MIME type * MIME type(media type이라고도 함)은 문서, 파일이나 assortment of bytes(다양한 데이터를 뜻하는 것 같음)의 종류와 서식을 알려주는 표준이다. 웹에서 확장자는 의미가 없기 때문에, 브라우저가 리소스를 내려받고 할 기본 동작이 무엇인지 결정하기 위해 MIME 타입을 사용한다고 한다. ...
TIL 6월 13일 - event object, parameter 와 argument
ktseo41
Event object event는 click, load, keydown 등등 아주 많았다. 특정 HTMLElement에 addEventListener로 해당 이벤트가 발생할 때 특정 함수를 실행하도록 하면, 이 함수에 event Object를 만들어 argument로 자동으로 전달한다고 한다. 다만, 함수를 선언할 때 event 객체를 전달받을 첫번째...
TIL 6월 12일 - callback, asynchronous call, event loop, event, ajax
ktseo41
callback 다른 코드의 인수로서 넘겨주는 실행가능한 코드를 말한다고 한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할수도 있고, 나중에 실행할 수도 있다. 보통 callback함수라고 해서 다른 함수에 인자로 넘겨주는 함수를 지칭하는 경우가 많은 것 같다. asynchronous call 비동기 방식으로 일을 처리하는 것...
TIL 6월 11일 - text-align과 정렬, css 잡다한 내용들
ktseo41
text-align과 정렬 body tag의 style에 text-align: center;를 하면 대부분의 텍스트가 정렬이 잘 된다.(일단 수평정렬) 아래와 같은 이유들이다. 1. text-align: center; 은 자식 요소들에 상속 된다. * 상속? css의 property들은 기본적으로 상속되는지 아닌지 정해져있다고 한다. MDN의 Inh...
TIL 6월 10일 - CSS 3d Button (box-shadow)
ktseo41
완성모습 codepen.io 링크 * html * 주요사항 1. a tag를 이용 1) mouse hover시 mouse cursor가 pointer 모양으로 바뀐다. 2) button tag를 이용하면 기존 button tag에 초기화된 사항들 때문에 바꿔줘야하는 것이 많다. a tag를 사용하면 :active pseudo-class...
imacoolgirlyo

TIL 5/29

2019년 5월 29일0개의 댓글
TIL 5/29 - 자바스크립트 면접 스터디에 다녀옴 - 라이브러리의 소스 코드들을 한번 공부 해보고싶다는 생각이 들었다. 배운 것 : 객체 타입의 state를 setState 하는 법. - 각 페이지의 화면 상태를 'open', 'close', 'min' 중 하나를 가질 수 있게 하였다. 처음으로 state의 값으로 객체 타입을 사용해보았...
imacoolgirlyo

TIL 5/27, 8

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

TIL 5/22

2019년 5월 22일0개의 댓글
자바스크립트 클로저 개념 다시 정리 - 객체를 생성자를 이용해서 만들 때 생성자 함수 안에 메소드를 정의하는 것은 권장하지 않는다. 매번 객체가 생성자 함수에 의해 새로 만들어질 때마다 똑같은 메소드가 정의되기 때문에 이러한 반복을 막기 위해서 생성자 함수의 프로토타입에 메소드를 추가하여 사용할 수 있다. MDN: 클로저, 성능 관련 고려 사항 객체의 변...
imacoolgirlyo

TIL 5/17, 18

2019년 5월 21일0개의 댓글
TIL 5/17 코딩 인터뷰 완전 분석 chapter 1인 string, array 문제를 풀었다. string도 iterable하다는 것과 js의 Map 자료구조에 대해서도 배웠다. 확실히 책으로 공부하는게 더 편하고 머리에 잘 남는 거 같다. - 남에게 무언가를 설명한다는 건 언제나 어려운 거 같음 TIL 5/18 - 면접 스터디 후 파...
imacoolgirlyo

TIL 5/16

2019년 5월 17일0개의 댓글
React는 라이프 사이클이 있다. 컴포넌트의 라이프 사이클 순서는 크게Mounting(마운팅) - Updating(갱신) - UnMounting(언마운팅) 과정을 거친다. - 마운팅은 컴포넌트가 DOM 노드에 추가할 때 발생한다. - 갱신은 props나 state가 변경되어 React 엘리먼트를 갱신할 때 발생한다. - 언마운팅은 React eleme...
imacoolgirlyo

TIL 0515

2019년 5월 16일0개의 댓글
Big-O 개념에 대해서 다시 공부했다. 알고리즘 공부를 할 때 내가 만든 알고리즘이 효율적인지 아닌지에 대해서 간과했었는데 바보 같은 짓이였다. 시간 복잡도는 코드가 어떤 의미인지 또는 코드가 몇 번 반복 되는지 생각해보면 된다. 위 코드의 시간복잡도를 계산해보자. - 코드가 어떤 의미인지 생각해보자. j는 항상 i보다 큰 상태로 루프를 돈다. 총 ...
imacoolgirlyo

TIL 5/14

2019년 5월 15일0개의 댓글
현재 React를 이용하여 파티에 참가한 사람들이 실시간으로 음악을 올릴 수 있는 웹을 만들고 있다. 오늘은 DJ가 선택한 곡이 사용자들의 플레이리스트에 '현재 재생되는 곡'으로 표시되는 걸 구현하였다. '현재' 재생되는 곡에만 글씨에 색을 바꾸고, 이전에 재생 되었던 건 다시 원래 기본값으로 돌아가게 구현해야하는 부분이 좀 까다로웠다. Playlist ...
imacoolgirlyo

TIL 5/13

2019년 5월 14일0개의 댓글
constructor 안에 super(props)라고 명시해주지 않으니 Cannot set property 'state' of undefined이라는 오류가 남 자식 컴포넌트 내의 constructor에서 this를 사용하기 전에는 반드시 super(props)를 해줘야한다. 그렇지 않다면 제대로 this를 가져오지 못하게 됨 - Why Do We Wr...
imacoolgirlyo

TIL 5/9

2019년 5월 10일0개의 댓글
인사이드 자바스크립트 책의 실행컨텍스트와 클로져 부분을 다시 읽었다. 스코프 체인과 클로저가 이해가기 시작했다. - 참고할 만한 프로젝트들의 폴더 구조를 분석? 하여 현재 진행중인 BYOM 프로젝트에 적용시켜보았다. 기존에 파일들이 상대경로 대로 import하고 있어서 구조를 바꾸고 경로를 수정하는데 애를 먹었다. 이게 다 첫 단추를 잘못 끼워서... ...
imacoolgirlyo

TIL 5/8

2019년 5월 9일0개의 댓글
인사이드 자바스크립트 6장 객체 지향 프로그래밍 부분을 읽었다. 자바스크립트는 객체 프로토타입 체인을 이용해서 상속을 구현한다는걸 알게되었다. 클래스 기반의 상속 내용도 읽었지만 아직 어떻게 써야하는지는 모르겠움 - BYOM 프로젝트를 presenter와 container로 나누었는데 폴더 구조와 코드가 마음에 들지 않는다. 오히려 나누기 전이 더 직관적인...
imacoolgirlyo

TIL 5/7

2019년 5월 8일0개의 댓글
인사이드 자바스크립트 4.1~4.3 함수 부분을 복습하고 5장 실행 컨텍스트와 클로저 부분을 읽었다. 실행 컨텍스트 생성 과정과 스코프 체인이 어려워서 클로저 부분까지는 넘어가지 못했다. - BYOM 화면의 플레이리스트 부분도 마찬가지로 UI Layer 담당 Presentional Component와 데이터 담당 Container Component를 나누...