user-thumbnail
@ktseo41
서봉
SERIES

TodayILearned

TIL 6월 10일 - CSS 3d Button (box-shadow)

2019년 6월 10일

완성모습 codepen.io 링크 * html * 주요사항 1. a tag를 이용 1) mouse hover시 mouse cursor가 pointer 모양으로 바뀐다. 2) button tag를 이용하면 기존 button tag에 초기화된 사항들 때문에 바꿔줘야하는 것이 많다. a tag를 사용하면 :active pseudo-class...

TIL 6월 11일 - text-align과 정렬, css 잡다한 내용들

2019년 6월 11일

text-align과 정렬 body tag의 style에 text-align: center;를 하면 대부분의 텍스트가 정렬이 잘 된다.(일단 수평정렬) 아래와 같은 이유들이다. 1. text-align: center; 은 자식 요소들에 상속 된다. * 상속? css의 property들은 기본적으로 상속되는지 아닌지 정해져있다고 한다. MDN의 Inh...

TIL 6월 12일 - callback, asynchronous call, event loop, event, ajax

2019년 6월 12일

callback 다른 코드의 인수로서 넘겨주는 실행가능한 코드를 말한다고 한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할수도 있고, 나중에 실행할 수도 있다. 보통 callback함수라고 해서 다른 함수에 인자로 넘겨주는 함수를 지칭하는 경우가 많은 것 같다. asynchronous call 비동기 방식으로 일을 처리하는 것...

TIL 6월 13일 - event object, parameter 와 argument

2019년 6월 13일

Event object event는 click, load, keydown 등등 아주 많았다. 특정 HTMLElement에 addEventListener로 해당 이벤트가 발생할 때 특정 함수를 실행하도록 하면, 이 함수에 event Object를 만들어 argument로 자동으로 전달한다고 한다. 다만, 함수를 선언할 때 event 객체를 전달받을 첫번째...

TIL 6월 15일 - JSON, MIME type

2019년 6월 15일

JSON MIME type * MIME type(media type이라고도 함)은 문서, 파일이나 assortment of bytes(다양한 데이터를 뜻하는 것 같음)의 종류와 서식을 알려주는 표준이다. 웹에서 확장자는 의미가 없기 때문에, 브라우저가 리소스를 내려받고 할 기본 동작이 무엇인지 결정하기 위해 MIME 타입을 사용한다고 한다. ...

TIL 6월 16일 - Object methods, Map object, Date object, String.prototype.padStart()

2019년 6월 16일

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월 17일 - JSON.parse()

2019년 6월 17일

JSON.parse() - JSON.parse()는 JSON 데이터를 가진 문자열을 객체로 변환한다. (이를 역직렬화라고 한다) - 예시 - reviever라고 부르는 Optional한 function을 callback함수로 받는다. Syntax :JSON.parse(text[, reviver]) - 예시 : https://developer.m...

TIL 6월 18일 - SameValueZero, ECMAScript, Enumerability, event handler 요소 접근

2019년 6월 18일

SameValueZero Codestates의 underbar 과제를 하다가 uniq의 풀이법이 많아보이는 것 같았다. 그래서 아예 lodash의 uniq를 찾아보려고 가니 documentation에서 equality comparison으로 SameValueZero 를 사용해줬다는 대목이 나와서 찾아봤다. ECMAScript에서는 같은지 아닌지 비교할때...

TIL 6월 19일 - label

2019년 6월 20일

label break, continue와 같이 쓸 수 있는 label statement. lodash의 baseuniq function에 있길래 underbar uniq를 풀면서 써봤다. * label을 사용하는 것은 아주 드문 방법이라고 한다. 위처럼 label 로 loop를 건너뛰어주는 대신에 function call을해주는 경우가 더 일반...

TIL 6월 20일 - debugger, uml, 순열, 좋은 프로그래머가 되려면?

2019년 6월 20일

debugger 코드 중간에 debugger;를 넣어주면 코드진행이 멈추고 개발자 도구의 source창에 있는 javascript debugging을 자유롭게 이용할 수 있다. 코드스테이츠 질의응답시간에 강의자분께서 코드를 '부숴'보겠다고 하시면서 해당 기능을 이용했다. 특히 step을 넘어가면서 변수들이 가지는 값들이 실시간으로 뜨는 것이 아주 유용해보...

TIL 6월 21일 - Array 생성방법들, Nonenumerable property

2019년 6월 21일

Array의 생성방법들 1. 기본이고 기초인 array literal Nonenumerable property 6월 18일에는 Enumerability에 대해서 알아봤었다. for ... in 이 prototype의 enumerable한 property들까지 도달하므로 hasOwnProperty를 함께 이용해줘야 안전하게...

TIL 6월 22일 - 페어프로그래밍을 잘하려면?

2019년 6월 22일

startup-5932961920.jpg 이미지 출처 : pixabay (startupstockphoto)_ 코드스테이츠 오프스터디 후 스터디원들끼리 모여서 페어프로그래밍을 했는데 개인적으로 어려웠던 부분과 아쉬웠던 부분이 있었다. 문제는 프로그래머스 - 타겟 넘버 로 정했다. 효율이 떨어지는 방식이어서 너무 오래걸려서 8개의 문제중 5개만 통과했다...

TIL 6월 23일 - 포기한 문제에 대처하는 법

2019년 6월 23일

 공부를 한게 없어서 생각을 쓴다. 이틀연속이다. 어쨌든, 오늘은 다른 스터디를 가서 프로그래머스 문제를 같이 풀어봤다. 나름의 해결책도 제시하고 남의 관점도 듣고했지만 결국 풀이를 포기하고 해설을 봤다. 슬픔을 공부하는 슬픔에서 신형철씨가 말했다. "당신이 한번 포기한 적 있는 대상은, 절대로 포기 못 할 대상이 다시는 될 수 없다. ...

TIL 6월 24일 - slice, substring 비교

2019년 6월 24일

String의 slice, substring 비교 - 공통점 - start와 stop이 같으면 empty string을 반환 - 자를 때 stop index는 제외한다. - start, stop 둘 중 하나가 string의 length보다 크면, 대신 string의 length를 사용한다. - 차이점 slice - start가 stop보다 ...

TIL 6월 25일 - Function methods

2019년 6월 25일

call, apply는 꽤나 이전에 this의 바인딩에서 배운 개념들이지만 오늘은 온라인 세션에서 bind까지 넣은 function methods라는 이름으로 배웠다. 복습 겸 정리를 해본다. function Methods - Function.prototype.call() - Function.prototype.apply() - 위 둘은 거의 비슷...

TIL 6월 28일 - Typed Array

2019년 6월 28일

javascript의 Array JavaScript에서의 배열은 Hash Map이고 linked list 형식으로 배열을 형성하고 있다고 한다. 원래의 Linked List 탐색보다는 계산이 적다고 하지만 배열의 길이가 길어지면 문제가 생기는 것은 똑같다고 한다. 그래도 많은 발전이 이뤄져서 최근의 JavaScript 엔진은 모든 요소가 동일한 타입을 ...

TIL 6월 29일 - Recursion 문제들

2019년 6월 29일

꼭 재귀로 풀어야 할까? - 어떤 문제를 재귀로 풀어야하는 경우를 계속 마주하게 됐다. - 힘들었던 점은 왜 굳이 재귀로 풀어야하는지 모르겠는 경우들이 있다는 점인데, 여러 코드들도 비교해보고 검색도 해보니 이 의문이 맞는 의문이었다. 재귀가 필요하지 않다고 느껴지면 재귀를 쓰지 않아야 한다. 다만 그럼 필요할 때는? 이미 재귀적으로 잘 쓰이고 있는 ...

TIL 6월 30일 - Computed properties

2019년 6월 30일

Computed Properties 출처 : https://javascript.info/object 출처2: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/ObjectinitializerComputedproperty_names 궁금증, 더 공부할 것들...

TIL 7월 6일 - MVC model

2019년 7월 6일

MVC model Model-View-Controller는 소프트웨어 공학에서 사용되는 소프트웨어 디자인 패턴이다. 이 패턴을 성공적으로 사용하면, 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시각적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있다. MVC에서 모델은 애플리케이...

TIL 7월 13일 - Promise

2019년 7월 13일

Promise Promise는 object로 asynchronous operation의 결과(성공 혹은 실패 여부)와 그에 따른 값을 나타낸다. 본질적으로 말하자면, promise는 반환된 object이고, callback을 넘기는대신(함수에서 callback을 사용할때처럼) 붙이는 object이다. Guarantees - callbacks...

TIL 7월 18일 - module exports, 타입 힌팅, 아무도 없어요

2019년 7월 17일

module export - https://soundcloud.com/bo-hyeon-seo/c3jod5uvgahi/s-dhtiH

TIL 7월 19일 - 논리 게이트, 논리 게이트로 덧셈 구현

2019년 7월 18일

논리 게이트 디지털 논리회로 기본 부품 1. NOT 2. AND 3. OR 기본 부품을 이용한 부가적인 회로 NAND 게이트 NAND false true --- false true true true true false NOR 게이트 NOR false true --- false true false true fals...

TIL 7월 21일 - mocha 기본 사용법, package-lock.json이란?, package.json 만들기

2019년 7월 21일

mocha 기본 사용법 getting started 2. answer the questions in the command line questionnaire. 참고 - https://docs.npmjs.com/creating-a-package-json-filecreating-a-new-packagejson-file

TIL 7월 27일 - git 기본 조작, async/await와 Puppeteer

2019년 7월 27일

git 기본 조작 - 명령어들 - git commit - git branch - 예시 - 참고 - https://github.com/GoogleChrome/puppeteer