✊ 필오의 개발일지

01_Web

프론트엔드 관련 다양한 주제를 다룬 글을 모았습니다. 네트워크, 브라우저, 웹 개발을 위한 코드 지식과 함께 사용자 경험 및 모션 디자인에 관한 이야기를 담았습니다.

01_Web > 00. UX 💅

사용자 중심의 프론트엔드 개발

2025년 1월 19일

01_Web > 03. Html

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

svg, rounded rect, progress bar, animation

2021년 6월 28일

01_Web > 00. UX 💅

피츠의 법칙과 Touch Target

UX, Frontend, UX Law, Fitts Law, Touch Target, Accessibility

2021년 1월 24일

01_Web > 00. UX 💅

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

2021년 1월 10일

01_Web > 02. HTTP

WebDAV와 공동작업

2020년 2월 3일

01_Web > 02. HTTP

2020년 2월 2일

01_Web > 02. HTTP

내용협상과 트랜스코딩

http, vary, Accept header, variant, transcoding

2020년 1월 20일

01_Web > 02. HTTP

http, internationalization

2020년 1월 13일

01_Web > 02. HTTP

인스턴스 조작과 인코딩

http, instance, Range, encoding

2020년 1월 6일

01_Web > 02. HTTP

엔터티와 인코딩

http, entity, encoding

2020년 1월 5일

01_Web > 02. HTTP

HTTPS의 세부사항

http, https, study, openSSL, sslHandShake, ca

2019년 12월 8일

01_Web > 02. HTTP

다이제스트 인증(2) - 실제 다이제스트 인증과 보안

http, study, digest, web, authorization

2019년 12월 1일

01_Web > 02. HTTP

HTTPS 이해를 위한 디지털 암호학

http, https, study, cryptography, X.509

2019년 12월 1일

01_Web > 02. HTTP

다이제스트 인증 (1) - 다이제스트 인증과 특징

http, study, digest, web, authorization

2019년 11월 24일

01_Web > 02. HTTP

http, study, authentication, web

2019년 11월 23일

01_Web > 02. HTTP

http, study, cookie, web

2019년 11월 16일

01_Web > 02. HTTP

클라이언트 식별

http, study, Identification, web

2019년 11월 15일

01_Web > zz. Workshop

코드스피츠85 2회-(2) 동시성 모델을 직접 구현하며 이해하기.

javaScript, codeSpitz

2019년 11월 11일

01_Web > zz. Workshop

코드스피츠85 2회-(1) 자바스크립트의 동시성

javaScript, codeSpitz, concurrency, Parallelism

2019년 11월 10일

01_Web > zz. Workshop

코드스피츠85 1회-(2) Runtime때 일어나는 일들

javaScript, codeSpitz

2019년 11월 1일

01_Web > zz. Workshop

코드스피츠85 1회-(1) JavaScript Now

javaScript, codeSpitz

2019년 10월 27일

01_Web > 02. HTTP

http, study, robot, web

2019년 10월 21일

01_Web > 02. HTTP

캐시의 원리와 제어방법

http, study, cache

2019년 10월 5일

01_Web > 02. HTTP

캐시의 개념과 장점

http, study, cache

2019년 9월 30일

01_Web > 02. HTTP

http, study, proxy

2019년 9월 22일

01_Web > 03. CSS

한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode)

css, unicode, font

2019년 9월 8일

01_Web > 02. HTTP

http, study, 웹서버

2019년 9월 7일

01_Web > 02. HTTP

커넥션 관리 - TCP 커넥션의 종류

http, study, TCP/IP, connection

2019년 9월 4일

01_Web > 02. HTTP

커넥션 관리 - TCP 커넥션과 성능

http, study, TCP/IP, connection

2019년 8월 26일

01_Web > 02. HTTP

HTTP 메세지 - 헤더

http, study, message, header

2019년 8월 18일

01_Web > 02. HTTP

HTTP 메세지 - 상태코드

http, study, message, status code

2019년 8월 17일

01_Web > 02. HTTP

HTTP 메세지 - 메서드

http, study, message, method

2019년 8월 16일

01_Web > 02. HTTP

HTTP 메세지 - 개요

http, study, message

2019년 8월 15일

01_Web > 02. HTTP

URL과 리소스

http, study, URL

2019년 8월 9일

01_Web > 02. HTTP

2019년 8월 3일

01_Web > zz. Workshop

코드스피츠80_OOP design with game (2)- 2. 모델 (베이스 레이어)

javaScript, OOP

2019년 3월 17일

01_Web > zz. Workshop

코드스피츠80_OOP design with game (2)- 1. 개요

javaScript, OOP

2019년 3월 11일

01_Web > zz. Workshop

코드스피츠80_OOP design with game (1)- 2. OOAD & 프로시저 P

javaScript, OOP

2019년 2월 23일

01_Web > zz. Workshop

코드스피츠80_OOP design with game (1)- 1. 객체지향과 값지향

javaScript, OOP

2019년 2월 17일

01_Web > zz. Workshop

CodeSpitz77 2회_Flow control statement (1)

javaScript, flow control

2019년 2월 3일

01_Web > zz. Workshop

CodeSpitz77 2회_Flow control statement (2)

javaScript, flow control

2019년 2월 3일

01_Web > zz. Workshop

코드스피츠77 ES6_3회차_Iteration & generator

javaScript, iterator, generator

2019년 2월 3일

01_Web > zz. Workshop

코드스피츠77 ES6_4회차_Abstract loop & lazy execution

javaScript, yield, generator, loop

2019년 2월 3일

01_Web > 03. JavaScript

ES6 Symbol 오브젝트

javaScript, symbol

2019년 2월 3일

01_Web > zz. Workshop

CodeSpitz77 1회_Programming & JS elementry

javaScript, programming

2019년 1월 22일

01_Web > 03. TypeScript

Typescript의 Generic을 사용해보자.

2018년 12월 9일

01_Web > 03. Library

Redux-observable 예제 따라해보기 (feat. React + TypeScript)

async, redux, observable, react, typeScript

2018년 11월 25일

01_Web > 03. Library

2부/ chap01. RxJs란 무엇인가?

2018년 11월 18일

01_Web > 03. JavaScript

1/ 함수형 프로그래밍 (🙄)

2018년 11월 4일

01_Web > 03. JavaScript

6/ OOP (ES5 기준)

javaScript, OOP, closure

2018년 10월 20일

01_Web > zz. Workshop

CodeSpitz78 5/ OOAD와 테트리스 (2)

javaScript, OOP

2018년 10월 9일

01_Web > zz. Workshop

CodeSpitz78 4/ OOAD와 테트리스 (1)

javaScript, OOP

2018년 10월 1일

01_Web > zz. Workshop

CodeSpitz78 3/ (stack 구조) HTML parser ✨✨

javaScript, web, OOP

2018년 9월 24일

01_Web > zz. Workshop

CodeSpitz78 2/ 루틴 심화

javaScript, OOP

2018년 9월 7일

01_Web > zz. Workshop

CodeSpitz78 1/ 루틴과 결합도-응집도 모델

javaScript, OOP

2018년 8월 30일

01_Web > 03. JavaScript

4/ 함수와 프로토타입 체이닝 (2)

2018년 8월 25일

01_Web > 03. JavaScript

4/ 함수와 프로토타입 체이닝 (1)

2018년 8월 24일

01_Web > 03. JavaScript

3/ 자바스크립트 데이터 타입과 연산자

2018년 8월 23일

01_Web > 03. Library

1부/ chap01. RxJs가 해결하려고 했던 문제(1)_입력데이터의 오류

2018년 8월 15일

01_Web > 03. Library

1부/ chap02. RxJs가 해결하려고 했던 문제(2)_상태 전파 문제

2018년 8월 15일

01_Web > 03. Library

1부/ chap03. RxJs가 해결하려고 했던 문제(3)_로직 오류

2018년 8월 15일

01_Web > 03. Library

1부/ chap0. RxJs를 시작하기 전에

2018년 8월 10일

01_Web > 03. JavaScript

13/ Image 업로드 시 회전에 대하여 (feat. exif 메타데이터 - Orientation)

javaScript, File API, EXIF

2018년 8월 6일

01_Web > 01. Browser

렌더링 엔진(2) - 렌더 트리 구축

2018년 6월 7일

01_Web > 01. Browser

렌더링 엔진(1) - 파싱과 DOM트리 구축

2018년 6월 6일

01_Web > 01. Browser

브라우저와 렌더링 엔진

2018년 5월 29일

01_Web > 03. JavaScript

12/ File Api와 이미지 용량 줄이기

javaScript, File API, canvas

2018년 5월 27일

01_Web > 03. CSS

(mobile) device-pixel-ratio계산

css, media-query, mobile, log

2018년 5월 13일

01_Web > 03. Library

(번역) Angular의 observable을 이해하고, 생성하고, 구독해보기

angular, prettier, formatter

2018년 3월 25일

01_Web > 03. Motion

Airbnb - lottie - bodymovin 웹에서 사용해보기

lottie, bodymovin

2018년 2월 25일

01_Web > 03. Library

앵귤러 미리 예습해보기_ToDoList

2018년 2월 15일

01_Web > 03. JavaScript

11/ 정규표현식

2018년 1월 20일

01_Web > 02. Network

기타 용어들

2018년 1월 2일

01_Web > 02. Network

3 way handshake

2018년 1월 1일

01_Web > 03. JavaScript

2017년 12월 28일

01_Web > 03. JavaScript

8/ DOM(1) - 노드의 계층 구조(2)

2017년 12월 27일

01_Web > 03. JavaScript

8/ DOM(1) - 노드의 계층 구조(1)

2017년 12월 26일

01_Web > 03. JavaScript

7/ BOM (브라우저 객체 모델)

2017년 12월 25일

01_Web > 03. JavaScript

7/ BOM (브라우저 객체 모델)

2017년 12월 24일

01_Web > 02. Network

2017년 12월 21일

01_Web > 02. Network

네트워크 basic

2017년 12월 20일

01_Web > zz. Algorithm

소팅 알고리즘

2017년 12월 10일

01_Web > zz. Algorithm

알고리즘과 시간 복잡도

2017년 12월 9일

01_Web > 03. JavaScript

6/ 함수표현식의 다른 용도

2017년 12월 7일

01_Web > 03. JavaScript

5/ 객체 지향 프로그래밍 (1)

2017년 12월 4일

01_Web > 03. JavaScript

4/ 참조타입_Function 타입 (2)

2017년 12월 3일

01_Web > 03. JavaScript

4/ 참조타입_Function 타입 (1)

2017년 12월 2일

01_Web > 03. JavaScript

3/ 실행 컨텍스트와 스코프

2017년 12월 1일

01_Web > 03. JavaScript

2/ 메모리 관리와 가비지 콜렉션

2017년 11월 30일

01_Web > 03. JavaScript

1/ 변수, 원시 값과 참조 값

2017년 11월 29일

01_Web > zz. Workshop

React에 typeScript 셋팅하기

2017년 11월 28일

01_Web > zz. Workshop

11/ Type Inference

2017년 11월 27일

01_Web > zz. Workshop

2017년 11월 26일

01_Web > zz. Workshop

2017년 11월 25일

01_Web > zz. Workshop

2017년 11월 24일

01_Web > zz. Workshop

7-1/ class 연습

2017년 11월 23일

01_Web > zz. Workshop

2017년 11월 22일

01_Web > zz. Workshop

2017년 11월 21일

01_Web > zz. Workshop

2017년 11월 20일

01_Web > zz. Workshop

4/ 타입추론, Type assertions, Type alias

2017년 11월 18일

01_Web > zz. Workshop

3/ Typescript_기본 데이터 타입

2017년 11월 17일

01_Web > zz. Algorithm

2016년 A월 B일

2017년 11월 16일

01_Web > zz. Workshop

2/ Typescript_tsconfig.json 프로퍼티의 종류

2017년 11월 15일

01_Web > zz. Algorithm

야근지수 (미제)

2017년 11월 13일

01_Web > zz. Workshop

1/ Typescript_환경 셋팅

2017년 11월 10일

01_Web > zz. Workshop

2017년 11월 8일

Home Posts RSS Linkedin GitHub

© 2025 Felix

CTRL K