개발 공부 기록

개발을 할 때는 브라우저 하위 호환성을 고려하면서 개발을 진행해야 한다. caniuse.com/를 통해 브라우저에서 내가 원하는 기능이 얼만큼 지원되는지 확인할 수 있다. 예로 array.prototype.includes는 94.85%의 브라우저에서 지원이 됨을 확인할 수 있다. kangax.github.io/compat-table/es6/를 통해 각 브라우저에서 지원하는 기능을 한 눈에 확인 할 수 있다. 우리는 transpiling을 통해 하위 브라우저에서도 동작하게 문법을 바꾸고, polyfill을 통해서 지원하지 않는 native API를 다른 코드로 동작하게 할 수 있다. Transpiling 트랜스파일링(transpiling)이란 무엇일까? 한 언어로 작성된 소스코드를 비슷한 수준의 추상화를 ..

enumerate는 “열거하다”라는 뜻을 갖고 있다. 이 함수는 순서가 있는 자료형(리스트, 튜플, 문자열)을 입력으로 받아 인덱스 값을 포함하는 enumerate 객체를 리턴한다. for i, name in enumerate(['kim', 'do', 'yeon']): print(i, name) # 0 kim # 1 do # 2 yeon 객체가 어느 위치에 있는지 index 값이 필요할 때 쓰면 유용하다. 참고

getElementById querySelector 해당 선택자에 맞는 element가 없다면 null을 반환 선택자에 맞는 element들 중 첫번째 것을 반환 querySlectorAll은 모든 element를 반환 해당 선택자에 맞는 것이 없다면 null을 반환 - 인접한 태그들끼리의 상대적인 위치를 비교하여 가져올 수 있음 처리 속도가 더 빠름 처리 속도가 더 느림 리턴값은 HTMLCollection name, id, index number로 HTMLCollection의 항목(itmes)들에 접근할 수 있음 리턴값은 NodeList index Number로만 NodeList의 항목(items)들에 접근할 수 있음 참고 whatabouthtml.com/difference-between-getelem..

wayhome25.github.io/python/2017/06/14/time-complexity/ 파이썬 자료형 별 주요 연산자의 시간 복잡도 (Big-O) · 초보몽키의 개발공부로그 파이썬 자료형 별 주요 연산자의 시간 복잡도 (Big-O) 14 Jun 2017 | 들어가기 알고리즘 문제를 풀다 보면 시간복잡도를 생각해야 하는 경우가 종종 생긴다. 특히 codility는 문제마다 시간복잡도 기준�� wayhome25.github.io daimhada.tistory.com/56 Python 내장 함수의 시간 복잡도 Python 컨테이너 메소드의 시간 복잡도(time complexity)는 어떻게 될까? 알고리즘을 풀면서 컨테이너를 조작하기 위해 기본 메소드들을 많이 활용하게 되었고, 메소드의 시간 복잡도..

PR을 Merge하는 방법에는 3가지 존재한다. Create a merge commit git merge 명령이랑 똑같다. PR의 commit들이 merge message와 함께 master의 Head commit으로 들어간다. Squash and merge PR의 commit log들을 한개로 추려서 master에 병합하는 방법이다. PR의 제목으로 된 1개의 커밋로그가 master에 병합된다. (master의 commit log가 깔끔해진다.) Rebase and merge PR의 commit log들이 master에 재정렬돼서 병합된다. 로컬에서 작성된 모든 commit log들까지 추적할 수 있다는 장점이 있다.

pattern pattern 속성은 요소의 값을 확인 해야할 정규표현식(regular expression)을 지정 required required 속성은 부울(boolean) 속성. 존재하는 경우, 폼을 제출 하기 전에 입력필드가 작성되어야만 함을 지정. required 속성은 다음의 입력 필드 타입에서 작동: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file. autofocus 페이지가 로드 될 때 자동적으로 해당 요소가 초점(get focus)을 받도록 함 placeholder 입력필드에 기대되는 값을 설명해주는 힌트(샘플 값이나, 포맷에 대한 간단한 설명) 를 지정 value 입력 필드에 대..

ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info developer.mozilla.org/ko/docs/Web/JavaScript/Reference JavaScript 참고자료 MDN 내 JavaScript 절의 이 부분은 JavaScript 언어에 관한 정보 저장소(facts repository)로 쓸 수 있습니다. 이 참고서에 관하여를 더 읽어보세요. developer.mozilla.org www.npmjs.com/ npm | build amazing things Build amazing things We're npm, Inc., the company behind Node package manager, the npm Registry, and npm..

BEM: Block Element Modifier BEM 방법론은 ID에는 사용할 수 없고, 오직 클래스명에만 활용할 수 있다. Block 전체를 감싸고 있는 블럭요소 Element 요소는 블럭이 포함하고 있는 한 조각 Modifier 블럭 또는 요소의 속성 사용 .block‐‐modifier {…} .block__element‐‐modifier {…} 출처 webclub.tistory.com/263 nykim.work/15