heene

heene

  • 분류 전체보기 (271)
    • Dev (84)
      • 자바 (1)
      • Spring (10)
      • javascript (19)
      • Github (1)
      • Django (8)
      • AWS (8)
      • ATOM (6)
    • 소소한 정보 (100)
    • 책 (38)
    • 건강 (2)
    • 일상 (18)
    • 왜? (4)
    • 일기 (1)
    • 개발 리소스 (0)
  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

heene

컨텐츠 검색

태그

mysql Atom 지방의 역설 EC2 아톰 스프링 Github 장고 우분투 aws django 2019 javascript react 맥 webpack 고지방식 next.js nextjs atom github 연동 Spring

최근글

댓글

공지사항

아카이브

2019년 10월

*탄력적인 유연한 웹 디자인 근본적으로 점진적인 향상 접근 방식은 기술에 관계없이 사람들의 요구를 우선시합니다. 반면에 툴, 프레임 워크 및 코드 라이브러리는 종종 디자이너와 개발자의 요구를 우선시하기 위해 구축됩니다. 도구가 나쁘다는 말은 아닙니다. 개발자 편의성은 매우 중요합니다. 그러나 개인적으로 말하면, 사용자의 요구는 개발자 편의보다 우선되야 합니다. 맹목적인 기술 찬양은 일하는 목적을 잊게 만든다. 중요한 것은 우리에게 놓인 문제가 있다는 것이고 웹은 그것을 해결할 도구일 뿐이라는 것이다. 웹 그 자체가 목적이 되면 길을 잃게 되는 것과 마찬가지다. 일하는 근본적인 이유에 대해서지속적으로 생각해야 한다. 무엇을 해결하고 싶은건지. 가끔 같이 일하는 사람들 중 이런 사람들을 본다. 하나의 시스템..

2019. 11. 2. 15:49
re-render에 너무 목매지 말자

애니메이션 작업을 하고 있었다. react-spring 라이브러리를 사용했다. transition 사용시 주의해야 할 점은 map을 통해서 render 할때 transtion에서 준 속성을 통해서 그려야 한다는 점이다. 다른 속성을 넘겨줘서 그리면 의도치 않은 애니메이션 효과가 발생하게 된다. 최근에 react 개발도구에서 re-render시 화면에 깜빡이는 라인이 제거되어 릴리즈되었다. 리액트 개발자는 re-render에 너무 연연하지 말고 구축하는게 좋다는 의미에서 제거했다고 한다. 하지만 github에서 토론되는 모습을 보면 많은 개발자들이 아쉬워하고 해당 기능을 다시 포함시키길 원하는 모습이다. 프로젝트를 진행하면서 나도 개발툴에서 깜빡이는 모습을 줄이기 위해서 최적화를 많이 시도했다. 자체 컴포..

2019. 10. 1. 17:01
2019년 9월

웹 컨텐츠가 전력 사용에 미치는 영향 *JavaScript가 10일만에 탄생하여 지금까지 걸어온 길 - 어느 누구도 JS가 이 정도로 인기있고 광범위하게 사용될지 아무도 예상하지 못했다. - 세계적으로 크게 성장한 기업의 많은 CEO도 자신의 회사가 이렇게 크게 성잘할거라고 생각하지 못한 사람들이 많다.(처음부터 거대하고 지배적인 기업을 목표로 시작한 회사는 생각보다 많지 않다.) 우리의 삶을 지배하고 있는 불확실성과 운을 제대로 인지하지 못하는 것은 왜일까. 우리 삶에 논리와 계획이 전부일거라고 생각하는 사람은 없겠지만 사람들의 행동은 분명 운과 불확실성이 없는 것처럼 행동한다. 이론과 행동은 다른 차원의 문제로 보인다. JS TDD 입문(test driven dev) Symbol - 다른 안내서 - ..

2019. 9. 2. 11:21
진보된 자바스크립트 환경 설정에 대하여

리액트 베이스의 웹앱을 개발하고 있는 도중 typescript를 도입하려 했다. 문제는 기존에 설정되어 있는 webpack, babel, eslint 들을 typescript을 마이그레이션 해야 한다는 것이다. 가장 큰 궁금중은 3가지 중 eslint에서 발생했다. 궁금증은 typescript를 위한 tslint가 별도로 있었고 이것을 사용해야만 하는가 였다. 구글링을 통해서 기존에 사용하던 eslint를 통해서도 typescript를 사용할 수 있다는 것을 확인했지만 eslint의 parser 부분에서 다시 의문이 들었다. 기존에는 bable-eslint를 사용했지만 typescript를 위해서 @typescript-eslint/parser 로 교체하였고 이것들은 도대체 무엇을 하는가라는 가장 근본적인..

2019. 8. 22. 19:13
자바스크립트 이벤트 루프와 워커들

서비스 워커와 웹워커, 그리고 자바스크립트 비동기 타이머 api 의 차이를 알아보다가 다시 보게된 영상 비동기 타이머 api(setTimeout, setInterval)는 별도의 쓰레드 없이 동작한다. 하지만 메인 쓰레드에서 잠시 벗어나 멀티 쓰레드 처럼 보일 뿐 콜백 함수는 결국 메인쓰레드에서 실행된다. 자바스크립트 엔진에는 콜백 큐가 있는데 모든 web api의 콜백 함수가 실행되기 기다리는 장소이다. 다시 말해 콜백 큐는 setTimeout이나 ajax나 DOM 이벤트 같은 api들의 콜백들이 처리되기 위해서 대기하는 곳. 콜백 큐의 특징은 자바스크립트 콜 스택이 비워졌을 때 콜 스택으로 진입하다는 점이다. 콜 스택은 자바스크립트의 메인쓰레드가 처리하는 작업들을 대기시키는 장소이다. 만약 콜 스택이..

2019. 8. 16. 12:57
2019년 8월

*하루 동안 저 예산(50MB)으로 웹 이용하기 (다양한 최적화 기법) - 세계적인 웹 서비스를 목표로 한다면 읽어봐야함 - 한국은 세계 최고 수준의 인터넷 망을 갖추고 있음에 다시 한번 감사함.. - 저 예산(낮은 전송량)을 목표로 구축할 때 다양한 트레이드 오프가 발생할 수 있음(선택은 각자의 몫) - 웹 서버의 컨텐츠를 압축하기 전에 알아야할 것들 이미지와 PDF 압축하지 않기(svg는 예외) 1500 byte 이하 파일은 압축하지 않기(네트워크 계층에서 허용되는 최대 크기가 TCP 패킷의 최소 크기임) 영상 자동 재생 및 무한 스크롤 금지라는 새로운 법안 comlink를 이용하여 redux를 메인 쓰레드에서 분리하기 *개발자의 css 실수 *우리는 풀스택개발자인듯? - 여기서 '우리'는 프론트개발..

2019. 8. 7. 17:41
1 ··· 14 15 16 17 18 19 20 ··· 46
티스토리
© 2018 T-Story. All right reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.