woochanleee / Lets-Share

Let's Share.

🍎 Lets-Share 🍎

https://github.com/JoMingyu/Lets-Study를 보고 기존에 페이스북에 나만 보기로 공유해두었던 좋은 글들을 다시 찾아보기 쉽고 누구나 읽을 수 있게 하는 목적으로 만든 저장소 입니다.

SNS나 여러 사이트들에서 읽어보고 나중에 또 읽고 싶은 문서(글)나 아직 미쳐 읽지 못했지만 나중에 읽을 문서(글)들을 모아두는 공간입니다. 공통된 주제를 카테고리로 만들어 게시글 하나당 한 링크로 작성할 계획입니다.

repository 주인이 웹 프론트엔드를 주로 공부하기 때문에 문서(글)들이 한정적일 수 있습니다. 여러분도 공유하고 싶은 문서(글) 등이 있으면 공유해주시면 큰 도움이 될것 같습니다.

📚 목차 📚

• 언어
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • Go
  • 클린코드
  • Java
  • python
  • Dart
  • GraphQL
• 프레임워크 or 라이브러리
  • React
  • ReactNative
  • Vue.js
  • Svelte
  • Spring Boot
  • Node.js
  • Nest.js
  • Javalin
  • NW.js
  • Next.js
  • rollup.js
  • 기타
• 테스팅
  • Jest
  • Spring
• 버전 관리
  • git
• 웹 프론트엔드
  • 이벤트
• 백엔드
  • 개발 툴
• 데이터베이스
  • mongoDB
  • Redis
• 네트워크
  • 통신
  • 프로토콜
• 응용프로그램
  • Docker
  • GitHub
• 디자인
  • UI/UX
  • 이미지
• 개발 관련
• 알고리즘

📖 공유 문서 📖

⬆ 위로가기

언어

⬆ 위로가기

HTML

• 웹 개발자의 지옥, 이메일 폼 개발하기
• 멋진 HTML 이메일, 문돌이도 할수 있다!
• A Complete Guide to Data Attributes
• 되돌아보는 index.html - Part 2
• HTML6 is Coming – What’s new in HTML6
• 6 Unpopular and Powerful HTML Features that You Should Know

⬆ 위로가기

CSS

• Animating CSS Width and Height Without the Squish Effect
• CSS의 Grid와 Flex를 이쁘고(?) 빠르게 배울 수 있습니다.
• Using Tailwind CSS With React
• GrapesJS
• GrapesJS는 프론트 영역에서 자주 사용되는 컴포넌트를 제공하고, 이를 사용하여 빠르게 레이아웃을 잡을 수 있는 Web Builder Framework입니다. 제작된 결과물은 코드로도 추출할 수 있습니다
• (번역) 세상은 왜 CSS개발자를 필요로 하는가?
• 웹 페이지 레이아웃 및 패턴 91가지가 잘 분류되어 있으며 CSS 코드도 얻을 수 있습니다.
• FLEXBOX FROGGY(FLEXBOX를 게임을 통해 배울 수 있는 사이트)
• How to Create Pure CSS Games
• storybook 잘 활용하기
• TailWind CSS 알아보기
• RTL Styling 101
• Improve Page Rendering Speed Using Only CSS
• Mastering CSS Grid Model in 2021🔥 - Build 5 Layouts🎖️ || CSS 2021
• Hello Tailwind CSS! | 장점, 단점, 사용법
• Master Flexbox 2021 🔥 - Build 5 Responsive Layouts 🎖️ || CSS 2021
• transition - 베지어 곡선
• CSS in JS 라이브러리에서 Typesafe하게 Theme 관리하기
• CSS line-height, 1과 1em의 차이에 대하여
• CSS Tips
• Speaking Other Stuff About this site 25 Years of CSS

⬆ 위로가기

JavaScript

• var은 생략될 수 없습니다
• 자주 사용하는 정규식 패턴
• 2019 JavaScript Rising Stars(2019년 한해 동안의 자바스크립트 인기 프로젝트)
• Don’t block the event loop! 매끄러운 경험을 위한 JavaScript 비동기 처리
• clean-code-javascript
• ✨♻️ JavaScript Visualized: Event Loop
• <번역>자바스크립트 성능 향상 방법
• 꼭 알아야 할 자바스크립트 Array 메서드 10가지
• JavaScript로 이번 달 달력 만들기
• What's new in ECMAScript 2020 (ES11)
• [번역]Javascript의 실행 콘텍스트와 실행 스택 이해하기
• ECMAScript ES2016~ES2020 정리
• Async-await는 어떻게 구현하는가
• [번역] await vs return vs return await
• Understand and Using the DOM like a Pro
• JavaScript로 함수형 프로그래밍 배우기 - Anjana Vakil - JSUnconf
• ECMAScript 2020의 새로운 점
• map, reduce 함수에서 async/await 쓰기
• 프론트 관련 지식 모음
• JS스럽게 좋은 코드 쓰기 꿀팁
• async/await의 병목 현상 해결하기
• [Javascript] 자바스크립트의 호출 스택과 이벤트 루프
• await의 함정, 숨은 병목을 찾자
• [결국 JavaScript] - 1. 실행 컨텍스트(Execution Context)
• 모던 JavaScript 튜토리얼
• falsy & truthy
• 어중간히 알면 안되는 JS 개념 #1 this
• 마이크로소프트에서 만든 Javascript 초급자를 위한 강의
• Event Loop, Web API, Task Queue
• script의 위치와 속성
• 자바스크립트 개발자를 위한 AST(번역)
• ECMAScript 2020의 새로운 점
• 자바스크립트 웹개발용 특화 코딩 테스트
• 버블링(Bubbling) & 캡처링(Capturing)
• [자바스크립트] JavaScript Async Defer
• BigInt
• Deno / React / MongoDB TODO app
• Getting Started with JSDoc
• Top 33 JavaScript Projects on GitHub (December 2020)
• 모던 자바스크립트란 무엇인가(updated)
• Improve Your JavaScript Level With These 4 Questions
• Creating a Browser Notification in JavaScript
• [React] Timer 만들기
• JavaScript Prototype
• The Amazing Power of JavaScript Proxies
• 호이스팅과 var, let, const
• [JavaScript] a == 0 && a == 1 은 true가 될 수 있다
• Best of Modern JavaScript — Well-Known Symbols
• Javascript 기초 - JavaScript 개발한다면 JIT은 알아야JIT
• RxJS Better Practice
• [JavaScript] 클로저(closure)의 개념과 클로저를 이용한 캡슐화(encapsulation)
• [Node.js] setTimeout(), setImmediate(), process.nextTick()의 차이점
• async/await 구문 작성 후 무야호를 외치는 방법
• [JavaScript] What is Garbage Collector? How it works?
• Class vs Factory Function, 더 나은 선택은?
• Javascript Closure는 Private 변수 만드는 용도인가?
• Difference between Regular and Arrow Functions in JavaScript
• 50.65.toFixed(1) = 50.6(???)
• Anjana Vakil: 함수형 JS를 위한 불변 자료구조 (JSConf EU, 2017)
• 7 Steps to Secure JavaScript in 2021
• QR Code Generator With JavaScript
• ES12 is Going to Make Your Life Easier!
• Convert Array to JSON Object
• 5 Ways to Allow "Only One Click" in Javascript
• How to Check Whether User Online/Offline in Javascript

⬆ 위로가기

TypeScript

• 조금 더 안전한 랜덤 숫자(의사 난수) 생성할려고 했던 얘기
• google/gts - 구글 타입스크립트 스타일 가이드
• TypeScript를 활용한 서비스개발
• TypeScript-Handbook 한글 문서
• 자바스크립트 개발자를 위한 타입스크립트
• [typescript] 타입스크립트를 써야하는 이유
• 올해 버려야 할 타입스크립트 나쁜 버릇 10가지
• nullable 한 값에 대한 Pipe or Compose 함수
• Stop Using Switch in TypeScript — 3 Alternatives To Use Instead
• 타입스크립트에서 함수 문법

⬆ 위로가기

Go

• 컨테이너 내부 Go 애플리케이션 디버깅하기
• Go의 철학
• errgroup으로 goroutine 10배 잘 활용하기
• GO VS JAVA - GO에서의 객체 지향
• Go에서 TensorFlow API를 사용해 본 이야기
• Build a Simple REST API using Golang with the Gorilla Mux Http Router and Dispatcher.
• Go Web Frameworks 비교 - 2020년 10월
• Go로 백그라운드로 애플리케이션 실행하기
• Golang - http.Client에 context 패키지를 쓰면 더 좋다
• Learn Go with Tests

⬆ 위로가기

클린코드

• 잘가, 클린 코드
• clean-code-javascript
• 커버 불가능한 코드
• clen-code-typescript

⬆ 위로가기

Java

• Java Collections Heap Dump 분석
• DDD 했더니 비대해지는 엔티티, 좋은 대책은 ?
• [Java]Java Memory Model(자바 메모리 모델)
• 자바 - OOM 메모리 릭 찾기 이론편 ( Java - finding memory leak of OOM #1 )
• Java의 String.valueOf 메서드의 동작과 lombok의 ToString 어노테이션의 스택 오버플로우
• 왜 wait 메서드는 반복문 안에서 써야 할까요?
• java 박싱 언박싱과 오버헤드에 대한 이야기
• Java Annotation 의 이해 1/3
• [테크톡] 당신의 코드는 POJO하신가요?

⬆ 위로가기

python

• [python] 파이썬을 이용하여 이메일(email) 전송 - 파일첨부, HTML 양식 사용
• 파이썬 개발이 순조롭다는 것을 알려주는 8가지 신호
• Go RESTful API(gRPC Client) + Python gRPC server

⬆ 위로가기

Dart

• 다트(Dart)로 웹 크롤링 맛보기

⬆ 위로가기

GraphQL

• infinite scroll 구현하기 (2) swr-graphql
• 4 reasons why you should use GraphQL over REST APIs
• Creating a GraphQL API while utilizing your REST API
• Open Sourcing the Netflix Domain Graph Service Framework: GraphQL for Spring Boot
• Relay로 구현한 Github 유저 검색하기 프로젝트
• Writing a Node.js GraphQL backend that actually scales

⬆ 위로가기

프레임워크 or 라이브러리

⬆ 위로가기

React

• 탄력적인 컴포넌트 작성하기
• 리액트 function component와 class component는 어떻게 다를까?
• 리액트 프로젝트에서 타입스크립트 사용하기
• 리액트 개발자가 반드시 이해해야 하는 서버사이드렌더링, 그 중에서도 Re-hydration과 Two-pass rendering 개념을 설명하는 글입니다.
• A deep dive into Pure Component and React.memo(), and why we need them
• Simplifying React Forms with Hooks
• 컴포넌트 분리의 미학
• (번역) React, 인라인 함수, 그리고 성능
• [React] 리액트를 처음부터 배워보자. — 03. React 의 Update 스케줄링 과정
• Blazor 웹 애플리케이션에 React UI 컴포넌트 끼얹기
• Javascript Closure로 useState Hook 만들기
• Asynchronous Functional Programming Using React Hooks
• Five awesome React packages to check out
• Formik: React Forms Tutorial with Yup and Material
• [Reactjs] AWS Lambda@Edge 이미지 리사이징
• 바보같이 최적화 하는 법 (React.memo, 인라인)
• React Hooks + Mobx 예제 - 슈퍼마켓 구현하기 -
• 6 Practical Applications for useRef
• Recoil — Another React State Management Library?
• Full Stack React & Django
• 리액트 공식문서 파헤치기
• React Lazy Load Image Component
• reactGo
• boilerplate-collection
• https://youtu.be/FGG0EeMNUl0
• useEffect를 테스트 하는 방법
• [웹개발] [React] React 개발자라면 꼭 알아야하는 SWR
• React 최적화 - buffer를 활용하여 상태 갱신 줄이기
• [React] pages 폴더 경로를 이용한 동적 라우팅
• Introducing Zero-Bundle-Size React Server Components
• React Mobx 안어렵습니다!
• [react] 스로틀링(throttling)을 활용하여 캡스락(capslock)키 제어
• React Fast Refresh
• Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
• React 서버 컴포넌트
• Create App Custom
• [React] list component key에 대하여 .
• Recoil 레시피: 서버 사이드 렌더링
• How to useRef to Fix React Performance Issues
• The New React 17 JSX Transform
• 3 Ways to Analyze React Performance with Reactime
• [react] react 최적화 기법 - memo, useCallback, useMemo
• 아토믹(Atomic) 컴포넌트 디자인 개발 패턴
• React Fast Refresh 적용하기
• React의 렌더링 퍼포먼스 개선기 (부제: 수백개의 아이템을 가진 리스트를 개선하기)
• React는 왜 React일까?
• [react] typescript 기반의 리액트 인터페이스(interface, type) 이해하기
• 5 Advanced React Patterns
• React Clean Architecture
• Redux, Context, or Recoil: Which One Is Best for Your Modern Web App?
• 애플리케이션 상태 관리
• Amazing New Features In React Router v6
• serverless-next.js deploy
• React 18: 렌더링 최적화를 위한 자동 배칭

⬆ 위로가기

ReactNative

• GitHub Actions와 Fastlane을 사용해서 React Native 앱 배포하기
• React Native CI/CD 환경 구축

⬆ 위로가기

Vue.js

• 바닥부터 시작하는 Vue 컴포넌트 테스트
• Tutorial - Build an Instagram clone with Vue.js and CSSGram
• v-model의 동작 원리와 활용 방법
• Docker Container로 Nuxt.js(SSR, Static Site) 띄어보기(feat. production) [출처] Docker Container로 Nuxt.js(SSR, Static Site) 띄어보기(feat. production)|작성자 맨체스터시티
• 6 Techniques to Write Better VueJS v-for Loops
• Requests in VueJS: Fetch API and Axios — A Comparison
• Vue.js 3 반응형 동작 원리 살펴보기

⬆ 위로가기

Svelte

• Learn the Svelte JavaScript Framework - Full Course

• svelte 공식 사이트

• SVELTE from React

• D3로 서울시 강수량 그래프 만들기

• ⬆ 위로가기

Spring Boot

• SpringRestDocs를 SpringBoot에 적용하기
• [Spring] Post 요청과 Content-Type의 관계
• SpringBoot2로 Rest api 만들기
• CORS 이슈 해결
• Spring Batch에서 MultiThread로 Step 실행하기
• SpringBoot REST API client인증처리,OAuth2.0
• 2. application.properties DB접속정보로 DataSource 빈 생성이 안된이슈
• JWT Token을 spring security에서 손쉽게 검증하기 위한 방법
• 22. Spring - Profile별로 개발환경 세팅 및 배포
• 25. Spring - DI (Dependency Injection) 동작원리
• Service와 ServiceImpl 구조에 대해서
• 27. Spring - Swagger 기본사용법 및 API 문서자동화

⬆ 위로가기

Node.js

• Node CPU 점유율 최적화 경험기
• [Node.js] 모듈 시스템
• 3 Free Node.js Hosting Services you Should Try Today
• logstash를 이용하여 mysql과 elasticsearch 연동하기
• 데이터 검증 (Data Validation)은 언제, 얼마나 해야 할까?

⬆ 위로가기

Nest.js

• Dockerized NestJS Micro-service application with Redis

⬆ 위로가기

Javalin

• Javalin : 자바와 코틀린을 위한 경량 웹 프레임워크 리뷰

⬆ 위로가기

NW.js

• NW.js

⬆ 위로가기

Next.js

• 알고리즘 시각화 React 웹 앱 개발하기
• next js가 리덕스 리덕스 사가 서버사이드 렌더링을 적용하기 편한 프레임 워크인데 이에 대한 풀스택 강의를 듣고 내용을 한번 정리해봤어여
• 정직하게 배워보는 Next.js 시리즈를 시작합니다.
• AWS CodePipeline과 Amazon s3를 통한 정적 웹사이트 CI/CD 구축(Next.js)

⬆ 위로가기

rollup.js

• Typescript + React + Rollup으로 풀세트 Component Library만들기

⬆ 위로가기

기타

• 2020년 눈여겨 볼만한 프런트엔드 프레임워크
• 프런트엔드 트랜드가 한눈에! 2019 년의 가장 핫했던 JavaScript 라이브러리
• 통신사에 긴급 재난문자 보내기 5G (disaster alert, cell broadcast service)
• Web 이나 App 에서 애니메이션을 표시한다면 "Lottie"

⬆ 위로가기

테스팅

⬆ 위로가기

Jest

• Jest로 기본적인 테스트 작성하기
• API 호출 테스트 코드 작성 방법 (with Typescript)

⬆ 위로가기

Spring

• JPA 기반 테스트 코드 작성 팁
• Spring - Security에서 사용자의 권한을 동적으로 처리하기
• 34. Spring - @RequestBody 어노테이션의 동작방식

⬆ 위로가기

버전 관리

⬆ 위로가기

git

• [번역] github 에서 자주 쓰이는 영어 정리해 봤습니다.
• Git 사용 중 자주 만나는 이슈 정리
• Conventional Commits
• deploy 브랜치 전략 활용 방법 - 당근마켓
• [Github] ✨ 당신의 Github을 매력적으로 보일 말 있는 방법들
• 10 Extraordinary GitHub Repos for All Developers
• [코드잇] git reset의 3가지 옵션 제대로 이해하기
• [코드잇] git push -u origin master의 비밀
• GitHub 환경에서의 실전 Git 레시피
• 🌳🚀 CS Visualized: Useful Git Commands
• Git을 이용한 협업 워크플로우
• 오픈소스를 번역할 때 유용한 Git Localize 사용법
• 지금 당장 좋은 커밋 메시지를 남기는 방법(with Git Commit Template)
• git gui/client 는 어떤툴을 사용하시나요?

⬆ 위로가기

백엔드

• 백엔드 개발자를 꿈꾸는 학생개발자에게
• WATCHA 서버 접속을 위한 CLI 와 SSH 인증서버 소개
• MariaDB SkySQL Demo: Setting Up A Service
• Prisma, 넌 누구니?
• if(kakao)2020 코멘터리 01 : 카카오톡 캐싱 시스템의 진화 — Kubernetes와 Redis를 이용한 캐시 팜 구성
• standalone-kubelet-with-containerd
• [Linux] linux 인프라 지표 모니터링을 하기위한 명령어 top

⬆ 위로가기

데이터베이스

• [SQL서버] VALUES의 다양한 용법(테이블 값 생성자)

⬆ 위로가기

mongoDB

• MongoDB ReplicaSet 이란 ?

⬆ 위로가기

Redis

• Redis Eviction 정책을 적용하여 효율적인 캐시 띄우기
• Redis 성능 향상을 위한 Redis 세션 저장소와 캐시 저장소의 분리
• 레디스(Redis)는 언제 어떻게 사용하는 게 좋을까

⬆ 위로가기

개발 툴

• [서버] 로그인이 필요한 API 똑똑하게 테스트 하는 방법 - postman 활용
• 프론트엔드 개발자 꿀팁!! - 가짜(Mock) 서버 만들어서 API 활용하기 - postman

⬆ 위로가기

웹 프론트엔드

• 😋 프로그래머스 2020 Dev-Matching 웹 프론트엔드 개발자(상반기) 후기
• 프로그래머스 웹 프론트엔드 데브 매칭 후기
• 웹 개발시 자주 사용되는 무료 공공 데이터 API를 정리한 목록입니다. 방대한 분량의 API가 카테고리별로 깔끔하게 정리되어 있습니다.
• 알아두면 쓸데있는 VSCode 노하우
• Best GitHub Repos for Web Developers
• SameSite의 효과는 굉장했다 / SameSite란 무엇일까 / CSRF 방어
• 10 security tips for frontend developers
• NPM 패키지 다운로드 트렌드를 확인할 수 있는 사이트
• 웹의 렌더링 방식의 차이점을 애니메이션으로 쉽게 설명해주는 내용입니다.
• JAM Stack 이야기
• 같은 이미지인데 미리보기가 이상하게 나온다고요?
• AWS를 이용해 SPA 호스팅하기
• grpc-js
• MessageChannel API를 활용해 iframe 서비스와 통신하기
• Client Side Rendering vs Server Side Rendering 모르면 일단 누르세요~
• How To Create A Video Chat App With WebRTC
• The Front-End Checklist
• [SSR] 서버사이드 렌더링
• [Safari] 내 iPhone 브라우저 Inspect하기
• How to render your website
• 웹 접근성 인증 받는 방법과 후기
• How We Build Micro Frontends
• 크롬 확장 플러그인 톺아보기
• Rollup.js 환경설정
• [HTML 강의] 브라우저 전쟁과 웹 표준
• JavaScript Frameworks, Performance Comparison 2020
• 브라우저의 동작 원리와 렌더링 최적화
• 국제화(i18n) 자동화 가이드
• 프론트엔드 에러 로그 시스템 Sentry 적용기
• 웹 성능 최적화 SSR + Cache 적용기
• Is It the Beginning of the End for PWAs?
• 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정
• 7 Tips for Becoming a Competent JavaScript Developer
• Deep Dive into Page Lifecycle API
• 브라우저 캐시 테스트
• DevTools architecture refresh: migrating DevTools to TypeScript
• requestIdleCallback으로 초기 렌더링 시간 14% 단축하기
• Dev.to처럼 포스팅 제목을 이미지로 만들어서 링크 미리보기(Link Preview) 이미지에 넣어보자
• 5 Different Tools for Frontend Monitoring
• 7 Repos I Didn’t Know I Needed For Front-End
• Real-world CSS vs. CSS-in-JS performance comparison
• 네이버와 카카오의 QR 체크인 페이지 비교해보기
• iOS 14.5 brings the new Safari 14.1 to PWAs and the Web Platform
• React vs. Vue in 2021: Best JavaScript Framework
• Vanilla JS에서 SPA 라우팅 시스템 구현하기
• 라이트하우스 성능 지표 살펴보기
• [Webpack] 웹팩 개념 알아보기
• 300개 이상의 랜딩페이지 사례를 11가지 구분에 따라 확인할 수 있는 곳!
• 내 웹 페이지 성능을 어떻게 올릴까?— 기초
• How to Use Geolocation API in Javascript
• 초보자부터 전문가까지 쓰는 핵심 SEO 전략 6가지

이벤트

• 스펙 살펴보기: Document Object Model Event
• 이벤트 기초

⬆ 위로가기

네트워크

⬆ 위로가기

통신

• Communication(통신) 1. 개념
• CORS는 왜 이렇게 우리를 힘들게 하는걸까?
• JWT를 소개합니다.
• CORS란? CORS 문제 해결하기

⬆ 위로가기

프로토콜

• HTTP VS HTTPS 차이, 알면 사이트의 레벨이 보인다.
• 프론트엔드와 백엔드가 소통하는 엔드포인트, RESTful API
• HTTP 는 Stateless 한데 로그인은 어떻게 구현할 수 있을까? (세션/쿠키를 이용한 인증)
• TCP/IP 관련 내용 정리
• HTTPS 작동 방식

⬆ 위로가기

응용프로그램

⬆ 위로가기

Docker

• 도커 베스트 프랙티스 (번역)
• 도커 컴포즈를 활용하여 완벽한 개발 환경 구성하기
• 도커 이미지 잘 만드는 방법
• 쿠버네티스 안내서
• Container부터 다시 살펴보는 Kubernetes Pod 동작 원리
• '너무 복잡'··· 쿠버네티스 관리를 아무도 원하지 않는 이유
• 도커 없이 컨테이너 만들기 - 2편
• 도커 없이 컨테이너 만들기 - 3편
• 신입 개발자인 나는 왜 CKA 자격증을 땄을까?

⬆ 위로가기

GitHub

• 우리 팀 GitHub에 지금 당장 연결해야 할 서비스 4가지
• 깃헙 액션을 마켓에 등록해보자
• Git push 결과물이 Github 잔디에 반영이 안될 때 해결하기
• Github Label, Issue, Pull Request Template 적용하기
• issue-to-notion
• Notion blog에서 Github blog로 옮기는 이유
• 1일 1커밋의 목표를 가지고 있다면? - Bitbar Github 플러그인 설정하기

⬆ 위로가기

디자인

⬆ 위로가기

UI/UX

• 개발자도 알면 좋은 UI 디자인
• 뉴모피즘 디자인은 어떻게 좀비가 되었나
• ✏️ 좋은 UI, UX 디자인에 대한 나의 생각
• Creative 404‑page designs you won't mind getting lost in
• 모바일 앱을 위한 UI/UX 상위 트랜드 2020
• 장바구니 UI 고치기
• [UX] 쉬운 말을 써야 한다
• 웹 디자이너를 위한, 웹 스타일 가이드 지침서
• Dark Mode UI: the definitive guide
• The UI & UX tips collection — volume one
• [기획자의 모바일앱 뜯어보기 54] #당근마켓-알림 #카닥-필터 #오늘의집-랜딩페이지 #무신사-마이페이지 #리멤버-커뮤니티
• A guide to the Modern Minimal UI style

⬆ 위로가기

이미지

• JPG VS PNG? 이미지 파일 형식에 숨겨진 비밀

⬆ 위로가기

개발 관련

• 새로 입사한 개발자가 프로젝트에 기여하는 방법 한 가지
• [코드잇 꿀팁] 개발자라면 꼭 알아야 할 커맨드 꿀팁!
• 이렇게 기획하면 안 돼요! # 회원가입
• 공개적으로 학습하라!
• 소규모 스타트업에서 OKR 도입은 어떤 결과를 가져다 주었을까?
• 멀티 쓰레드 프로그램 설계를 위한 8가지 규칙
• 10 Best Programming Languages to Learn in 2020 (for Job & Future)
• 개발 기술 면접 자료를 정리한 깃허브 저장소입니다. 자료구조, 네트워크, 개발 언어 등 각 분야별로 주요한 내용을 간단하게 소개하고 있습니다.
• 헤이딜러 개발팀 모두가 행복한 개발/PR관리 방법 7가지
• 깃허브 블로그 만들기 [1] - 지킬 (Jekyll) 사용하기
• 소셜로그인, 통합이 어려우면 한 개만 사용하게 만든다
• LINE 트랜스코딩 서버 아키텍처 개선기 – 1
• 🙈[Kafka] 기본 개념잡기🐵
• Slack Slash Command를 통해 AWS 서버 스케줄링하기 - 1. Intro
• 해외개발자 _ 진짜 개발자가 하는 일 1
• 사용성, 그 이상: 설득형 패턴 만들기
• 서버 개발 인턴 robin의 성장기
• HITS!를 이용하여 Jekyll 블로그에 조회수 배지 달기
• 이직기록 0. Intro -Todo list 만들기는 이제 그만
• 문서 번역으로 구글 컨트리뷰터가 되어보자
• 우리는 코드 리뷰를 잘하고 있을까요?
• 네이버 메인 페이지의 트래픽 처리
• 당신의 클론 코딩은 왜 실패하는가?
• 코드로 자음과 모음을 분리하기
• 기술면접 준비하기
• GRASP (object-oriented design)
• 하나의 생태계는 어떻게 갈라파고스화 되어 가는가?
• 개발자는 왜 40살에 치킨집을 차리게 될까?
• 회사에서 알려주지 않는 이메일 쓰는 법
• 브라우저는 어떻게 동작할까?
• 공개 구글 스프레드시트 문서를 이용하여 내가 원하는 형태의 mock API 응답받기
• 풋내기 창업자의 스타트업 창업하기 10화_PM직군의 부상
• 소규모 팀을 포함해 누구나 할 수 있는 훌륭한 개발 문화 구축 방법
• 나도 Stackoverflow 답변 개발자 – 주의사항과 장단점
• 칠전팔기 카카오페이 이직 비결
• 배달아~ 배달 가는길 알려줘!(단호함)
• 개발자의 학벌, 학력 그리고 전공
• 같은 주문에 2명의 라이더가 동시에 배달하는 문제 해결 - Redis Transaction을 이용하여 데이터 atomic 보장
• 개발자를 위한 트렌드 2021
• How To Become a Web Developer in 2021
• 다각형 내부 외부 판별(기하)
• 🗳노션으로 포트폴리오 만들기 | 기회 UP!🔥 마케터 포트폴리오 공개
• 우리가 몰랐던 APP PUSH에 대한 7가지 사실
• 99.(정리) 중학생 AWS 클라우드 수업 내용입니다.
• [nginx] nginx 시작하기 1/2 - 기초편
• 기획서 완성도가 떨어지고 보기가 어려워요!
• (공유) 대규모 인프라를 운영하기 위한 15가지 정보
• 실리콘밸리에서 개발자로 취업하기
• 클릭하고 싶은 제목 유형 10가지
• 내 포트폴리오가 서류탈락인 이유 - 프로젝트 이렇게 해보세요
• b2b 프로덕트가 제대로 망하는 과정
• OKR : 생산성을 보장하는 방법론
• 선배가 일을 안 가르쳐 주기 시작할 때
• 🙈 컴파일러는 어떻게 내가 작성한 코드를 인식하는걸까?
• Common Questions for Web Developer
• 욕 안 먹는 개발자되기
• Why SOLID Principles are not a solid solution for Software Design
• 카나리 테스트와 함께하는 안전한 서버 배포
• 가난한 개발자나 스타트업을 위한 무료 서비스들!
• [번역] 22 Best Practices to Take Your API Design Skills to the Next Level
• React Interview (리액트 면접질문)
• 포트 포워딩이란?
• Port 쉽게 이해하기
• 🚜 웹 크롤링과 아키텍쳐

알고리즘

• 백준 배열 돌리기 5 : 전략적인 브루트 포스로 풀어봅시다.
• 미로에 물을 쏟아 최단 경로를 구해요. BFS 알고리즘 [코딩테스트 Python]