SOSOLOG

📝 소소하게 끄적이는 개발로그

알아두면 쓸모 있는 Navigator지식

프런트엔드 개발에서 객체에 대한 사용을 빼놓을 수 없습니다. 이 포스팅에서는 navigator객체의 여러 가지 속성들에 대해 살펴봅니다. 객체는 대표적인 User Agent뿐만 아니라 사용자의 상태에 관한 여러가지 정보를 담고 있습니다. navigator의 속성들은 읽기 전용으로 접근할 수 있습니다. react-adaptive-hooks ChromeL…

Saga Pattern과 redux-saga

redux 비동기 처리를 위해 redux-saga를 사용해보신 적이 있으신가요? “The mental model is that a saga is like a separate thread in your application that’s solely responsible for side effects. redux-saga is a redux middlewar…

되돌아보는 index.html - Part 2

Part 1에서는 link tag와 script tag에 대해 알아보았습니다. 이번 편에서는 OpenGraph(이하 og), favicon, charset, lang에 대해 알아봅니다. OpenGraph Protocol OpenGraph Protocol(이하 og)이란, Facebook에서 정의한 HTML문서의 메타 데이터 정보를 적는 방식에 대한 규약…

되돌아보는 index.html - Part 1

React, Vue, Angular 같은 Library 혹은 Framework로 개발할 경우 빌드 결과물인 index.html은 자동으로 생성되기 때문에 직접 볼 필요가 없을 수도 있습니다. 하지만, 최종 html의 구성 요소를 잘 파악하고 있다면 성능 개선이나 디버깅하는 상황에서 용이하게 활용할 수 있습니다. Parts 1편: link, script t…

2020년 내가 생각한 좋은코드

작년 발표에서 ‘지식이 많다고 해서 반드시 좋은 코드를 쓸 수 있는 것은 아니다.‘라고 했다. 물론 아는 것이 많아지면 좋은 코드를 작성할 확률이 높아질 수는 있다. 하지만, ‘좋은 코드’라는 단어는 지식 말고도 고려해야 할 점이 많은 단어이다. 이 글은 내가 생각해본 좋은 코드에 대해 소개하는 글이다. ‘좋다’라는 문장에서 알 수 있듯, 주관적 생각일 …

[번역] Kubernetes Services simply visually explained

이 글은 원작자의 허락을 받고 원문을 번역한 글입니다. Parts Part 1: this article Part 2: Kubernetes Ingress simply visually explained TL;DR ClusterIP의 근간이 되는 4개의 서비스가 있습니다. NodePort서비스를 생성하면 ClusterIP도 생성된다고 상상해봅시다. 그리고, …

Deploy 2019

진정한 연말이다. 그리고 올해도 많은 분들의 회고글이 올라오고 있다. 곧 회고글을 쓴다고 하니, 이런 말을 들었다. “회고하면 반성만 하게 되고, 내년의 계획은 부담이 되는것 같아서 안쓰게 되더라구요. 동감한다. 나의 회고글은 ‘반성’이 아닌 ‘되돌아봄’, ‘기록’을 목적으로 작성한다. 나의 2019년은 어땠을까? 모험이자 도전이었던 인턴기간에서 좋은 결…

2019, 5번의 발표 회고

올해 총 5번의 발표를 했습니다. 처음 인턴으로 개발자를 시작했던 경험부터, 주니어 개발자로의 성장에 대한 이야기까지, 어떤 내용을 전달하였는지 돌아봅니다. 인턴상륙작전 https://speakerdeck.com/soyoung210/inteonsangryugjagjeon GDG Korea WebTech Lightning Talk에서 발표한 내용입니다. …

[SSR] 4. UX관점에서의 SSR

SSR을 이용해서 두 가지 상황을 구현해보았습니다. 두 번째 글이 첫 번째보다 조금 어려웠다고 생각되는데요, 과연 어려운만큼 좋은 UX를 구현한것일까요? 제 대답은 입니다. 사용자 관점 Server에서 Data Fetch 3. SSR - Data Fetch의 방법으로 요청했을 때 어떤 일이 벌어지는지 그림으로 살펴봅시다. 사용자의 요청이 express…

[SSR] 3. SSR - Data Fetch

이 튜토리얼에 대한 전체 코드는 여기에서 보실 수 있습니다. 프로젝트를 만들면서 해결한 버그는 이 곳에 정리되어 있습니다. 라벨의 이슈를 참고해주세요. 다룰 내용 이번 포스트에서 할 일은 다음과 같습니다. Client에서 필요한 비즈니스 로직을 명시합니다. Server에서 1번에 정의된 동작을 수행합니다. 2번의 결과를 client에 전달해줍니다. Cl…