TodayILearned
1.TIL 6월 10일 - CSS 3d Button (box-shadow)
완성모습 codepen.io 링크 html css 주요사항 a tag를 이용 1) mouse hover시 mouse cursor가 pointer 모양으로 바뀐다. 2) button tag를 이용하면 기존 button tag에 초기화된 사항들 때문에 바꿔줘야하는 것이 많다. a tag를 사용하면 :active pseudo-class만 사용하면...
2.TIL 6월 11일 - text-align과 정렬, css 잡다한 내용들
text-align과 정렬 body tag의 style에 text-align: center;를 하면 대부분의 텍스트가 정렬이 잘 된다.(일단 수평정렬) 아래와 같은 이유들이다. text-align: center; 은 자식 요소들에 상속 된다. 상속? css의 property들은 기본적으로 상속되는지 아닌지 정해져있다고 한다. MDN의 Inherita...
3.TIL 6월 12일 - callback, asynchronous call, event loop, event, ajax
callback 다른 코드의 인수로서 넘겨주는 실행가능한 코드를 말한다고 한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할수도 있고, 나중에 실행할 수도 있다. 보통 callback함수라고 해서 다른 함수에 인자로 넘겨주는 함수를 지칭하는 경우가 많은 것 같다. asynchronous call 비동기 방식으로 일을 처리하는 것을 말하는...
4.TIL 6월 13일 - event object, parameter 와 argument
Event object event는 click, load, keydown 등등 아주 많았다. 특정 HTMLElement에 addEventListener로 해당 이벤트가 발생할 때 특정 함수를 실행하도록 하면, 이 함수에 event Object를 만들어 argument로 자동으로 전달한다고 한다. 다만, 함수를 선언할 때 event 객체를 전달받을 첫번째...
5.TIL 6월 15일 - JSON, MIME type
JSON MIME type * MIME type(media type이라고도 함)은 문서, 파일이나 assortment of bytes(다양한 데이터를 뜻하는 것 같음)의 종류와 서식을 알려주는 표준이다. 웹에서 확장자는 의미가 없기 때문에, 브라우저가 리소스를 내려받고 할 기본 동작이 무엇인지 결정하기 위해 MIME 타입을 사용한다고 한다. ...
6.TIL 6월 16일 - Object methods, Map object, Date object, String.prototype.padStart()
Object methods Object.keys() Example Object.entries() Example 위는 간단한 사용예시이고, 순서에 관한 내용은 정확히 모르겠다. 반드시 링크를 참조하자. 링크 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/...
7.TIL 6월 17일 - JSON.parse()
JSON.parse() JSON.parse()는 JSON 데이터를 가진 문자열을 객체로 변환한다. (이를 역직렬화라고 한다) 예시 reviever라고 부르는 Optional한 function을 callback함수로 받는다. Syntax :JSON.parse(text[, reviver]) 예시 : https://developer.mozilla.or...
8.TIL 6월 18일 - SameValueZero, ECMAScript, Enumerability, event handler 요소 접근
SameValueZero Codestates의 underbar 과제를 하다가 uniq의 풀이법이 많아보이는 것 같았다. 그래서 아예 lodash의 uniq를 찾아보려고 가니 documentation에서 equality comparison으로 SameValueZero 를 사용해줬다는 대목이 나와서 찾아봤다. ECMAScript에서는 같은지 아닌지 비교할때...
9.TIL 6월 19일 - label
label break, continue와 같이 쓸 수 있는 label statement. lodash의 baseuniq function에 있길래 underbar uniq를 풀면서 써봤다. label을 사용하는 것은 아주 드문 방법이라고 한다. 위처럼 label 로 loop를 건너뛰어주는 대신에 function call을 해주는 경우가 더 일반적이라...
10.TIL 6월 20일 - debugger, uml, 순열, 좋은 프로그래머가 되려면?
debugger 코드 중간에 debugger;를 넣어주면 코드진행이 멈추고 개발자 도구의 source창에 있는 javascript debugging을 자유롭게 이용할 수 있다. 코드스테이츠 질의응답시간에 강의자분께서 코드를 '부숴'보겠다고 하시면서 해당 기능을 이용했다. 특히 step을 넘어가면서 변수들이 가지는 값들이 실시간으로 뜨는 것이 아주 유용해보...
11.TIL 6월 21일 - Array 생성방법들, Nonenumerable property
Array의 생성방법들 1. 기본이고 기초인 array literal 2. Array constructor 1). only one(number) argument '4' 자리에는 무조건 양의 정수만 들어가야 하며, 음수가 들어가면 error가 난다고 한다. 이렇게 만들어진 Array는 length를 제외하면 property가 없다. 즉, in...
12.TIL 6월 22일 - 페어프로그래밍을 잘하려면?
startup-593296_1920.jpg 이미지 출처 : pixabay (startupstockphoto) 코드스테이츠 오프스터디 후 스터디원들끼리 모여서 페어프로그래밍을 했는데 개인적으로 어려웠던 부분과 아쉬웠던 부분이 있었다. 문제는 프로그래머스 - 타겟 넘버 로 정했다. 효율이 떨어지는 방식이어서 너무 오래걸려서 8개의 문제중 5개만 통과했다....
13.TIL 6월 23일 - 포기한 문제에 대처하는 법
공부를 한게 없어서 생각을 쓴다. 이틀연속이다. 어쨌든, 오늘은 다른 스터디를 가서 프로그래머스 문제를 같이 풀어봤다. 나름의 해결책도 제시하고 남의 관점도 듣고했지만 결국 풀이를 포기하고 해설을 봤다. 에서 신형철씨가 말했다. > "당신이 한번 포기한 적 있는 대상은, 절대로 포기 못 할 대상이 다시는 될 수 없다. 그것을 포기할 때, 절...
14.TIL 6월 24일 - slice, substring 비교
String의 slice, substring 비교 공통점 start와 stop이 같으면 empty string을 반환 자를 때 stop index는 제외한다. start, stop 둘 중 하나가 string의 length보다 크면, 대신 string의 length를 사용한다. 차이점 slice start가 stop보다 크면...
15.TIL 6월 25일 - Function methods
call, apply는 꽤나 이전에 this의 바인딩에서 배운 개념들이지만 오늘은 온라인 세션에서 bind까지 넣은 function methods라는 이름으로 배웠다. 복습 겸 정리를 해본다. function Methods - Function.prototype.call() - Function.prototype.apply() 위 둘은 거의 비슷하게 작...
16.TIL 6월 28일 - Typed Array
javascript의 Array JavaScript에서의 배열은 Hash Map이고 linked list 형식으로 배열을 형성하고 있다고 한다. 원래의 Linked List 탐색보다는 계산이 적다고 하지만 배열의 길이가 길어지면 문제가 생기는 것은 똑같다고 한다. 그래도 많은 발전이 이뤄져서 최근의 JavaScript 엔진은 모든 요소가 동일한 타입을 ...
17.TIL 6월 29일 - Recursion 문제들
꼭 재귀로 풀어야 할까? 어떤 문제를 재귀로 풀어야하는 경우를 계속 마주하게 됐다. 힘들었던 점은 왜 굳이 재귀로 풀어야하는지 모르겠는 경우들이 있다는 점인데, 여러 코드들도 비교해보고 검색도 해보니 이 의문이 맞는 의문이었다. 재귀가 필요하지 않다고 느껴지면 재귀를 쓰지 않아야 한다. 다만 그럼 필요할 때는? 이미 재귀적으로 잘 쓰이고 있는 코드를 ...
18.TIL 6월 30일 - Computed properties
Computed Properties object literal에서 key값으로 변수를 사용하려면 square bracket을 이용한 computed properties라는 방식을 사용해줘야 한다. 출처 : https://javascript.info/object 출처2: https://developer.mozilla.org/en-US/docs/Web/Ja...
19.TIL 7월 18일 - module exports, 타입 힌팅, 아무도 없어요
module export ( gn34park...님 코드 참고_ ) 혹은 ( ss78jong... 님 코드 참조_ ) 참고 링크 https://nodejs.org/api/modules.html#modules_exports https://nodejs.org/api/modules.html#modulesrequireid 타입 힌팅 Adding mo...
20.TIL 7월 19일 - 논리 게이트, 논리 게이트로 덧셈 구현
논리 게이트 디지털 논리회로 기본 부품 NOT AND OR 기본 부품을 이용한 부가적인 회로 NAND 게이트 | NAND | false | true | |---|---|---| | false | true | true | | true | true | false | NOR 게이트 | NOR | false | true | ...
21.TIL 7월 21일 - mocha 기본 사용법, package-lock.json이란?, package.json 만들기
mocha 기본 사용법 getting started in my editor: back in terminal: set up a test script in package.json: Then run tests with: 아니면 json파일 수정은 생략하고 아래와 같이 실행해주면 된다. 참고 https://mochajs.org/#installation...
22.TIL 7월 27일 - git 기본 조작, async/await와 Puppeteer
git 기본 조작 명령어들 git commit git branch 예시 git checkout HEAD의 위치를 옮길 때 사용 예시 git reset : 작업 내용을 되돌리는 기능인데, 브랜치가 이전 커밋을 가리키도록 해버리는 방식. git revert : 작업 내용을 되돌리는 기능,...
23.TIL 1월 25일 - curl, ubuntu 서버에 docker 설치
curl curl이란? command line tool(& library)이고, URL을 이용해 데이터 전송을 할 수 있게 한다. 정확히는 curl, libcurl 로 구성돼 있다. curl은 command-line tool libcurl은 transfer library with a C API 인터넷 프로토콜 전송과 관련된 모든 것들이 바로 cur...
24.TIL 1월 26일 - jsonp
JSONP JSONP란? JSON with Padding same-origin policy를 우회하기 위해 쓰이는 기술 ` element는 cross-origin이 가능하나 ajax는 가능하지 않다. 이를 이용해서 `를 이용해 data를 요청하는 우회 기술이다. JSONP는 이제 과거의 유산이 돼버린 기술이라고 할 수 있다. 그리고 제한점이나 여러 보안이슈...
25.TIL 5월 7일 - git checkout -- <file>, fetch, pm2 restart
git checkout -- `` 위 명령을 통해서 modified 상태인 파일을 이전 상태로 돌릴 수 있었다. 명령어 상세 pathspec과 일치하는 파일의 내용을 덮어 쓴다. pathspec pathspec은 어떻게 경로를 정의하는지를 의미한다. .giti
26.TIL 5월 11일 - Github SSH key 추가하기
SSH 프로토콜을 이용하면 원격 서버나 서비스에 접속할 수 있다. 그리고 SSH key를 이용하면 GitHub에 username과 password를 입력하지 않고도 접속할 수 있다.SSH를 셋업하기 위해서는 먼저 SSH key를 생성하고, ssh-agent에 추가한다.