달라진 온도 8월 여름 더위도 추석도 어느날 보니 없어졌고 지금은 저녁 산책엔 가디건이 어울리는 날씨가 되었다. 정말 순식간에 시간이 없어졌다.

SCSS 치팅을 위한 키워드 정리

이전 상태와 바뀐 상태가 다른 경우에만 렌더링 할 수 있도록 해서 브라우저에 렌더링을 최소화할 수 있다.object를 string화해서 비교한다.object는 key에 index가 없기 때문에 확실하지 않은 방법인가 했는데 테스트결과로도 문제 없었고, ES6부터는 자

프로그래머스 스쿨이 아무래도 베타 버전이다보니 버그가 가끔 난다. 우리 달리 팀인 민철님이 이 문제를 해결 할 수 있는 크롬 익스텐션을 직접 만들어 배포해주셨다.문제는 사람들이 어떻게 하면 더 쓸 수 있게 할까? 하면서 민철님이 디자인적인 부분에서 도움을 요청하셨다.

현재 실행되는 함수가 참조하고 있는 객체(The object that is executing the current function)method가 포함된 객체를 가리킨다.browser/global object를 가리킨다.위에서 regular function: 어떠한 객체

말 그래도 무한 스크롤이다. 페이지를 클릭하면 다음 페이지 주소로 이동하는 pagination과 달리 페이지 하단에 도달하면 새로운 컨텐츠가 한 화면에 추가로 로드되는 식이다. facebook, instagram이 이러한 방식으로 컨텐츠를 로드하고 있다.scroll할

Debounce 는 여러번 발생하는 이벤트에서, 가장 마지막 이벤트 만을 실행 되도록 만드는 개념이다.debounce 에서는 키보드 입력이 발생하면, delay만큼 동안 기다리다, 그 안에 키보드 입력이 발생하면, 시간을 초기화 하고 다시 기다리다, 가장 최신 이벤트

TodoList를 위한 api콜을 날릴 때 Task들을 모아서 필요없는 콜을 줄일 수 있다.TodoList에서 어차피 삭제될 Todo는 업데이트 될 이유가 없다.낙관적업데이트를 통해 해당 Todo에 대한 불필요한 업데이트 api 콜은 삭제하고 콜을 모아서 보내서, ap

그래... 결심한 1일 1커밋, 잔디에 빵꾸는 용납할 수 없었다.깃허브의 잔디는 올가니제이션 브랜치에 커밋을 할 때에는 심겨지지 않았다.포크 후 커밋 후 Pull Request하는 방식도 해보았지만 Pull Request에 대해서만 잔디가 심겼다.Git 계정의 문제인

빠른 자동완성을 위한 트라이 class 작성서버에서 documents 받아올 때 트라이에 저장검색어 입력시 저장해둔 트라이에서 빠르게 검색어 자동 완성localStorage에 열어놓은 문서의 id를 key로 Map에 저장렌더링시 빠르게 조회 할 수 있도록 함docume

개발을 하면서 빈번히 사용하는 터미널을 아주 아름답고 직관적으로 만들어보자 데브코스 멘토이신 DND 성기동님의 터미널 세팅법 링크를 남겨 놓겠다.터미널 세팅에는 alias라는 키워드가 있더라brew라는 것이 있더라mac의 폴더 구조sudo란?안보이는 폴더를 볼 수 있다

어떤 페이지를 그릴지 구분하는 방법 중에 한가지url 맨 뒤에 - 모두 같은 페이지(index.html)를 불러온다.

SPA가 무엇인지를 알려면, 웹이 어떻게 동작하는지를 알아야 합니다.HTML 파일들로 페이지가 구성url이 파일 경로와 이름이 됨url 상 파일명이 없을 경우 index.html을 찾으려고 함a태그로 이동할 수 있다.정적인 파일을 웹 서버로 제공하는 방식 뿐만 아니라

세션 히스토리는 페이지를 이동할 때마다 쌓이게 되며, 이를 통해 뒤로가기 시 이전 페이지로 가거나 뒤로 간 이후 다시 앞으로 가는 등의 이동이 가능합니다.두 개의 함수로 화면 이동 없이 현재 url을 업데이트할 수 있습니다.세션 히스토리에 새 url 상태를 쌓습니다.세

Callback, Callback기본적인 Promise의 사용법Promise객체를 반환하는 함수와 같다.에러가 잡히지 않는다. 왜냐하면, 위코드는 동기적인 코드 실행이 아니기 때문에 예외를 발생하는 타이밍이 try가 싸고 있는 블록이 실행되는 타이밍이 아니라 나중에 새

비동기 http요청을 좀 더 쓰기 편하게 해주는 APIXMLHTTPRequest을 대체Promise 기반 동작 Response에는 text, json 외에도 아래와 같은 method들이 있습니다.Response MDN 참고하기fetch는 HTTP error가 발생하더

쿠키는 브라우저에 저장되는 작은 문자열로, RFC 6265 명세에서 정의한 HTTP 프로토콜의 일부다른 저장 방법에 비해 가장 오래된 방식 유효기간을 넣어야 브라우저를 닫아도 날라가지 않음생성시점 기준으로 유효기간 설정 가능 (단위는 1초. 3600의 경우 1시

개발자한테는 협업이 중요하고 그런 협업에 필수적이라던 GitHub 코드리뷰나 브랜치를 새로 만들고 Pull Request 하는 걸 자주 쓰게 되면서 나도 이제 이 개발자 무리에 함께 할 수 있게 되어가는 것 같아 기분이 구름과 같다.구름과 같이 프로그래머스 데브코스라는

제네레이터를 이해하려면 먼저 이터러블과 이터레이터에 대해 알아야 한다. 이터레이터를 리턴하는 Symbol.iterator를 가진 값{value, done} 객체를 리턴하는 next()를 가진값이터러블을 for...of, 전개 연산자 등과 함께 동작하도록한 규약for..

코드가 계산되어 값을 만드는 것값으로 다룰 수 잇다. 변수에 담을 수 있다.함수의 인자로 사용될 수 있다. 함수의 결과로 사용될 수 있다.값으로 다룰 수 있다. 조합성과 추상화의 도구