필오의 개발일지 - mysetting

3:13 5/30

feel5ny.github.io

mobile screenshot relative

3:13

feel5ny.github.io

mobile screenshot

필오의 개발일지
https://feel5ny.github.io/

프론트엔드 공부를 하며 기록하는 공간입니다. JavaScript에 관심이 많으며 TypeScript, React를 주로 선호합니다.

최종 피드 수집: 2024-11-11 06:16

전체 (144)

2y

레거시를 잘 만들기, 해석하기 (feat. 프로그래머의 뇌 🧠)

최근 외부에서 책모임을 진행했다. 요즘 많이들 읽고 있는 “프로그래머의 뇌”라는 책을 읽는 모임인데, 많은 이들이 추천해주시기도 하고 기술 교양?서적에 관심이 있어 참여하였다. 결론적으로는 사내에서도 책모임을 진행할 정도로, 개발

000

2y

도커 볼륨, 네트워킹, 로깅

왜 우린 도커를 써야하나요?
지속가능한 데이터를 활용하기 위해 볼륨을 사용할 수 있으며, 호스트볼륨을 공유하거나, 볼륨컨테이터를 만들어 활용하거나, 도커 볼륨을 활용할 수 있다.
도커는 컨테이너 내부IP를 순차적으로 할당하며,(

000

2y

도커 개념과 컨테이너

도커 환경으로 구성된 인프라들을 최근들어 자주 접하게 되고, 프론트 리소스도 도커, 쿠버네티스 환경에서 운영됨에 따라, 프론트 개발자도 이에 대한 지식이 필요하다고 느껴 스터디를 진행합니다. 스터디는 “시작하세요 도커/쿠버네티스”

000

2y

2021 회고

2021년이 끝났다. 매해가 의미 있는 해지만, 2021년도 역시 배운 점도 많고 의미 있는 해였다. 특히나 올해는 환경의 변화가 있었는데, 이는 나의 태도를 많이 바꾸어주었다. 이런 변화들과 새로운 환경 적응을 위해 기존에 갖고

2021_회고

1012

3y

Svg로 Rounded rect형태의 progress bar 만들기 (feat. animation, path)

Progress bar를 구현해야한다.
웹에서 찾을 수 있는 여러 예제들을 참고하여 사용해도 되지만, 커스텀하기 어려운 경우 직접 구현을 해야한다.
바로 생각나는 엣지 케이스는 무엇일까 ?
Rounded progress bar의

001

3y

웹 버저닝과 배포내역관리 (feat. standard-version)

셋팅은 여기 레포에서 확인 가능하다.
최근 버그와 관련된 CS가 인입이 되어, 픽스 후 배포했음에도 불구하고 유사한 CS가 인입이 되었을때 또 다시 버그 개선 티켓이 생성되곤 했다. 버그 픽스가 제대로 되지 못했을 수도있지만, 상

000

3y

피츠의 법칙과 Touch Target

[UX/UI의 10가지 심리학 법칙] 책을 읽으며 법칙별로
내용 요약 + 개인적으로 찾았던 레퍼런스 + 그밖에 자료들을 모아서 작성한 글입니다.
사용하기 위해 움직이는(소비하는) 시간을 줄인다. → 접근성
인터렉션은 최소한의 노력

000

3y

프론트엔드 개발자에게 UX는? 연기에 몰입해서 나오는 배우들의 애드립

피플웨어 책 초반에 이런내용이 나온다.
.. 우리가 아는 프로젝트 대다수에서 그 어떤 기술적인 난관보다 사회적인 복잡도가 훨씬 더 컸다는 사실이 분명해 졌다. 그러면서, 불가피하게, 우리는 아주 속상한 결론에 도달했다. 다분히 사

000

3y

2020 상반기 회고, 남은 2020년은?

벌써 11월 중순이다. 60일도 안 남았다.
올해는 6월,7월에 상반기 회고를 하지 못했다. 정신이 없었던 것도 있고, 여러가지 이벤트가 많았다는 핑계를 대고싶긴 하지만.. 회고는 하면 할수록 스스로를 돌아볼 수 있는 계기가 되어

000

4y

고객 Profiling (3장)

TL;DR
고객 프로파일링
고객 데이터를 활용하여 새로운 성장 기회를 찾거나, 고객을 초정밀 타겟팅하기 전에
먼저 고객 데이터 자체를 통합하고 클렌징하고 분석해야 한다.
결코 쉬운일이 아니다!!
얼마나 많은 데이터를 수집할 것인가

000

4y

예측 분석이란? (2장)

예측 분석이란?
마케터가 알아야할 예측분석
자율학습 (군집화모델)
데이터속의 숨겨져있는 패턴을 찾아낸다.
감독학습 (경향성 모델 또는 예측)
입력 샘플과 목적변수를 학습하여,
어떤 입력값이 주어졌을 때,
출력값을 추정하는 데 사용

000

4y

예측 마케팅이란? (1장)

TL;DR
예측마케팅은 예측분석을 사용하여서 고객접점마다 고객과 더 관련성 있고, 의미 있는 고객경험을 제공하고, 이를 통해 고객 충성도와 수익을 향상시킬 수 있다. 고객들도 개인화 접근방식을 원하며, 잘되는서비스들 또한 이를 증

000

4y

리팩토링2판) 1. 예시로 알아보기

TL;DR
⭐️⭐️⭐️
리팩토링하기 전에 제대로 된 테스트부터 마련한다. 테스트는 반드시 자가진단하도록 만든다.
프로그램이 새로운 기능을 추가하기에 편한 구조가 아니라면, 먼저 기능을 추가하기 쉬운 형태로 리팩터링하고 나서 원하는

000

4y

WebDAV와 공동작업

웹 분산 저작과 버저닝 Web Distributed Authoring and Versioning, WebDAV
WebDAV는 웹 배포 공동 작업에 대한 또 다른 영역을 개척했다.
현재 공동작업으로 svn, git이 널리 쓰이고 있

000

4y

웹 호스팅

콘텐츠 리소스를 저장, 중개, 관리하는 일을 통틀어 웹 호스팅이라 한다.
필요한 하드웨어나 소프트웨어를 직접 관리하기 어렵다면,
호스팅 서비스나 호스팅 업체가 필요할 것이다.
호스팅 업체는 서버와 웹 사이트 관리 프로그램을 대여해

000

4y

내용협상과 트랜스코딩

http는 클라와 서버가 서로 내용을 협상할 수 있도록 방법을 제공한다. content-negotiation
하나의 url이 여러가지 리소스 중 적합한 것에 대응되도록 할 수 있다.
여기서는 서로 다른 버전을 varient라고 부

000

4y

국제화

국제적인 콘텐츠를 다루기 위해 필요한 HTTP 지원
HTTP에서 엔터티 본문이란 그저 비트들로 가득 찬 상자에 불과하다.
서버는 클라에게 문서의 문자와 언어를
Content-Type charset 매개변수와
Content-Lang

000

4y

인스턴스 조작과 인코딩

웹 객체는 정적이지 않다.
같은 URL은 시간에 따라 다른 버전의 객체를 가리킬 수 있다.
같은 리소스를 여러번 요청했지만, 시간이 흐름에 따라 리소스의 다른 인스턴스를 받게 된다.
클라가 자신이 갖고 있는 리소스의 사본이
서버가

000

4y

엔터티와 인코딩

HTTP는 매일 수십억 개의 미디어 객체를 실어 나른다.
HTTP는 콘텐츠를 잘 나르기 위한
잘 라벨링된 엔터티를 사용한다.
엔터티와 엔터티 헤더들
웹상의 화물을 수송하기 위해 어떤일을 하는지
HTTP가 어떻게 콘텐츠 크기, 타입

000

4y

2019 회고 + 2020 다짐 (feat. 글또)

아, 2019년도도 어느새.. 너무나 빠르게 지나갔다. 요즘 참 시간이 빠르게 가는 것 같다. 모니터만 보다가 시간 다 가겠다고 농담으로 자주 얘기하는 요즘이다. 그래도 정신 똑띠 차리고 시간을 잘 써야 하니까.. 오늘도 어김없이

000