swimjiy - mysetting

1:50 5/31

brunch.co.kr

mobile screenshot relative

1:50

brunch.co.kr

mobile screenshot

swimjiy
https://brunch.co.kr/@swimjiy

깊게 이해하고 쉽게 설명하기 위해 공부하는 개발자입니다.

저작도구: Kakao Brunch

최종 피드 수집: 2026-01-15 12:16

전체 (33)

2y

비전공자 프론트엔드 개발자는 왜 네트워크 책을 썼을까? - 애매한 재능은 저주라고 생각하는 사람들을 위해

올해 4월 말에 브런치에서 연재 중인 해치지 않는 웹 네트워크 시리즈를 토대로 한 책, 『그림으로 쉽게 이해하는 웹/HTTP/네트워크』책을 출간했습니다. 주변의 많은 분들이 축하해 주셨고, 그중 자주 듣는 질문이 있었습니다. 어

001

2y

『그림으로 쉽게 이해하는 네트워크』출간 소식 안내

안녕하세요, swimjiy입니다:) 브런치에서 연재 중인 해치지 않는 웹 네트워크 시리즈를 토대로 한 책,『그림으로 쉽게 이해하는 웹/HTTP/네트워크』를 4월 27일에 출간합니다. https://wikibook.co.kr/w

001

2y

그림으로 쉽게 보는 이더넷 - 이더넷의 개념부터 구성 요소까지 한 눈에 이해하기

하나의 지역 네트워크를 구성하는 방법은 다양합니다. 이름도 처음 들어보는 토큰 링이나 FDDI(Fiber Distributed Digital Interface)부터 우리에게 친숙한 와이파이처럼 말이죠. 그중 가장 대표적이고 현재까

000

2y

3년 차 개발자의 늦은 2022년 회고 - 주니어 개발자는 올해도 혼란했다

항상 연초가 되면 하루하루를 소중히 아끼며 살자고 다짐하지만, 늘 그렇듯 인생은 뜻대로 흘러가지 않기 때문에 연말만 되면 아쉬움이 남는 것 같습니다. 좀 많이 늦긴 했지만 그래도 회고를 써야 미련 없이 묵은해를 보내줄 수 있을 것

002

3y

그림으로 쉽게 보는 HTTPS, SSL, TLS - SSL과 TLS는 무슨 차이일까

지난 포스팅에서 웹 브라우저와 웹 서버 간에 데이터를 주고받기 위해 사용하는 인터넷 프로토콜인 HTTP에 대해 알아봤습니다. 1996년에 탄생한 이후부터 지금까지 HTTP는 웹 통신에 있어 필수 요소로 굳건히 자리하고 있는데요.

0015

3y

함께 만드는 음악 플레이리스트 'Muzily' 개발기 - 주니어 프론트엔드 개발자가 사이드 프로젝트에서 새롭게 경험한 5가지

변하지 않고 안락한 환경에 오래 머물다 보면 나도 모르게 상황에 안주하게 되곤 합니다. 그도 그럴게 지금의 상황에 만족하는데 굳이 바뀔 필요가 없으니까요. 저 또한 예외는 아니라고 생각합니다. 그래서 의도적으로 새로운 상황에 던져

0054

3y

그림으로 쉽게 보는 IP 주소 (하) - 클래스, CIDR로 IP 주소 더 알뜰하게 쓰기

앞서 그림으로 쉽게 보는 IP 주소 (상)에서 우리는 IP 주소가 무엇인지, 어떤 구조로 되어 있는지 알아봤습니다. 그리고 IP주소 만으로는 어디까지가 네트워크 부분이고 호스트 부분인지 찾기 힘들다는 것도 배웠죠. 이 말은 즉 1

003

3y

그림으로 쉽게 보는 IP 주소 (상) - IP 주소의 구조와 네트워크 부분/호스트 부분으로 구분하기

이전 IP 포스팅에서 우리는 IP가 무엇인지, 그리고 고갈 문제를 해결하기 위한 방법은 무엇인지 간단하게 알아봤습니다. 하지만 IP는 네트워크 분야에 있어 중요한 개념인 만큼 훨씬 더 방대한 내용을 담고 있는데요. 그래서 이번 시

001

3y

웹 1.0부터 3.0까지, 가볍게 읽는 웹 변천사 - 웹 얘기에 왜 자꾸 블록체인 얘기가 나올까

우리가 일상생활에서 느낄 수 있듯 웹은 다른 학문이나 기술에 비해 유독 빠르게 진화해 왔습니다. 그래서 역사가 약 30년이 채 되지 않음에도 큼직한 패러다임이 두 번이나 바뀌었죠. 웹의 과거와 미래를 분석하는 사람들은 그 분기점들

000

3y

그림으로 쉽게 보는 HTTP 변천사 - 웹과 함께 시작된 0.9부터 따끈하게 등장한 3.0까지

시리즈 초기에 우린 인터넷 상에서 컴퓨터와 컴퓨터가 서로 데이터를 주고받기 위한 규약인 HTTP에 대해 알아봤습니다. 그리고 다른 네트워크 요소들이 그러하듯 HTTP도 처음부터 짜잔 하고 지금의 완성된 형태로 등장한 것은 아닙니다

000

4y

2년 차 개발자의 조금 늦은 2021년 회고 - ~ 휘낭시에 쿨타임이 돌아오기 전까지는 ~

사실 이전까지의 회고는 하루 이틀이면 금세 나왔는데 이번 회고는 썼다 지웠다를 반복해 지우개의 흔적이 많이 남아있는 글입니다. 4개월 만의 포스팅이라 제 안의 인문학적 감성이 전사했는지 몰라도 이 다사다난했던 한 해를 어떻게 하면

2021_회고

1011

4y

밈으로 알아보는 개발: 0 = '0' = [] ? - 스폰지밥 밈으로 알아보는 JavaScript 비교 연산자와 형 변환

개발 지식을 무겁지 않게 다룰 수 있는 방법이 있을까 고민하다가 밈을 이용해 보기로 했습니다. 해석이 필요한 활자에 비해 뭔가 무해한 첫인상을 가진 밈은 사람들의 경계심을 풀어주기에 좋은 소재니까요. 그래서 이번 시간에는 Java

002

4y

그림으로 쉽게 보는 TCP - 그래서 TCP/IP의 TCP가 뭘까

저번 시간에 우리는 원활한 인터넷 통신을 위한 프로토콜인 IP에 대해 알아봤습니다. IP는 데이터가 원하는 주소로 정확하게 전송될 수 있도록 사회적으로 약속한 규약이었죠. 그러나 사실 정확하게 원하는 정보를 주고받기 위해서는 우리

105

4y

심리테스트 서비스"나와 닮은 개발자 찾기" 개발기 - 개발자가 얘기하는 심리테스트 기획부터 개발까지

MBTI의 흥행 때문인지 스낵 컬처의 유행 때문인지는 잘 모르겠으나 요 근래 가볍게 즐길 수 있는 심리테스트가 유행하는 것 같습니다. 최근에는 기업들도 홍보를 위해 자체적으로 심리테스트를 만들면서 이제 심리테스트는 단순 오락거리가

000

4y

보기 좋은 코드가 쓰기에도 좋다 - gist로 brunch에서 깔끔하게 코드 작성하기

많은 개발자들이 다양한 플랫폼에서 개발 블로그를 운영하고 있고 저 또한 이런저런 고민 끝에 브런치에 정착하게 되었습니다. 깔끔한 UI 때문에 만족하며 쓰고 있지만 코드를 깔끔하게 올리는 기능인 코드 스니펫이 지원되지 않았기에 선뜻

001

5y

100일 뒤의 나는 변화했을까? - 카카오 프로젝트 100 시즌3 참여 후기

작년에 카카오 프로젝트 100과 관련한 포스팅을 읽은 기억이 있습니다. '기술 아티클 읽기'라는 프로젝트를 주최한 소감과 그 당시 올렸던 글들을 크롤링하여 정리한 글이었는데 당시 IT업계에 들어간 지 얼마 되지 않았던 저는 개발과

001

5y

언택트 시대를 사는 개발자의 2020년 회고 - 코로나 19가 내게 가져다준 일상의 변화들

언택트 시대에서 1년 간 살아본 후기 얼마 전 재미있는 밈을 발견했습니다. 2020년을 한 단어로 요약하는 트윗이었는데 표현 방식은 각자 다르지만 모두 한 마음으로 올 한 해를 생각하는 것 같아 공감이 많이 되더군요. 저 또한 올

000

5y

개발자 취업은 처음이라 - 평범한 문과 개발자가 취업을 위해 시작한 세 가지

마냥 계속될 줄 알았던 취준 생활도 마무리가 되었습니다. 두려움 반 패기 반으로 다니던 회사를 그만두고 개발자 취업 준비를 시작한 작년의 저는 어느덧 모 게임 회사의 웹 프런트엔드 신입 개발자가 되었습니다. 신기하게도 취준생일 때

001

5y

CSS flexbox 톺아보기 - 2. 자식 요소 속성 - 효과적으로 레이아웃을 배치할 수 있는 flexbox 속성을 알아보자

지난 포스트에서 flexbox 속성 중 부모 요소에 적용되는 속성들을 정리했다면, 이번 포스트에서는 자식 요소에 적용하는 속성에 대해 알아보겠습니다. 자식 요소 속성 order 자식 요소 간 순서를 정의하는 속성입니다. 기본값은

003

5y

CSS flexbox 톺아보기 - 1. 부모 요소 속성 - 효과적으로 레이아웃을 배치할 수 있는 flexbox 속성을 알아보자

Flexbox는 브라우저의 크기 혹은 요소의 크기가 동적이거나 명시되지 않은 경우에 문서 내의 공간에 대한 배치, 정렬 및 분산을 효율적으로 작업할 수 있게 돕는 CSS 모듈입니다. 단순하게 말하자면 반응형 웹과 같이 레이아웃의

000