쌓여만 가는 크롬 북마크를 정리하기 위해 만든 레포지토리입니다!

• 🇺🇸 : 영어 문서
• 🇰🇷 : 한글로 번역된 문서
• 💻 : PPT 등 슬라이드로 된 문서
• ♥️ : 인상 깊게 읽었던 문서 (또 읽어야 함)
• ❓ : 읽고도 어려워서 이해 못한 문서 (또 읽어야 함)

---

Table

WEB

Tutorial

1. Tutorials
2. Basis

Frontend

1. Browser
2. React

Backend

1. Spring/Spring Boot
2. Node.js
3. GraphQL

DevOps

1. Operation
2. Docker
3. Jenkins
4. AWS

DATA

RDBMS

1. MySQL
2. OracleDB

NoSQL

1. NoSQL
2. Redis
3. MongoDB
4. Elasticsearch

Message Queue

1. basis
2. Kafka
3. RabbitMQ

BASIS

Computer Science

1. Network
2. Database
3. OS
4. Data Structure
5. Algorithm

Methodology

1. Design Pattern
2. Driven Development

Programming Language

1. JAVA
2. Javascript

Git

1. Instructions
2. Github
3. Code Review

+ 기타

1. 취업 준비

---

💚 Contents

WEB

Tutorial

Tutorials

• 부스트코스] 웹 프로그래밍 > 1. 웹 프로그래밍 기초 : edwith
• 웹 프로그래밍 튜토리얼 | PoiemaWeb

Basis

JWT

• [JWT] JSON Web Token 소개 및 구조 - VELOPERT
• 안전한 JWT 웹서비스 사용자 인증 구현하기
• ❤️ JWT를 구현하면서 마주치게 되는 고민들

CORS

• CORS, Preflight, 인증 처리 관련 삽질
• Access Control Allow Origin 오류 해결 방법

보안

• 안전한 SSL/TLS를 운영하기 위해 알아야 하는 것들 - LINE
• 커버로스 프로토콜(Kerberos Protocol) – 서버 접근 권한 관리
• [서버 보안] 서버의 구성 및 인증(커버로스)

서버

• WAS 와 웹 서버 차이 (WAS,Web Server) 그리고 아파치, 톰캣
• Web - 쿠키와 세션의 차이, 용도, 사용법(cookie,session)
• REST 기반의 간단한 분산 트랜잭션 구현
• [칼럼] IT내부 실패 단일점에 대해 알고 있는가?

⬆️ Table

---

Frontend

Browser

• 웹 브라우저에서 HTML문서 렌더링 과정 (동작 순서)
• ❤️ 브라우저는 어떻게 동작하는가 - NAVER d2
• [브라우저 엔진] 브라우저 렌더링 엔진
• 최신 브라우저의 내부 살펴보기 - NAVER d2

React

개념

• React 적용 가이드 - 네이버 메일 모바일 웹 적용기 - NAVER d2
• 왜 리액트를 쓰나요?
• ❓ React 렌더링과 성능 알아보기 : TOAST Meetup
• React의 Components, Elements, Instances 🇺🇸
• React인가 Vue인가? 🇰🇷
• React state가 불변이어야 하는 이유
• ❤️ react-tutorial 고급 (불변성 - Immutability 개념)
• Introducing React Hooks
• 웹팩 핸드북 - 웹팩을 가장 쉽고 빠르게 배우는 방법

Redux와 Mobx

• React에서 Mobx 경험기 (Redux와 비교기) - 우아한형제들 기술 블로그
• 상태 관리 라이브러리의 미학: Redux 또는 MobX 를 통한 상태 관리

Redux

• What is Flux?
• Redux를 이해하자
• Redux로 시작하기: 왜 Redux인가? 🇰🇷
• ❤️ 리덕스(Redux) 애플리케이션 설계에 대한 생각
• You Might Not Need Redux 🇺🇸
• 리덕스 패턴과 안티 패턴 (Redux Patterns and Anti-Patterns)

⬆️ Table

---

Backend

• 실시간 서비스 경험기(배달운영시스템) - 우아한형제들
• 게임 서버 개발과 웹 서버 개발의 차이

Spring/Spring Boot

개념

• ❤️ [스프링] 스프링이란 무엇인가?

• Spring MVC 구조의 처리 과정

• 스프링의 DI 패턴 (좋은 예, 나쁜 예)

• DI(의존성 주입)가 필요한 이유와 Spring에서 Field Injection보다 Constructor Injection이 권장되는 이유

• Commons DBCP 이해하기 - NAVER d2

• Entity, DTO, 그 사이의 ModelMapper 이야기

• 응? 이게 왜 롤백되는거지? - 우아한형제들

• 활용

• VsCode로 SpringBoot 개발 환경 설정하기

• 💻 스프링 시큐리티로 시작하는 웹 어플리케이션 보안

Node.js

개념

• 빠르게 서비스를 개발할 수 있는 Node.js - NAVER d2
• Node.js 이벤트루프 제대로 이해하기 🇰🇷
• [JAVA vs Node.js] 무엇을 사용해야할까?
• Node.js Stream 당신이 알아야할 모든 것 🇰🇷
• require는 어떻게 동작할까?
• PM2를 활용한 Node.js 무중단 서비스하기 - LINE
• Monorepo? Yarn Workspace!

활용

• 네이티브 애드온으로 Node.js의 성능을 향상 시키는 방법 🇰🇷

GraphQL

개념

• Grpahql 적용 시 고민해 볼 점 · Showerbugs
• Graphql과 RESTful API의 캐싱
• GraphQL과 RESTful API
• ❤️ GraphQL을 오해하다
• React와 Apollo, Parcel 기반 서비스 개발 - NAVER d2

활용

• Getting Started with GraphQL and Spring Boot | Baeldung
• Building a GraphQL Server with Java Backend Tutorial

⬆️ Table

---

DevOps

Operation

• 개발환경을 한 방에! 쉘 스크립트의 힘 - 우아한형제들
• 안정적인 서비스 운영 💻
• 대용량 세션을 위한 로드밸런서 - NAVER d2
• [NDC 18] 서버 디렉터가 직접 답했다, '듀랑고' 출시 초기 서버 문제의 원인
• Shopify 아키텍처의 진화 : 길지만 하나씩 보자

MSA

• 마이크로 서비스 관련 글 총정리 : 짱 많음...

Serverless

• 서버리스(Serverless)가 온다! - ZDNet

테스트 및 분석

• 대용량 스트리밍 데이터 실시간 분석 - NAVER d2
• 결제 시스템 성능, 부하, 스트레스 테스트 - 우아한형제들

Docker

개념

• 왜 굳이 도커(컨테이너)를 써야 하나요? - 컨테이너를 사용해야 하는 이유
• 개발자가 처음 Docker 접할때 오는 멘붕 몇가지
• 컨테이너와 쿠버네티스를 쉽게 이해하기
• 구글이 만든 Docker Container Orchestration 툴, Kubernetes 소개

Jenkins

개념

사용법

• docker를 이용한 CI 구축 연습하기 (젠킨스, 슬랙) : 작년에 시도했던 글이라 달라졌을 수도 있음

AWS

Lambda

• AWS Lambda를 이용한 이미지 썸네일 생성 개발 후기 - 당근마켓
• AWS Lambda를 시작하기 전 알았으면 좋았을것들
• 서비스 중단 없이 Amazon EKS로 옮긴 이야기 - VCNC

⬆️ Table

---

DATA

RDBMS

MySQL

OracleDB

⬆️ Table

---

NoSQL

NoSQL

• NoSQL 데이터베이스란? - AWS
• 블로그 | NoSQL 열풍에도 MySQL이 여전히 왕좌에 있는 이유 🇰🇷

Redis

MongoDB

개념

• MongoDB를 쓰면서 알게 된 것들
• MongoDB 장단점, 활용시 고민할 사항들
• MongoDB에 대한 한탄

스키마

• MongoDB Schema 디자인 하기
• MongoDB 스키마 디자인을 위한 6가지 규칙 요약

Elasticsearch

개념

• ElasticSearch 에서 wildcard 쿼리 대신 ngram을 활용하는 방법
• ElasticSearch 에서 null 과 empty string 의 차이

사용법

⬆️ Table

---

Spark

개념

• 빅데이터 - 스칼라, 스파크로 시작하기 : 내용 쫌 많음!

⬆️ Table

---

Message Queue

Basis

• ❤️ [오픈소스] 메시지큐(Message Queue) 알아보기
• 왜 메시지큐를 사용해야 하는가 🇰🇷
• MQTT 적용을 통한 중계시스템 개선 - 우아한형제들
• MQTT Stress Test - 우아한형제들

Kafka

개념

• Kafka 이해하기 - 카프카의 구성요소, 동작원리, Exactly-delivery-once 모델 차용
• 💻 Kafka 생태계 들여다보기
• Kafka 면접 질문
• Kafka 운영자가 말하는 TIP : 순서대로 읽어보기

Avro와 Schema Registry

• Kafka 와 Confluent Schema Registry 를 사용한 스키마 관리
• Thrift vs Protocol Buffers vs Avro - Biased Comparison 💻

RabbitMQ

⬆️ Table

---

BASIS

Computer Science

Network

통신

• 네트워크 모델이란? Server-Client 방식과 Peer-to-Peer 방식
• WAN이란? 원거리 통신망

TCP

• TCP/IP - 소켓을 작성하고 서버에 전송 : 시리즈로 쭉 보자
• 3-way-handshake & 4-way-handshake
• 흐름 / 혼잡 / 오류 제어 기법

HTTP/HTTPS

• HTTP 함수 - Post vs Put vs Patch
• HTTP/3 explained 🇰🇷 : 엄청 길다
• HTTPS와 SSL 인증서 - 생활코딩
• HTTPS로 보안 강화하기
• HTTP와 HTTPS로 이해와 차이점 그리고 오해(?)

성능

• [physical Layer] 네트워크의 물리적 성능
• 성능 엔지니어링 대한 접근 방법 (Performance tuning)

프록시

• 포워드 프록시(forward proxy) 리버스 프록시(reverse proxy) 의 차이
• nginx에서 리버스 프록시 사용하기

Database

구루비 강좌

• SQL의 성능은 처리 범위에 좌우된다
• ❓ 결합 인덱스를 선정하는 우선순위
• 인덱스란 무엇인가 : 시리즈로 쭉 보자

인덱스

• [MySQL] 인덱스 정리 및 팁
• DB 인덱스의 구조는 어떻게 되어있나요? 인덱스는 언제 적용해야하나요?

부하 분산

• Oracle RAC란?
• 데이터베이스(데이터베이스(DB)-클러스터링(Clustering))
• 샤딩과 파티셔닝의 차이점
• Database의 리플리케이션(Replication)이란?

트랜잭션

• DBMS는 어떻게 트랜잭션을 관리할까? - NAVER d2
• 데이터베이스 - Exclusive lock과 Shared lock의 차이

OS

• 메모리 단편화(Memory Fragmentation)가 무엇이고 왜 발생하는가?

Data Structure

Algorithm

⬆️ Table

---

Methodology

Design Pattern

• 싱글톤 패턴(Singleton pattern)을 쓰는 이유와 문제점
• 디자인 패턴 한 방에 정리하기

Driven Development

TDD

• "TDD 실천법과 도구" 책 전체 PDF
• TDD 해보니까 어때?

DDD

• 필요한 내용만 추려서 DDD 당장 써먹기 | Popit

⬆️ Table

---

Programming Language

JAVA

• ❤️ 스프링보다 중요한 스프링 이야기
• 객체 지향 프로그래밍이란?
• 💻 우아한 객체지향 짱 길다..
• JAVA 컬렉션 (Vector, ArrayList, LinkedList, Set, Map)
• LINE의 OpenJDK 적용기
• 💻 자바에서 null을 안전하게 다루는 방법
• Java 예외(Exception) 처리에 대한 작은 생각
• 💻 예외처리가이드
• JavaDoc을 쓰기 위한 주석 달기 방법
• Lombok 사용상 주의점(Pitfall)
• Anti-OOP : if 를 피하고 싶어서

메모리

• ❓ Java 프로그래밍: Out Of Memory 오류
• 자바, 성능, 모니터링 테크세미나 정리 및 후기 - 우아한형제들
• 도움이 될수도 있는 JVM Memory leak 이야기 - 우아한형제들

빌드 도구

• [프로그래밍 지식] 빌드 도구 : Ant, Maven, Gradle 이 뭘까?
• [Gradle] 구글은 왜 그레이들을 채택했을까
• Maven 정복

JDBC

• SQL Server 에게 String 이란? (NVARCHAR 인가 VARCHAR 인가) - 우아한형제들

Java8

• 자바 람다식 java Consumer , Supplier, Function 함수적 인터페이스

Javascript

• ❤️ 2019년과 이후 JavaScript의 동향 - JavaScript(ECMAScript) - Naver D2

⬆️ Table

---

Git

Instructions

• [GIT] 실행취소와 Commit 삭제: reflog, reset, checkout, revert
• 훅으로 Git에 훅 들어가기 - 우아한형제들
• Advanced Git Tutorials - Atlassian
• 형상관리 전략정리

Github

• GitHub Pull Request가 자동으로 close되는 경우는? - LINE

Code Review

• 효과적인 코드 리뷰를 위해서 - LINE
• 카카오스토리 팀의 코드 리뷰 도입 사례 - 코드 리뷰, 어디까지 해봤니? - KAKAO
• 코드 리뷰를 위한 좋은 코딩 - Javascript 편

⬆️ Table

---

+ 기타

좋은 글

• 우리가 부르는 시니어 개발자는 누구인가? - 우아한형제들
• ❤️ 후배 개발자에게 - 2019년
• ❤️ 흔하지 않고 좋은 웹 개발자가 되는 방법
• 생각하라, 객체지향처럼 - 우아한형제들
• 입사 후, 벌써 1년 - 우아한형제들
• 패러다임, 디자인 패턴, 리팩터링의 중요성 그리고 성능에 대해
• 개발자 머피의 법칙 - 우아한형제들

Interviews

• 주니어 개발자를 위한 취업 정보
• Interview_Question_for_Beginner
• React 인터뷰 질문 모음 번역
• Vue 인터뷰 질문 모음 번역

⬆️ Table